Basilica di San Martino Vescovo - Magenta (MI)

San Martino: soldato, sacerdote, vescovo

Stazione VII

Stazione VIII

Stazione VI

Stazione IX

Stazione V

Stazione IV

Stazione XI

Stazione XII

Stazione III

Stazione XIII

Stazione II

Stazione I

ADORAZIONE DEL SANTISSIMO SACRAMENTO

MADONNA TRA GLI ANGELI

Crocifissione con San Francesco, Maria Maddalena e la Vergine Maria

SANTA CRESCENZIA MARTIRE

Stazione XIV

Dipinto murale Affresco - LEONE XIII ISTITUISCE LA PIA UNIONE DELLA SACRA FAMIGLIA

Dipinto murale - San Martino dona il mantello al povero

Soffitto Affrescato:

Stazione X

Serie di 24 misteri astili di contorno alla croce processionale del venerdì Santo

Autore ignoto, sex. XVIII, cm 65x541. L'ULTIMA CENA 2. IL MISTERO EUCARISTICO 3. LA BORSA DEI TRENTA DENARI 4. LA VESTE DI CRISTO AL GETSEMANI 5. LA SPADA DI PIETRO AL GETSEMANI 6. LA MANO CHE COLPI' GESU' DAL SOMMO SACERDOTE 7. IL GALLO DEL TRADIMENTO DI PIETRO 8. GLI STAFFILI DELLA FLAGELLAZIONE 9. LE VERGHE DELLA FLAGELLAZIONE 10. LA CORONA DI SPINE 11. LA COLONNA DELLA FLAGELLAZIONE 12 BROCCA CON BACILE 13. LA CROCE 14. L'ICONA DELLA VERONICA 15. I DADI 16. LA VESTE DI CRISTO AL CALVARIO 17. LE TENAGLIE ED IL MARTELLO 18. I CHIODI 19. LA SPUGNA 20. LA CROCE CON IL DRAPPO BIANCO 21. LA LANCIA 22. IL CRISTO NEL SEPOLCRO 23. LA SCALA DELL'ASCENSIONE 24. PORTA LUMINO

Croce processionale del Venerdì Santo

ENTRA NELL'ORGANO!

Visita il sotto tetto!

La navata centrale

Visita l'organo

Le canne dell'organo

L'organo

Il sottotetto

Sali sulla cupola

Torna all'ingresso della Basilica

Navata centrale

Sali sulla cupola

Paliotto

Scendi dalla cupola

Fonte Battesimale

I Profeti

San Francesco - Alcide Davide Campestrini - 1911 - olio su tela

Altare

Altare della Madonna

URNA DI SANTA CRESCENZIA

Tabernacolo - dettaglio

SANT'AMBROGIO

SAN MARTINO

Sali sull'altare

Sali sul pulpito

Sali sul pulpito

La Nascità della Basilica

Magenta tra Ottocento e Novecento: dalla campagna alla fabbrica

Dalla Pieve di Corbetta al Decanato di Magenta

L'Altare Maggiore pre-conciliare: teologia scolpita nel marmo

L'architettura neo-rinascimentale e i vincoli progettuali

La facciata: un 'catechismo scolpito'

Dieci anni di cantiere: problemi strutturali e soluzioni ingegneristiche

La prima Messa e la consacrazione solenne

Il progetto mai realizzato: la 'Chiesa-Sacrario'

Il presbiterio conciliare: celebrazione e partecipazione

La cupola: Spirito Santo, Profeti ed Evangelisti

Il battistero: porta della vita cristiana

Santa Crescenzia: patrona e martire

Gli affreschi narrativi: San Martino e la carità

L'organo monumentale: 200 anni di tradizione organaria

Le cappelle laterali e la Via Crucis

Il campanile e il linguaggio delle campane

La Basilica come 'casa-chiesa'

Il Centenario (2003): memoria e futuro

I prevosti Tragella e Crespi: costruttori di comunità

La battaglia del 1859 e il colore 'magenta'

Il tabernacolo e la custodia eucaristica

Il titolo di Basilica Minore e i riconoscimenti

Un monumento nato dalla fede di un popolo

Toccata e Fuga in Re Minore di Bach | Maestro Carlo Tunesi

La Porta Santa: soglia di misericordia e arte

HTML

Stazione VII

Stazione VIII

Stazione VI

Stazione IX

Stazione V

Stazione IV

Stazione XI

Stazione XII

Stazione III

Stazione XIII

Stazione II

Stazione I

HTML
HTML
HTML
HTML

Stazione XIV

HTML

Dipinto murale - San Martino dona il mantello al povero

Soffitto Affrescato:

Stazione X

ENTRA NELL'ORGANO!

Visita il sotto tetto!

L'organo

Navata centrale

Paliotto

Zacaria

Aggeo

Daniele

Isaia

Geremia

Ezechiele

Malachia

Michea

Naum

Abacuc

Giona

Amos

HTML

Altare

Altare della Madonna

HTML

Tabernacolo - dettaglio

SANT'AMBROGIO

Autore ignoto – 1856 e 1929 – statua in rame e vetrata

 

Originario di Augusta Treverorum (oggi Treviri, in Germania), funzionario dell’impero romano, Ambrogio nel 374 venne eletto vescovo di Milano per volontà del popolo. Predicatore carismatico e grande riformatore, amato e stimato dai milanesi, divenne patrono della città di Milano e della Chiesa “ambrosiana”.

La statua che presentiamo fa parte di una serie di quattro acquistate nel 1856 dal parroco Giardini per abbellire la vecchia prepositurale di San Martino.

I documenti originali parlano di statue in “rame inargentato”, probabilmente fatte dorare con la successiva collocazione in basilica. Vengono citati anche i nomi dei santi vescovi rappresentati: insieme a sant’Ambrogio troviamo san Carlo Borromeo e san Galdino della Sala (compatroni di Milano) e il patrono di Magenta san Martino.

 

Le statue, a grandezza naturale, sono raffigurate con abito vescovile, il pastorale nella mano sinistra e indossano la croce pettorale che custodisce all’interno una reliquia. Attualmente vengono poste a decoro dell’altare maggiore in basilica nei giorni di festa solenne.

 

A parte san Carlo, riconoscibile dagli inconfondibili tratti somatici, gli altri tre avendo il volto di fantasia sono difficilmente individuabili. Possiamo identificare Ambrogio nel vescovo rappresentato con il libro nella mano destra essendo l’unico dei quattro ad avere il titolo di Dottore della Chiesa.

SAN MARTINO

Pietro Zucchi – 1871, lamiera sagomata e sbalzata

Questa statua fa parte di una coppia che fu commissionata dal parroco don Carlo Giardini e dalla fabbriceria all’artista milanese Zucchi. Insieme alla statua del santo Patrono fu fatta realizzare anche quella raffigurante santa Crescenzia, la “particolare Protettrice” dei magentini. Le statue, che oggi troviamo esposte nella seconda sacrestia della basilica, servivano ad abbellire la vecchia Prepositurale e furono posizionate all’interno di due grandi nicchie poste probabilmente all’ingresso della chiesa o ai lati del presbiterio. Non abbiamo documentazione in merito alla collocazione originale. In archivio, però, è conservata la ricca raccolta delle lettere intercorse tra le due parti dove si specificano dimensioni, materiali da utilizzare, colore, condizioni per il trasporto e la messa in opera. Le statue furono realizzate con lamiere di rame, zinco e ottone. Come colore di finitura l’artista propose il bianco (per imitare il marmo) o il verde-rame (a imitazione del bronzo): prevalse quest’ultimo. Oggetto di discussione fu anche il compenso: i committenti da una parte che chiedevano di abbassare e l’artista dall’altra che giustificava il lavoro e il costo dei materiali. Più volte venne espressamente richiesto che il retro delle figure, non visibile nella nicchia, fosse lasciato aperto e non rifinito. Questo comportava un notevole risparmio di materiale e di manodopera con conseguente ridimensionamento del prezzo. Mentre per santa Crescenzia non ci furono dubbi nel richiederla abbigliata “alla foggia romana dei primi secoli della Chiesa”, per san Martino inizialmente era prevista la realizzazione con “abito pontificale” da vescovo di cui conserviamo il bozzetto. Si decise invece di raffigurarlo vestito da soldato, cioè nell’iconografia più classica del taglio del mantello. Eccolo allora rappresentato con la divisa da soldato romano, la spada sguainata nella mano destra e nella sinistra il mantello appena tagliato. L’elmo è posto ai suoi piedi, a significare il cambiamento radicale che era in atto in lui. Donando il mantello, infatti, Martino nel povero incontrò Cristo, che ritroverà di lì a poco nell’episodio che gli ha realmente cambiato la vita, il Battesimo.

La Nascità della Basilica

La decisione di erigere la nuova Prepositurale a Magenta nasce alla fine dell’Ottocento per motivi sia pratici che simbolici. L’incremento demografico degli ultimi decenni del secolo aveva reso l’antica parrocchiale insufficiente; inoltre quest’ultima era collocata ai margini del borgo e risultava scomoda da raggiungere. Don Cesare Tragella, prevosto di Magenta, promosse dunque la costruzione di una chiesa più ampia e funzionale che potesse anche ricordare i Caduti della Battaglia del 1859 — un evento che aveva segnato profondamente la comunità locale e l’identità civica della città.
Curiosità
La spinta alla costruzione non fu solo “dall’alto”: la popolazione contribuì attivamente, sia economicamente che con mano d’opera gratuita, segno della forte partecipazione comunitaria.
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML
HTML

Toccata e Fuga in Re Minore di Bach | Maestro Carlo Tunesi

Ammira l’organo storico della Basilica di San Martino Vescovo di Magenta (MI) con la magistrale esecuzione della Toccata e Fuga in Re Minore di Bach a cura del Maestro Carlo Tunesi.
Lo strumento è opera della celebre famiglia Prestinari, organari attivi tra il Sette e l’Ottocento, trasferitisi a Magenta nel 1821. L’organo fu commissionato nel 1858, inaugurato nel 1860 dal Maestro Polibio Fumagalli e trasferito nella nuova basilica nel 1904.
Restaurato tra il 1986 e il 1991, conserva intatta la sua sonorità originale e la tecnica costruttiva italiana tradizionale, rappresentando un patrimonio storico e musicale di grande valore.
  • Compositore: Johann Sebastian Bach
  • Organo storico della Basilica di San Martino Vescovo, Magenta (MI)
  • Magenta, Milano

Questo video è stato realizzato con Insta X5 nell’ambito del progetto di virtualizzazione 3D della basilica, offrendo una prospettiva unica tra musica sacra, arte e architettura.
HTML
MENÙ
Presentato da kyrei.it
Basilica di San Martino Vescovo - Magenta (MI)
Lingua
us fr es
Basilica di San Martino Vescovo - Magenta

L’idea di costruire la Basilica di San Martino nacque per iniziativa di don Cesare Tragella, prevosto di Magenta dal 1885 al 1910, per rispondere alla crescita della popolazione e per commemorare i Caduti della Battaglia di Magenta del 1859.

La basilica presenta uno stile di ispirazione neo-rinascimentale ed è impostata su una pianta a croce latina, con una navata centrale ampia e due navate laterali più basse. Le sue dimensioni la rendono la seconda chiesa più grande della diocesi, dopo il Duomo di Milano. La navata centrale è sovrastata da una grande cupola con tamburo finestrato e lanterna slanciata.

La prima pietra fu posata nel 1893. Nonostante le difficoltà tecniche ed economiche, superate anche grazie al contributo volontario dei parrocchiani, la struttura fu completata all’inizio del Novecento. Nel 1901 vi si celebrò la prima Messa e la basilica venne consacrata il 24 ottobre 1903 dal Cardinale Andrea Carlo Ferrari.

Il complesso è completato da una torre campanaria alta 72 metri, inaugurata nel 1913, con otto campane. Nel corso del tempo il concerto campanario fu più volte sostituito, in particolare dopo le requisizioni della Seconda guerra mondiale.

La facciata in marmi policromi, progettata dall’architetto Mariani, fu realizzata tra il 1932 e il 1959 e inaugurata il 4 giugno 1959 dall’Arcivescovo di Milano Giovanni Battista Montini. Nel 1948 Papa Pio XII elevò la chiesa a Basilica Minore Romana.

All’ingresso si trova un pregevole supporto ligneo realizzato dall’artigiano Corneo che ospita l’organo Prestinari, inaugurato nel 1860 e trasferito nella basilica nel 1902. Con le sue 1600 canne, è oggi utilizzato per concerti solenni ed è uno degli strumenti più importanti della tradizione organaria magentina.

Via Roma, 39, 20013 Magenta MI
Visita la Basilica
La Facciata della Basilica
Ingresso della Basilica
Organo della Basilica
Interno dell'organo
Navata Centrale - vista sopraelevata
Altare - vista sopraelevata
Pulpito di destra
Pulpito di sinistra
Altare
Tabernacolo
Coro e Stendardi
Vista dall'Altare
Visita la Cupola
Cappella di Santa Crescenzia
Altare della Madonna
Il Battistero
Elementi Artistici
stazione vii Stazione VII stazione viii Stazione VIII stazione vi Stazione VI stazione ix Stazione IX stazione v Stazione V stazione iv Stazione IV stazione xi Stazione XI stazione xii Stazione XII stazione iii Stazione III stazione xiii Stazione XIII stazione ii Stazione II stazione i Stazione I adorazione del santissimo sacramento /* --- importazione font --- */ @import url('https://fonts.googleapis.com/css2?family=playfair+display:ital,wght@0,400;0,600;1,400&family=lato:wght@400;700&display=swap');/* --- protezione anti-grigio e anti-bianco (blocco totale) --- */ /* forziamo il colore nero su tutti gli elementi testuali, inclusi i grassetti */ .museum-card, .museum-card div, .museum-card p, .museum-card li, .museum-card span, .museum-card h3, .museum-card strong, .museum-card b { color: #1a1a1a !important; /* forza il nero fumo */ opacity: 1 !important; /* forza l'opacità massima */ filter: none !important; /* rimuove filtri della skin */ -webkit-font-smoothing: antialiased; }/* eccezioni specifiche per mantenere i colori del design originale */ .museum-card .specs-title { color: #c9b37e !important; } /* titolo oro */ .museum-card .spec-label { color: #666 !important; } /* label grigie *//* --- reset aggressivo per questo hotspot --- */ .museum-card, .museum-card *, .museum-card *::before, .museum-card *::after { box-sizing: border-box; /* blocca l'ereditarietà di font-size dal parent */ font-size: unset; }/* --- stili generali --- */ .museum-card { width: 100%; max-width: 900px; background: #ffffff; font-family: 'lato', -apple-system, blinkmacsystemfont, "segoe ui", helvetica, arial, sans-serif; color: #1a1a1a; line-height: 1.6; box-sizing: border-box; overflow: hidden;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/* ???? blocco definitivo contro la skin */ opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; }/* --- viewport deep zoom --- */ .media-container { width: 100%; height: 55vh; min-height: 350px; max-height: 600px; background: #f0f0f0; border-bottom: 1px solid #e0e0e0; }.media-iframe { width: 100%; height: 100%; border: none; display: block; }/* --- contenitore info --- */ .info-wrapper { display: grid; grid-template-columns: 260px 1fr; gap: 30px; padding: 30px; background-color: #fff; }/* --- colonna scheda tecnica --- */ .specs-column { /* dimensione fissa in px, non rem/em per evitare scalature browser */ font-size: 15.2px; border-right: 1px solid #eee; padding-right: 20px; color: #222222 !important; }.specs-title { font-family: 'playfair display', times, serif; font-size: 17.6px; text-transform: uppercase; letter-spacing: 0.05em; color: #c9b37e !important; margin-bottom: 20px; border-bottom: 2px solid #c9b37e; padding-bottom: 8px; display: inline-block; font-weight: 600; }.spec-item { margin-bottom: 16px; }.spec-label { display: block; font-weight: 700; font-size: 12px; text-transform: uppercase; color: #666666 !important; margin-bottom: 3px; }.spec-value { font-size: 16px; color: #111111 !important; font-weight: 400; }/* --- colonna descrizione --- */ .text-column { font-size: 16.8px; color: #222222 !important; } .text-scroll-area { max-height: 400px; overflow-y: auto; padding-right: 15px; }.text-scroll-area::-webkit-scrollbar { width: 6px; } .text-scroll-area::-webkit-scrollbar-track { background: #f1f1f1; } .text-scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; } .text-scroll-area::-webkit-scrollbar-thumb:hover { background: #c9b37e; }.text-column p { margin-bottom: 1.2em; text-align: left; /* ogni paragrafo ha colore esplicito */ color: #222222 !important; /* dimensione fissa */ font-size: 16.8px; }/* citazioni */ .museum-quote { font-family: 'playfair display', serif; font-style: italic; font-size: 19.3px; color: #444444 !important; border-left: 3px solid #c9b37e; padding-left: 15px; margin: 25px 0; background: #faf9f5; padding: 15px; border-radius: 0 4px 4px 0; }.museum-quote small { font-style: normal; font-size: 12.6px; text-transform: uppercase; margin-top: 8px; display: block; letter-spacing: 0.05em; color: #888888 !important; }/* forza colore su tutti gli elementi di testo */ .museum-card span, .museum-card strong, .museum-card b, .museum-card em, .museum-card i { color: inherit !important; } /* specifiche per strong/b che devono essere neri */ .text-column strong, .text-column b { color: #111111 !important; font-weight: 700; }/* --- responsive mobile --- */ @media (max-width: 768px) { .info-wrapper { grid-template-columns: 1fr; gap: 25px; padding: 20px; display: flex; flex-direction: column; }.specs-column { order: 1; border-right: none; border-bottom: 1px solid #eee; padding-right: 0; padding-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; font-size: 14.4px; } .specs-title { grid-column: span 2; margin-bottom: 15px; font-size: 16px; }.text-column { order: 2; font-size: 16px; } .media-container { height: 40vh; } .text-scroll-area { max-height: none; overflow-y: visible; padding-right: 0; } .text-column p { font-size: 16px; line-height: 1.5; } .museum-quote { font-size: 17.6px; } } /* --- protezione massima: se il browser forza font-size, resisti --- */ @media (prefers-reduced-motion: no-preference) { .museum-card { /* previene il text-zoom di ios */ -webkit-text-size-adjust: none; text-size-adjust: none; } }scheda tecnicaautore ignoto, vicino ad a. lanzanidatazione sec. xvii / xviiitecnica olio su teladimensioni 167 × 230 cmrestauro 1980 – scuola beato angelicoil quadro che oggi vediamo esposto in basilica presso l'altare della madonna, in origine si trovava presso la vecchia san martino."...al di sopra dell'apertura una seconda cornice di marmo nero con un dipinto nel quale si rappresenta il santissimo sacramento fatto scendere dal cielo dagli angeli, la madonna, san giuseppe, s. simone apostolo, s. antonio abate..." — descrizione di mons. corradi, 1706il dipinto nel 1706 si trovava sull'altare della confraternita del santissimo sacramento, altare che all'arrivo a magenta del corpo di s. crescenzia nel 1817 venne trasformato nel santuario della santa martire.curioso l'abbinamento dei due santi presenti nel quadro: s. simone apostolo raffigurato con una sega da legnaiolo, oggetto con cui fu martirizzato, e s. antonio abate.i documenti in nostro possesso non ci permettono di individuare l'ubicazione di questo oratorio che venne demolito nel secolo xvii. ADORAZIONE DEL SANTISSIMO SACRAMENTO madonna tra gli angeli /* --- importazione font --- */ @import url('https://fonts.googleapis.com/css2?family=playfair+display:ital,wght@0,400;0,600;1,400&family=lato:wght@400;700&display=swap');/* --- protezione anti-grigio e anti-bianco (blocco totale) --- */ /* forziamo il colore nero su tutti gli elementi testuali, inclusi i grassetti */ .museum-card, .museum-card div, .museum-card p, .museum-card li, .museum-card span, .museum-card h3, .museum-card strong, .museum-card b { color: #1a1a1a !important; /* forza il nero fumo */ opacity: 1 !important; /* forza l'opacità massima */ filter: none !important; /* rimuove filtri della skin */ -webkit-font-smoothing: antialiased; }/* eccezioni specifiche per mantenere i colori del design originale */ .museum-card .specs-title { color: #c9b37e !important; } /* titolo oro */ .museum-card .spec-label { color: #666 !important; } /* label grigie *//* --- stili generali --- */ .museum-card { width: 100%; max-width: 900px; background: #ffffff !important; font-family: 'lato', sans-serif; line-height: 1.6; box-sizing: border-box; overflow: hidden; display: block; position: relative; }/* --- viewport deep zoom --- */ .media-container { width: 100%; height: 55vh; min-height: 350px; max-height: 600px; background: #000; border-bottom: 1px solid #e0e0e0; }.media-iframe { width: 100%; height: 100%; border: none; display: block; }/* --- contenitore info --- */ .info-wrapper { display: grid; grid-template-columns: 260px 1fr; gap: 30px; padding: 30px; background-color: #fff !important; }/* --- scheda tecnica --- */ .specs-column { border-right: 1px solid #eee; padding-right: 20px; }.specs-title { font-family: 'playfair display', serif; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; border-bottom: 2px solid #c9b37e; padding-bottom: 8px; display: inline-block; font-weight: 600; }.spec-item { margin-bottom: 16px; } .spec-label { display: block; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; margin-bottom: 3px; }.spec-value { font-size: 1rem; font-weight: 400; }/* --- colonna testo --- */ .text-column { font-size: 1.05rem; } .text-scroll-area { max-height: 500px; overflow-y: auto; padding-right: 15px; } .text-scroll-area::-webkit-scrollbar { width: 6px; } .text-scroll-area::-webkit-scrollbar-track { background: #f1f1f1; } .text-scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }.text-column p { margin-bottom: 1.2em; text-align: left; } .text-column h3 { font-family: 'playfair display', serif; font-size: 1.3rem; margin: 25px 0 15px 0; }.museum-box { border-left: 3px solid #c9b37e; padding: 15px 20px; margin: 25px 0; background: #faf9f5 !important; border-radius: 0 4px 4px 0; }.visitor-note { font-style: italic; background: #f4f4f4 !important; border-left: 3px solid #666; padding: 15px; font-size: 0.95em; margin-top: 30px; }/* --- responsive mobile --- */ @media (max-width: 768px) { .info-wrapper { display: flex; flex-direction: column; gap: 25px; padding: 20px; } .specs-column { border-right: none; border-bottom: 1px solid #eee; padding-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .specs-title { grid-column: span 2; } .media-container { height: 40vh; } .text-scroll-area { max-height: none; overflow-y: visible; padding-right: 0; } }scheda tecnicaautoreanonimodatazionexvi secolo (?)tecnicaolio su teladimensioni185 x 280 cmrestauroscuola beato angelico, 1980l'opera presenta una sacra conversazione celeste di verticale monumentalità. al centro, la vergine maria è raffigurata in preghiera su una nube, suggerendo il tema dell'immacolata concezione o dell'assunzione.la gerarchia celestela composizione si sviluppa su più registri:dio padre: in alto, emerge dalle nubi benedicente, simbolo di autorità divina. lo spirito santo: rappresentato dalla colomba, completa l'asse trinitario verticale. angeli musicanti: schiere di putti animano la scena con liuti, viole e arpe. vittoria del bene: la madonna in basso, schiaccia la testa di un demone, simbolo della vittoria del bene.stile: la struttura piramidale e il colorismo caldo richiamano modelli derivati da raffaello.per il visitatore: alzi lo sguardo lungo l'asse verticale dell'opera per percepire la gerarchia celeste. MADONNA TRA GLI ANGELI crocifissione con san francesco, maria maddalena e la vergine maria /* --- importazione font --- */ @import url('https://fonts.googleapis.com/css2?family=playfair+display:ital,wght@0,400;0,600;1,400&family=lato:wght@400;700&display=swap');/* --- protezione anti-grigio e anti-bianco (blocco totale) --- */ /* forziamo il colore nero su tutti gli elementi testuali, inclusi i grassetti */ .museum-card, .museum-card div, .museum-card p, .museum-card li, .museum-card span, .museum-card h3, .museum-card strong, .museum-card b { color: #1a1a1a !important; /* forza il nero fumo */ opacity: 1 !important; /* forza l'opacità massima */ filter: none !important; /* rimuove filtri della skin */ -webkit-font-smoothing: antialiased; }/* eccezioni specifiche per mantenere i colori del design originale */ .museum-card .specs-title { color: #c9b37e !important; } /* titolo oro */ .museum-card .spec-label { color: #666 !important; } /* label grigie *//* --- stili generali --- */ .museum-card { width: 100%; max-width: 900px; background: #ffffff; font-family: 'lato', -apple-system, blinkmacsystemfont, "segoe ui", helvetica, arial, sans-serif; color: #1a1a1a; line-height: 1.6; box-sizing: border-box; overflow: hidden;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/* ???? blocco definitivo contro la skin */ opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; }/* --- viewport deep zoom --- */ .media-container { width: 100%; height: 55vh; min-height: 350px; max-height: 600px; background: #111; /* sfondo scuro per far risaltare il quadro */ border-bottom: 1px solid #e0e0e0; }.media-iframe { width: 100%; height: 100%; border: none; display: block; }/* --- contenitore info --- */ .info-wrapper { display: grid; grid-template-columns: 260px 1fr; gap: 30px; padding: 30px; background-color: #fff; }/* --- colonna scheda tecnica --- */ .specs-column { font-size: 0.95rem; border-right: 1px solid #eee; padding-right: 20px; color: #222; }.specs-title { font-family: 'playfair display', times, serif; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.05em; color: #c9b37e; margin-bottom: 20px; border-bottom: 2px solid #c9b37e; padding-bottom: 8px; display: inline-block; font-weight: 600; }.spec-item { margin-bottom: 16px; }.spec-label { display: block; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; color: #666; margin-bottom: 3px; }.spec-value { font-size: 1rem; color: #111; }/* --- colonna descrizione --- */ .text-column { font-size: 1.05rem; color: #222; } .text-scroll-area { max-height: 500px; overflow-y: auto; padding-right: 15px; }/* scrollbar */ .text-scroll-area::-webkit-scrollbar { width: 6px; } .text-scroll-area::-webkit-scrollbar-track { background: #f1f1f1; } .text-scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; } .text-scroll-area::-webkit-scrollbar-thumb:hover { background: #c9b37e; }.text-column p { margin-bottom: 1.2em; text-align: left; }.text-column h3 { font-family: 'playfair display', serif; font-size: 1.3rem; margin: 25px 0 15px 0; color: #1a1a1a; }/* box simbolismi e note */ .museum-box { font-size: 0.95em; border-left: 3px solid #c9b37e; padding: 15px 20px; margin: 25px 0; background: #faf9f5; border-radius: 0 4px 4px 0; }.visitor-note { font-style: italic; background: #f4f4f4; border-left: 3px solid #666; padding: 15px; font-size: 0.95em; margin-top: 30px; }/* --- responsive mobile --- */ @media (max-width: 768px) { .info-wrapper { display: flex; flex-direction: column; gap: 25px; padding: 20px; }.specs-column { order: 1; border-right: none; border-bottom: 1px solid #eee; padding-right: 0; padding-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .specs-title { grid-column: span 2; }.text-column { order: 2; } .media-container { height: 40vh; } .text-scroll-area { max-height: none; overflow-y: visible; padding-right: 0; } }scheda tecnicaautore anonimodatazione fine del xvi secolotecnica olio su teladimensioni 185 x 280 cmrestauro d.a. tripodi, 1980l'opera è una crocifissione di impianto tradizionale che rivela influenze controriformistiche tipiche del tardo cinquecento. al centro, cristo è raffigurato con un corpo snello e muscolato, modellato con un chiaroscuro marcato che enfatizza la sofferenza fisica.descrizione iconograficaai piedi della croce, una disposizione triangolare guida lo sguardo del fedele attraverso tre figure chiave:san francesco (a sinistra): con lo sguardo estasiato e la mano sul petto, simbolo di identificazione mistica. maria maddalena (al centro): inginocchiata, abbraccia il legno sacro con intima partecipazione. la vergine maria (a destra): mater dolorosa post-tridentina, con le braccia aperte in un gesto di sofferenza composta.elementi simbolici ai piedi della croce, il teschio identifica il golgota (luogo del cranio). tradizionalmente associato ad adamo, simboleggia la redenzione dell'umanità peccatrice attraverso il sacrificio di cristo.stile e contestol'uso drammatico del chiaroscuro e il colorismo caldo suggeriscono l'influenza del manierismo nord-italiano, con possibili riferimenti alla scuola di simone peterzano o alle coeve produzioni milanesi.la presenza di san francesco indica probabilmente una commissione legata all'ordine dei frati minori, frequente nelle basiliche dell'epoca.per il visitatore: osservi come la luce, proveniente da sinistra, modelli i corpi delle figure creando una profondità che invita alla contemplazione del mistero della redenzione. Crocifissione con San Francesco, Maria Maddalena e la Vergine Maria santa crescenzia martire /* --- importazione font --- */ @import url('https://fonts.googleapis.com/css2?family=playfair+display:ital,wght@0,400;0,600;1,400&family=lato:wght@400;700&display=swap');/* --- protezione anti-grigio e anti-bianco (blocco totale) --- */ /* forziamo il colore nero su tutti gli elementi testuali, inclusi i grassetti */ .museum-card, .museum-card div, .museum-card p, .museum-card li, .museum-card span, .museum-card h3, .museum-card strong, .museum-card b { color: #1a1a1a !important; /* forza il nero fumo */ opacity: 1 !important; /* forza l'opacità massima */ filter: none !important; /* rimuove filtri della skin */ -webkit-font-smoothing: antialiased; }/* eccezioni specifiche per mantenere i colori del design originale */ .museum-card .specs-title { color: #c9b37e !important; } /* titolo oro */ .museum-card .spec-label { color: #666 !important; } /* label grigie *//* --- stili generali --- *//* --- stili generali --- */ .museum-card { width: 100%; max-width: 900px; background: #ffffff; font-family: 'lato', -apple-system, blinkmacsystemfont, "segoe ui", helvetica, arial, sans-serif; color: #1a1a1a; line-height: 1.6; box-sizing: border-box; overflow: hidden;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/* ???? blocco definitivo contro la skin */ opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; }/* --- viewport deep zoom --- */ .media-container { width: 100%; height: 55vh; min-height: 350px; max-height: 600px; background: #f4f4f4; border-bottom: 1px solid #e0e0e0; }.media-iframe { width: 100%; height: 100%; border: none; display: block; }/* --- contenitore info --- */ .info-wrapper { display: grid; grid-template-columns: 260px 1fr; gap: 30px; padding: 30px; background-color: #fff; }/* --- scheda tecnica --- */ .specs-column { font-size: 0.95rem; border-right: 1px solid #eee; padding-right: 20px; color: #222; }.specs-title { font-family: 'playfair display', times, serif; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.05em; color: #c9b37e; margin-bottom: 20px; border-bottom: 2px solid #c9b37e; padding-bottom: 8px; display: inline-block; font-weight: 600; }.spec-item { margin-bottom: 16px; } .spec-label { display: block; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; color: #666; margin-bottom: 3px; }.spec-value { font-size: 1rem; color: #111; }/* --- colonna testo --- */ .text-column { font-size: 1.05rem; color: #222; } .text-scroll-area { max-height: 500px; overflow-y: auto; padding-right: 15px; } .text-scroll-area::-webkit-scrollbar { width: 6px; } .text-scroll-area::-webkit-scrollbar-track { background: #f1f1f1; } .text-scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }.text-column p { margin-bottom: 1.2em; text-align: left; } .text-column h3 { font-family: 'playfair display', serif; font-size: 1.3rem; margin: 25px 0 15px 0; color: #1a1a1a; }.museum-box { font-size: 0.95em; border-left: 3px solid #c9b37e; padding: 15px 20px; margin: 25px 0; background: #faf9f5; border-radius: 0 4px 4px 0; }.visitor-note { font-style: italic; background: #f4f4f4; border-left: 3px solid #666; padding: 15px; font-size: 0.95em; margin-top: 30px; }/* --- responsive mobile --- */ @media (max-width: 768px) { .info-wrapper { display: flex; flex-direction: column; gap: 25px; padding: 20px; } .specs-column { order: 1; border-right: none; border-bottom: 1px solid #eee; padding-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .specs-title { grid-column: span 2; } .text-column { order: 2; } .media-container { height: 40vh; } .text-scroll-area { max-height: none; overflow-y: visible; padding-right: 0; } }scheda tecnicaautoredomenico biraghidatazione1856tecnicaolio su teladimensioni165 x 235 cmla tela raffigura santa crescenzia, martire romana del iv secolo, in un momento di estasi contemplativa prima del martirio. la santa è ritratta inginocchiata, con lo sguardo rivolto al cielo e una croce tra le mani, simbolo della fede incrollabile.il contrasto del martiriosullo sfondo, un carnefice siede nell'ombra con un'umanità quasi compassionevole, attendendo il momento del sacrificio. lo scenario architettonico, con colonne classiche e un tempio che evoca il pantheon, colloca la scena nella roma di diocleziano.stile: l'opera si inserisce nel romanticismo storico-religioso dell'ottocento. biraghi utilizza una luce drammatica per isolare la figura della santa dal contesto pagano circostante.per il visitatore: osservi il contrasto tra la luce che avvolge la martire e l'ombra del carnefice: rappresenta la vittoria teologica della fede sulla morte e la trasformazione della roma pagana in culla della cristianità. SANTA CRESCENZIA MARTIRE stazione xiv Stazione XIV dipinto murale affresco - leone xiii istituisce la pia unione della sacra famiglia @import url('https://fonts.googleapis.com/css2?family=playfair+display:ital,wght@0,400;0,600;1,400&family=lato:wght@400;700&display=swap'); .museum-card { width: 100%; max-width: 900px; background: #ffffff; font-family: 'lato', -apple-system, blinkmacsystemfont, "segoe ui", helvetica, arial, sans-serif; color: #1a1a1a; line-height: 1.6; box-sizing: border-box; overflow: hidden;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/* ???? blocco definitivo contro la skin */ opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; } .media-container { width: 100%; height: 55vh; min-height: 350px; max-height: 600px; background: #f4f4f4; border-bottom: 1px solid #e0e0e0; } .media-iframe { width: 100%; height: 100%; border: none; display: block; } .info-wrapper { display: grid; grid-template-columns: 260px 1fr; gap: 30px; padding: 30px; background-color: #fff; } .specs-column { font-size: 0.95rem; border-right: 1px solid #eee; padding-right: 20px; color: #222; } .specs-title { font-family: 'playfair display', serif; font-size: 1.1rem; text-transform: uppercase; color: #c9b37e; margin-bottom: 20px; border-bottom: 2px solid #c9b37e; padding-bottom: 8px; display: inline-block; font-weight: 600; } .spec-item { margin-bottom: 16px; } .spec-label { display: block; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; color: #666; margin-bottom: 3px; } .spec-value { font-size: 1rem; color: #111; } .text-column { font-size: 1.05rem; color: #222; } .text-scroll-area { max-height: 500px; overflow-y: auto; padding-right: 15px; } .text-scroll-area::-webkit-scrollbar { width: 6px; } .text-scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; } .text-column p { margin-bottom: 1.2em; text-align: left; } .text-column h3 { font-family: 'playfair display', serif; font-size: 1.3rem; margin: 25px 0 15px 0; color: #1a1a1a; } .museum-box { font-size: 0.95em; border-left: 3px solid #c9b37e; padding: 15px 20px; margin: 25px 0; background: #faf9f5; } .visitor-note { font-style: italic; background: #f4f4f4; border-left: 3px solid #666; padding: 15px; font-size: 0.95em; margin-top: 30px; } @media (max-width: 768px) { .info-wrapper { display: flex; flex-direction: column; padding: 20px; } .specs-column { order: 1; border-right: none; border-bottom: 1px solid #eee; padding-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .specs-title { grid-column: span 2; } .text-column { order: 2; } .media-container { height: 40vh; } .text-scroll-area { max-height: none; overflow-y: visible; padding-right: 0; } }scheda tecnicaautoreluigi valtortadatazione1901tecnicaaffrescolocalizzazionebasilica di s. martino, presbiteriol'affresco raffigura papa leone xiii presso le logge di raffaello in vaticano, intento a mostrare a un gruppo di ecclesiastici la visione della sacra famiglia. mentre i religiosi guardano estasiati, il pontefice volge lo sguardo verso di noi, rendendoci partecipi della scena.un manifesto socialel'opera è una citazione dell'enciclica graves de communi re (1901), in cui il papa definiva la "democrazia cristiana" come azione benefica a favore del popolo, indicando la santa famiglia come modello. la scelta del soggetto riflette l'instancabile attività sociale del parroco don cesare tragella, fondatore a magenta della banda civica, del forno cooperativo e della cassa rurale.la doppia titolazione: per omaggiare gioacchino pecci (leone xiii), tragella ottenne di dedicare il tempio anche a san gioacchino. questa seconda titolazione sparì progressivamente nel xx secolo per semplificazione della curia, lasciando il solo nome di san martino.oggi: in occasione dell'elezione di leone xiv (8 maggio 2025), quest'opera ricorda il legame perenne tra la missione spirituale e l'impegno sociale della chiesa, proprio come sognato da don tragella 120 anni fa. Dipinto murale Affresco - LEONE XIII ISTITUISCE LA PIA UNIONE DELLA SACRA FAMIGLIA dipinto murale - san martino dona il mantello al povero Dipinto murale - San Martino dona il mantello al povero soffitto affrescato: Soffitto Affrescato: stazione x Stazione X serie di 24 misteri astili di contorno alla croce processionale del venerdì santo autore ignoto, sex. xviii, cm 65x541. l'ultima cena 2. il mistero eucaristico 3. la borsa dei trenta denari 4. la veste di cristo al getsemani 5. la spada di pietro al getsemani 6. la mano che colpi' gesu' dal sommo sacerdote 7. il gallo del tradimento di pietro 8. gli staffili della flagellazione 9. le verghe della flagellazione 10. la corona di spine 11. la colonna della flagellazione 12 brocca con bacile 13. la croce 14. l'icona della veronica 15. i dadi 16. la veste di cristo al calvario 17. le tenaglie ed il martello 18. i chiodi 19. la spugna 20. la croce con il drappo bianco 21. la lancia 22. il cristo nel sepolcro 23. la scala dell'ascensione 24. porta lumino Serie di 24 misteri astili di contorno alla croce processionale del venerdì Santo i profeti I Profeti san francesco - alcide davide campestrini - 1911 - olio su tela @import url('https://fonts.googleapis.com/css2?family=playfair+display:ital,wght@0,400;0,600;1,400&family=lato:wght@400;700&display=swap');/* --- protezione anti-grigio e anti-bianco (blocco totale) --- */ /* forziamo il colore nero su tutti gli elementi testuali, inclusi i grassetti */ .museum-card, .museum-card div, .museum-card p, .museum-card li, .museum-card span, .museum-card h3, .museum-card strong, .museum-card b { color: #1a1a1a !important; /* forza il nero fumo */ opacity: 1 !important; /* forza l'opacità massima */ filter: none !important; /* rimuove filtri della skin */ -webkit-font-smoothing: antialiased; }/* eccezioni specifiche per mantenere i colori del design originale */ .museum-card .specs-title { color: #c9b37e !important; } /* titolo oro */ .museum-card .spec-label { color: #666 !important; } /* label grigie *//* --- stili generali --- */.museum-card { width: 100%; max-width: 900px; background: #ffffff; font-family: 'lato', -apple-system, blinkmacsystemfont, "segoe ui", helvetica, arial, sans-serif; color: #1a1a1a; line-height: 1.6; box-sizing: border-box; overflow: hidden;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;/* ???? blocco definitivo contro la skin */ opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; } .media-container { width: 100%; height: 55vh; min-height: 350px; max-height: 600px; background: #f4f4f4; border-bottom: 1px solid #e0e0e0; } .media-iframe { width: 100%; height: 100%; border: none; display: block; } .info-wrapper { display: grid; grid-template-columns: 260px 1fr; gap: 30px; padding: 30px; background-color: #fff; } .specs-column { font-size: 0.95rem; border-right: 1px solid #eee; padding-right: 20px; color: #222; } .specs-title { font-family: 'playfair display', serif; font-size: 1.1rem; text-transform: uppercase; color: #c9b37e; margin-bottom: 20px; border-bottom: 2px solid #c9b37e; padding-bottom: 8px; display: inline-block; font-weight: 600; } .spec-item { margin-bottom: 16px; } .spec-label { display: block; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; color: #666; margin-bottom: 3px; } .spec-value { font-size: 1rem; color: #111; } .text-column { font-size: 1.05rem; color: #222; } .text-scroll-area { max-height: 500px; overflow-y: auto; padding-right: 15px; } .text-scroll-area::-webkit-scrollbar { width: 6px; } .text-scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; } .text-column p { margin-bottom: 1.2em; text-align: left; } .text-column h3 { font-family: 'playfair display', serif; font-size: 1.3rem; margin: 25px 0 15px 0; color: #1a1a1a; } .museum-box { font-size: 0.95em; border-left: 3px solid #c9b37e; padding: 15px 20px; margin: 25px 0; background: #faf9f5; } .visitor-note { font-style: italic; background: #f4f4f4; border-left: 3px solid #666; padding: 15px; font-size: 0.95em; margin-top: 30px; } @media (max-width: 768px) { .info-wrapper { display: flex; flex-direction: column; padding: 20px; } .specs-column { order: 1; border-right: none; border-bottom: 1px solid #eee; padding-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .specs-title { grid-column: span 2; } .text-column { order: 2; } .media-container { height: 40vh; } .text-scroll-area { max-height: none; overflow-y: visible; padding-right: 0; } }scheda tecnicaautorealcide davide campestrinidatazione1911tecnicaolio su telacollocazionebasilica di san martino, magental’altare dedicato al santo di assisi fu realizzato nel 1911 per volontà della congregazione dei terziari francescani e del parroco bernareggi. l'opera testimonia la vivace attività della congregazione a magenta fin dal xix secolo.iconografia e stilefrancesco è rappresentato con l’iconografia classica: saio marrone, cordone con i tre nodi, sandali e barba incolta. sono visibili le stimmate alle mani mentre, inginocchiato e a braccia aperte, viene rapito da un fascio di luce divina che scende dall'alto.l'autore: alcide davide campestrini, trentino di nascita e milanese d'adozione, si formò a brera superando grandi difficoltà economiche. la sua firma è leggibile in basso a sinistra.per il visitatore: il quadro è attualmente annerito dal tempo. noti come solo l'illuminazione a luce radente (usata nella foto) riesca a svelare i bellissimi colori originali e i dettagli del paesaggio roccioso. San Francesco - Alcide Davide Campestrini - 1911 - olio su tela altare Altare altare della madonna Altare della Madonna urna di santa crescenzia@import url('https://fonts.googleapis.com/css2?family=playfair+display:ital,wght@0,400;0,600;1,400&family=lato:wght@400;700&display=swap');/* --- protezione anti-grigio e anti-bianco --- */ .museum-card, .museum-card div, .museum-card p, .museum-card li, .museum-card span, .museum-card h3, .museum-card strong, .museum-card b { color: #1a1a1a !important; opacity: 1 !important; filter: none !important; -webkit-font-smoothing: antialiased; }.museum-card .specs-title { color: #c9b37e !important; } .museum-card .spec-label { color: #666 !important; }/* --- stili generali --- */ .museum-card { width: 100%; max-width: 900px; background: #ffffff; font-family: 'lato', -apple-system, blinkmacsystemfont, "segoe ui", helvetica, arial, sans-serif; color: #1a1a1a; line-height: 1.6; box-sizing: border-box; overflow: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; }/* --- viewer immagine con zoom --- */ .media-container { width: 100%; height: 55vh; min-height: 350px; max-height: 600px; background: #111; border-bottom: 1px solid #e0e0e0; position: relative; overflow: hidden; cursor: grab; user-select: none; }.media-container:active { cursor: grabbing; }.zoom-image-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transform-origin: 0 0; will-change: transform; }.zoom-image-wrapper img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; pointer-events: none; -webkit-user-drag: none; }/* controlli zoom */ .zoom-controls { position: absolute; bottom: 12px; right: 12px; display: flex; flex-direction: column; gap: 4px; z-index: 10; }.zoom-btn { width: 32px; height: 32px; background: rgba(255,255,255,0.9); border: 1px solid #ccc; border-radius: 4px; cursor: pointer; font-size: 18px; line-height: 1; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #333 !important; transition: background 0.2s; box-shadow: 0 1px 4px rgba(0,0,0,0.2); }.zoom-btn:hover { background: rgba(255,255,255,1); }.zoom-reset-btn { width: 32px; height: 32px; background: rgba(201,179,126,0.9); border: 1px solid #b09a6a; border-radius: 4px; cursor: pointer; font-size: 11px; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #fff !important; transition: background 0.2s; box-shadow: 0 1px 4px rgba(0,0,0,0.2); text-align: center; line-height: 1.1; }.zoom-reset-btn:hover { background: rgba(201,179,126,1); }.zoom-hint { position: absolute; bottom: 12px; left: 12px; background: rgba(0,0,0,0.55); color: #fff !important; font-size: 0.72rem; padding: 5px 9px; border-radius: 3px; pointer-events: none; opacity: 1; transition: opacity 1s ease; font-family: 'lato', sans-serif; }.zoom-hint.hidden { opacity: 0; }/* --- contenitore info --- */ .info-wrapper { display: grid; grid-template-columns: 260px 1fr; gap: 30px; padding: 30px; background-color: #fff; }/* --- colonna scheda tecnica --- */ .specs-column { font-size: 0.95rem; border-right: 1px solid #eee; padding-right: 20px; color: #222; }.specs-title { font-family: 'playfair display', times, serif; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.05em; color: #c9b37e; margin-bottom: 20px; border-bottom: 2px solid #c9b37e; padding-bottom: 8px; display: inline-block; font-weight: 600; }.spec-item { margin-bottom: 16px; }.spec-label { display: block; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; color: #666; margin-bottom: 3px; }.spec-value { font-size: 1rem; color: #111; }/* --- colonna descrizione --- */ .text-column { font-size: 1.05rem; color: #222; }.text-scroll-area { max-height: 500px; overflow-y: auto; padding-right: 15px; }.text-scroll-area::-webkit-scrollbar { width: 6px; } .text-scroll-area::-webkit-scrollbar-track { background: #f1f1f1; } .text-scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; } .text-scroll-area::-webkit-scrollbar-thumb:hover { background: #c9b37e; }.text-column p { margin-bottom: 1.2em; text-align: left; }.text-column h3 { font-family: 'playfair display', serif; font-size: 1.3rem; margin: 25px 0 15px 0; color: #1a1a1a; }.museum-box { font-size: 0.95em; border-left: 3px solid #c9b37e; padding: 15px 20px; margin: 25px 0; background: #faf9f5; border-radius: 0 4px 4px 0; }.visitor-note { font-style: italic; background: #f4f4f4; border-left: 3px solid #666; padding: 15px; font-size: 0.95em; margin-top: 30px; }.text-column ul { margin: 0 0 1.2em 1.2em; padding: 0; }.text-column ul li { margin-bottom: 8px; }/* --- responsive mobile --- */ @media (max-width: 768px) { .info-wrapper { display: flex; flex-direction: column; gap: 25px; padding: 20px; }.specs-column { order: 1; border-right: none; border-bottom: 1px solid #eee; padding-right: 0; padding-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.specs-title { grid-column: span 2; }.text-column { order: 2; }.media-container { height: 40vh; }.text-scroll-area { max-height: none; overflow-y: visible; padding-right: 0; } }+−⤢scorri per zoomare · trascina per spostartischeda tecnicaautore giovanni corneodatazione 1856tecnica legno intagliato e dorato (foglia oro)artigiano ebanista magentinorestauro scuola beato angelico, 1998collocazione basilica di magental'urna di santa crescenzia è un'opera di pregevole fattura realizzata dall'ebanista magentino giovanni corneo nel 1856, interamente rivestita in foglia oro. custodisce le spoglie della santa martire, compatrona della città di magenta e protettrice dei suoi cittadini da oltre duecento anni.la venuta delle reliquie a magentai resti del corpo di santa crescenzia, esumata a roma dalle catacombe di san callisto, giunsero a magenta il 7 gennaio 1817. fu il prevosto giuseppe ruscelli, desideroso di accrescere il fervore religioso dei magentini, ad avanzare la richiesta a papa pio vii per ottenere una "insigne" reliquia.grazie anche all'interessamento della famiglia lomeni, il papa inviò una cassetta in legno contenente le ossa di questa giovane martire — il cui nome, crescenzia, richiama l'immagine della "ragazza in crescita" — e un piccolo vaso intriso di sangue, testimonianza del suo martirio, rinvenuto davanti alla sepoltura.compatrona e protettrice accolta con gioia e devozione dal popolo fin dal suo arrivo, santa crescenzia è da più di 200 anni compatrona della città. a lei i magentini si sono rivolti per essere preservati dalle calamità, dagli eventi bellici e dalle emergenze sanitarie di questi secoli, compresa la recente pandemia.l'urna e la cappellala cassetta in legno con le reliquie venne collocata inizialmente sugli altari della vecchia prepositurale di san martino, all'interno della quale fu poi creata una cappella dedicata alla venerazione della santa. si decise di ricomporre le spoglie, rivestirle con un abito e esporle all'interno di una teca in cristallo.nel 1855/56 la cappella venne modificata e creato un nuovo altare. a questo intervento risalgono sia l'urna — opera di corneo, ricoperta in foglia oro — sia la pala d'altare che raffigura il martirio di crescenzia, olio su tela di domenico biraghi, ancora oggi visibile in basilica.verso la fine del xix secolo, con l'avvento della costruzione del nuovo tempio, venne modificata la parte superiore dell'urna con l'aggiunta della cimasa, che conferì maggiore slancio all'opera. nel 1903 fu rifatta anche la veste e l'urna fu accolta in basilica. il nuovo altare, progettato dall'arch. alfonso parrocchetti, fu realizzato in legno dipinto dall'artigiano magentino oreste miramonti.i due angeli cinquecenteschi posti a decorazione ai lati dell'urna provengono dalla vecchia prepositurale.il restauro del 1998 e le iscrizionil'ultimo importante lavoro di restauro, eseguito dalla scuola beato angelico nel 1998, ci consegna il corpo della santa così come lo vediamo oggi e l'urna ripulita tornata al suo antico splendore.due citazioni bibliche sono dipinte in piccolo ai lati dell'urna, a testimonianza dell'affidamento dei magentini verso "la santa", come viene familiarmente chiamata:multum orat pro populo — prega molto per il popolo (2° libro dei maccabei) ne cesses pro nobis clamare ad dominum — non cessare di gridare per noi al signore (1° libro dei re)il cartiglio accanto al corpo si trova il cartiglio con la dicitura "crescentia dormit in christo". come spiega il prof. cislaghi nel suo libro la gran martire crescenzia: «non significa semplicemente che crescenzia dorme in cristo, ma che ella si è unita con totale fiducia a cristo fino alla morte, condividendone la resurrezione».per il visitatore: si noti la raffinatezza dell'intaglio e la lucentezza della foglia oro, che il restauro del 1998 ha restituito al suo splendore originale. gli angeli cinquecenteschi ai lati conferiscono all'insieme una solennità che rispecchia la devozione secolare dei magentini verso la loro compatrona.(function () { const viewer = document.getelementbyid('viewer'); const wrapper = document.getelementbyid('imgwrapper'); const hint = document.getelementbyid('zoomhint');let scale = 1; let transx = 0; let transy = 0; const min_scale = 1; const max_scale = 6;function clamptranslation() { const vw = viewer.clientwidth; const vh = viewer.clientheight; const maxx = math.max(0, (vw * scale - vw) / 2); const maxy = math.max(0, (vh * scale - vh) / 2); transx = math.min(maxx, math.max(-maxx, transx)); transy = math.min(maxy, math.max(-maxy, transy)); }function applytransform(animate) { if (animate) { wrapper.style.transition = 'transform 0.25s ease'; settimeout(() => { wrapper.style.transition = ''; }, 260); } else { wrapper.style.transition = ''; } wrapper.style.transform = `translate(calc(-50% + ${transx}px), calc(-50% + ${transy}px)) scale(${scale})`; wrapper.style.left = '50%'; wrapper.style.top = '50%'; }// initial centering wrapper.style.position = 'absolute'; wrapper.style.left = '50%'; wrapper.style.top = '50%'; wrapper.style.transform = 'translate(-50%, -50%) scale(1)'; wrapper.style.transformorigin = 'center center';function zoomat(newscale, pivotx, pivoty) { const oldscale = scale; scale = math.min(max_scale, math.max(min_scale, newscale)); const ratio = scale / oldscale; const vw = viewer.clientwidth; const vh = viewer.clientheight; const dx = pivotx - vw / 2; const dy = pivoty - vh / 2; transx = (transx + dx) * ratio - dx; transy = (transy + dy) * ratio - dy; clamptranslation(); applytransform(false); }// scroll to zoom viewer.addeventlistener('wheel', function (e) { e.preventdefault(); const rect = viewer.getboundingclientrect(); const pivotx = e.clientx - rect.left; const pivoty = e.clienty - rect.top; const delta = e.deltay < 0 ? 1.12 : 0.89; zoomat(scale * delta, pivotx, pivoty); }, { passive: false });// button zoom document.getelementbyid('btnzoomin').addeventlistener('click', function () { const vw = viewer.clientwidth; const vh = viewer.clientheight; zoomat(scale * 1.4, vw / 2, vh / 2); applytransform(true); });document.getelementbyid('btnzoomout').addeventlistener('click', function () { const vw = viewer.clientwidth; const vh = viewer.clientheight; zoomat(scale / 1.4, vw / 2, vh / 2); applytransform(true); });document.getelementbyid('btnreset').addeventlistener('click', function () { scale = 1; transx = 0; transy = 0; applytransform(true); });// drag to pan let isdragging = false; let dragstartx, dragstarty, dragoriginx, dragoriginy;viewer.addeventlistener('mousedown', function (e) { if (scale 1) { touchstartx = e.touches[0].clientx; touchstarty = e.touches[0].clienty; touchdragoriginx = transx; touchdragoriginy = transy; } }, { passive: true });viewer.addeventlistener('touchmove', function (e) { if (e.touches.length === 2) { e.preventdefault(); const t0 = e.touches[0], t1 = e.touches[1]; const dist = math.hypot(t1.clientx - t0.clientx, t1.clienty - t0.clienty); if (lasttouchdist) { const rect = viewer.getboundingclientrect(); const midx = (t0.clientx + t1.clientx) / 2 - rect.left; const midy = (t0.clienty + t1.clienty) / 2 - rect.top; zoomat(scale * (dist / lasttouchdist), midx, midy); } lasttouchdist = dist; } else if (e.touches.length === 1 && scale > 1) { e.preventdefault(); transx = touchdragoriginx + (e.touches[0].clientx - touchstartx); transy = touchdragoriginy + (e.touches[0].clienty - touchstarty); clamptranslation(); applytransform(false); } }, { passive: false });viewer.addeventlistener('touchend', function () { lasttouchdist = null; });// hide hint after 4s settimeout(function () { hint.classlist.add('hidden'); }, 4000); })(); URNA DI SANTA CRESCENZIA tabernacolo - dettaglio Tabernacolo - dettaglio sant'ambrogio autore ignoto – 1856 e 1929 – statua in rame e vetrata  originario di augusta treverorum (oggi treviri, in germania), funzionario dell’impero romano, ambrogio nel 374 venne eletto vescovo di milano per volontà del popolo. predicatore carismatico e grande riformatore, amato e stimato dai milanesi, divenne patrono della città di milano e della chiesa “ambrosiana”.la statua che presentiamo fa parte di una serie di quattro acquistate nel 1856 dal parroco giardini per abbellire la vecchia prepositurale di san martino.i documenti originali parlano di statue in “rame inargentato”, probabilmente fatte dorare con la successiva collocazione in basilica. vengono citati anche i nomi dei santi vescovi rappresentati: insieme a sant’ambrogio troviamo san carlo borromeo e san galdino della sala (compatroni di milano) e il patrono di magenta san martino.  le statue, a grandezza naturale, sono raffigurate con abito vescovile, il pastorale nella mano sinistra e indossano la croce pettorale che custodisce all’interno una reliquia. attualmente vengono poste a decoro dell’altare maggiore in basilica nei giorni di festa solenne.  a parte san carlo, riconoscibile dagli inconfondibili tratti somatici, gli altri tre avendo il volto di fantasia sono difficilmente individuabili. possiamo identificare ambrogio nel vescovo rappresentato con il libro nella mano destra essendo l’unico dei quattro ad avere il titolo di dottore della chiesa. SANT'AMBROGIO le canne dell'organo Le canne dell'organo il sottotetto Il sottotetto fonte battesimale Fonte Battesimale san martino pietro zucchi – 1871, lamiera sagomata e sbalzataquesta statua fa parte di una coppia che fu commissionata dal parroco don carlo giardini e dalla fabbriceria all’artista milanese zucchi. insieme alla statua del santo patrono fu fatta realizzare anche quella raffigurante santa crescenzia, la “particolare protettrice” dei magentini. le statue, che oggi troviamo esposte nella seconda sacrestia della basilica, servivano ad abbellire la vecchia prepositurale e furono posizionate all’interno di due grandi nicchie poste probabilmente all’ingresso della chiesa o ai lati del presbiterio. non abbiamo documentazione in merito alla collocazione originale. in archivio, però, è conservata la ricca raccolta delle lettere intercorse tra le due parti dove si specificano dimensioni, materiali da utilizzare, colore, condizioni per il trasporto e la messa in opera. le statue furono realizzate con lamiere di rame, zinco e ottone. come colore di finitura l’artista propose il bianco (per imitare il marmo) o il verde-rame (a imitazione del bronzo): prevalse quest’ultimo. oggetto di discussione fu anche il compenso: i committenti da una parte che chiedevano di abbassare e l’artista dall’altra che giustificava il lavoro e il costo dei materiali. più volte venne espressamente richiesto che il retro delle figure, non visibile nella nicchia, fosse lasciato aperto e non rifinito. questo comportava un notevole risparmio di materiale e di manodopera con conseguente ridimensionamento del prezzo. mentre per santa crescenzia non ci furono dubbi nel richiederla abbigliata “alla foggia romana dei primi secoli della chiesa”, per san martino inizialmente era prevista la realizzazione con “abito pontificale” da vescovo di cui conserviamo il bozzetto. si decise invece di raffigurarlo vestito da soldato, cioè nell’iconografia più classica del taglio del mantello. eccolo allora rappresentato con la divisa da soldato romano, la spada sguainata nella mano destra e nella sinistra il mantello appena tagliato. l’elmo è posto ai suoi piedi, a significare il cambiamento radicale che era in atto in lui. donando il mantello, infatti, martino nel povero incontrò cristo, che ritroverà di lì a poco nell’episodio che gli ha realmente cambiato la vita, il battesimo. SAN MARTINO la porta santa: soglia di misericordia e arte hotspot 2 - italiano .hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ artistico - simbolicola porta santa: soglia di misericordia e artein occasione della "perdonanza di san martino" del 2016, la porta laterale destra della basilica è stata designata come porta santa. viene aperta solennemente ogni anno a novembre per la festa del patrono e durante gli anni giubilari straordinari.mentre i battenti in legno sono volutamente semplici, la vera ricchezza risiede negli stipiti e nell'architrave, opere degli anni '30 della ditta malnati pietro e figlio. le decorazioni non sono casuali, ma formano un percorso simbolico ascendente che narra la vita di san martino e la teologia cristiana.partendo dal basso, i simboli raccontano la storia del santo: dalla coppia di ali (richiamo all'esercito romano), passando per la brocca con perle (il battesimo e la preziosa conversione), fino alle insegne del suo ministero: la mitria vescovile e il pastorale incrociato con la ferula.l'architrave corona l'opera con una ghirlanda di frutti (mela, limone, melagrana, uva) che rappresentano l'abbondanza delle stagioni e la vita della chiesa, sorretta da angeli che mostrano l'iscrizione "ecce sacerdos magnus" ("ecco il sommo sacerdote"). curiosità sull'architrave, tra i frutti, campeggia una grossa ape. simbolo non solo di operosità, ma anche della clemenza di cristo (dolce come il miele). agli angoli, due delfini attorcigliati a un'ancora simboleggiano cristo come unica salvezza. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } La Porta Santa: soglia di misericordia e arte
Dettagli Architettonici
l'organo L'organo paliotto Paliotto altare della madonna Altare della Madonna la navata centrale La navata centrale le canne dell'organo Le canne dell'organo il sottotetto Il sottotetto navata centrale Navata centrale la porta santa: soglia di misericordia e arte hotspot 2 - italiano .hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ artistico - simbolicola porta santa: soglia di misericordia e artein occasione della "perdonanza di san martino" del 2016, la porta laterale destra della basilica è stata designata come porta santa. viene aperta solennemente ogni anno a novembre per la festa del patrono e durante gli anni giubilari straordinari.mentre i battenti in legno sono volutamente semplici, la vera ricchezza risiede negli stipiti e nell'architrave, opere degli anni '30 della ditta malnati pietro e figlio. le decorazioni non sono casuali, ma formano un percorso simbolico ascendente che narra la vita di san martino e la teologia cristiana.partendo dal basso, i simboli raccontano la storia del santo: dalla coppia di ali (richiamo all'esercito romano), passando per la brocca con perle (il battesimo e la preziosa conversione), fino alle insegne del suo ministero: la mitria vescovile e il pastorale incrociato con la ferula.l'architrave corona l'opera con una ghirlanda di frutti (mela, limone, melagrana, uva) che rappresentano l'abbondanza delle stagioni e la vita della chiesa, sorretta da angeli che mostrano l'iscrizione "ecce sacerdos magnus" ("ecco il sommo sacerdote"). curiosità sull'architrave, tra i frutti, campeggia una grossa ape. simbolo non solo di operosità, ma anche della clemenza di cristo (dolce come il miele). agli angoli, due delfini attorcigliati a un'ancora simboleggiano cristo come unica salvezza. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } La Porta Santa: soglia di misericordia e arte
Approfondimenti Storici
urna di santa crescenzia@import url('https://fonts.googleapis.com/css2?family=playfair+display:ital,wght@0,400;0,600;1,400&family=lato:wght@400;700&display=swap');/* --- protezione anti-grigio e anti-bianco --- */ .museum-card, .museum-card div, .museum-card p, .museum-card li, .museum-card span, .museum-card h3, .museum-card strong, .museum-card b { color: #1a1a1a !important; opacity: 1 !important; filter: none !important; -webkit-font-smoothing: antialiased; }.museum-card .specs-title { color: #c9b37e !important; } .museum-card .spec-label { color: #666 !important; }/* --- stili generali --- */ .museum-card { width: 100%; max-width: 900px; background: #ffffff; font-family: 'lato', -apple-system, blinkmacsystemfont, "segoe ui", helvetica, arial, sans-serif; color: #1a1a1a; line-height: 1.6; box-sizing: border-box; overflow: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 1 !important; mix-blend-mode: normal !important; filter: none !important; }/* --- viewer immagine con zoom --- */ .media-container { width: 100%; height: 55vh; min-height: 350px; max-height: 600px; background: #111; border-bottom: 1px solid #e0e0e0; position: relative; overflow: hidden; cursor: grab; user-select: none; }.media-container:active { cursor: grabbing; }.zoom-image-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transform-origin: 0 0; will-change: transform; }.zoom-image-wrapper img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; pointer-events: none; -webkit-user-drag: none; }/* controlli zoom */ .zoom-controls { position: absolute; bottom: 12px; right: 12px; display: flex; flex-direction: column; gap: 4px; z-index: 10; }.zoom-btn { width: 32px; height: 32px; background: rgba(255,255,255,0.9); border: 1px solid #ccc; border-radius: 4px; cursor: pointer; font-size: 18px; line-height: 1; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #333 !important; transition: background 0.2s; box-shadow: 0 1px 4px rgba(0,0,0,0.2); }.zoom-btn:hover { background: rgba(255,255,255,1); }.zoom-reset-btn { width: 32px; height: 32px; background: rgba(201,179,126,0.9); border: 1px solid #b09a6a; border-radius: 4px; cursor: pointer; font-size: 11px; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #fff !important; transition: background 0.2s; box-shadow: 0 1px 4px rgba(0,0,0,0.2); text-align: center; line-height: 1.1; }.zoom-reset-btn:hover { background: rgba(201,179,126,1); }.zoom-hint { position: absolute; bottom: 12px; left: 12px; background: rgba(0,0,0,0.55); color: #fff !important; font-size: 0.72rem; padding: 5px 9px; border-radius: 3px; pointer-events: none; opacity: 1; transition: opacity 1s ease; font-family: 'lato', sans-serif; }.zoom-hint.hidden { opacity: 0; }/* --- contenitore info --- */ .info-wrapper { display: grid; grid-template-columns: 260px 1fr; gap: 30px; padding: 30px; background-color: #fff; }/* --- colonna scheda tecnica --- */ .specs-column { font-size: 0.95rem; border-right: 1px solid #eee; padding-right: 20px; color: #222; }.specs-title { font-family: 'playfair display', times, serif; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.05em; color: #c9b37e; margin-bottom: 20px; border-bottom: 2px solid #c9b37e; padding-bottom: 8px; display: inline-block; font-weight: 600; }.spec-item { margin-bottom: 16px; }.spec-label { display: block; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; color: #666; margin-bottom: 3px; }.spec-value { font-size: 1rem; color: #111; }/* --- colonna descrizione --- */ .text-column { font-size: 1.05rem; color: #222; }.text-scroll-area { max-height: 500px; overflow-y: auto; padding-right: 15px; }.text-scroll-area::-webkit-scrollbar { width: 6px; } .text-scroll-area::-webkit-scrollbar-track { background: #f1f1f1; } .text-scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; } .text-scroll-area::-webkit-scrollbar-thumb:hover { background: #c9b37e; }.text-column p { margin-bottom: 1.2em; text-align: left; }.text-column h3 { font-family: 'playfair display', serif; font-size: 1.3rem; margin: 25px 0 15px 0; color: #1a1a1a; }.museum-box { font-size: 0.95em; border-left: 3px solid #c9b37e; padding: 15px 20px; margin: 25px 0; background: #faf9f5; border-radius: 0 4px 4px 0; }.visitor-note { font-style: italic; background: #f4f4f4; border-left: 3px solid #666; padding: 15px; font-size: 0.95em; margin-top: 30px; }.text-column ul { margin: 0 0 1.2em 1.2em; padding: 0; }.text-column ul li { margin-bottom: 8px; }/* --- responsive mobile --- */ @media (max-width: 768px) { .info-wrapper { display: flex; flex-direction: column; gap: 25px; padding: 20px; }.specs-column { order: 1; border-right: none; border-bottom: 1px solid #eee; padding-right: 0; padding-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.specs-title { grid-column: span 2; }.text-column { order: 2; }.media-container { height: 40vh; }.text-scroll-area { max-height: none; overflow-y: visible; padding-right: 0; } }+−⤢scorri per zoomare · trascina per spostartischeda tecnicaautore giovanni corneodatazione 1856tecnica legno intagliato e dorato (foglia oro)artigiano ebanista magentinorestauro scuola beato angelico, 1998collocazione basilica di magental'urna di santa crescenzia è un'opera di pregevole fattura realizzata dall'ebanista magentino giovanni corneo nel 1856, interamente rivestita in foglia oro. custodisce le spoglie della santa martire, compatrona della città di magenta e protettrice dei suoi cittadini da oltre duecento anni.la venuta delle reliquie a magentai resti del corpo di santa crescenzia, esumata a roma dalle catacombe di san callisto, giunsero a magenta il 7 gennaio 1817. fu il prevosto giuseppe ruscelli, desideroso di accrescere il fervore religioso dei magentini, ad avanzare la richiesta a papa pio vii per ottenere una "insigne" reliquia.grazie anche all'interessamento della famiglia lomeni, il papa inviò una cassetta in legno contenente le ossa di questa giovane martire — il cui nome, crescenzia, richiama l'immagine della "ragazza in crescita" — e un piccolo vaso intriso di sangue, testimonianza del suo martirio, rinvenuto davanti alla sepoltura.compatrona e protettrice accolta con gioia e devozione dal popolo fin dal suo arrivo, santa crescenzia è da più di 200 anni compatrona della città. a lei i magentini si sono rivolti per essere preservati dalle calamità, dagli eventi bellici e dalle emergenze sanitarie di questi secoli, compresa la recente pandemia.l'urna e la cappellala cassetta in legno con le reliquie venne collocata inizialmente sugli altari della vecchia prepositurale di san martino, all'interno della quale fu poi creata una cappella dedicata alla venerazione della santa. si decise di ricomporre le spoglie, rivestirle con un abito e esporle all'interno di una teca in cristallo.nel 1855/56 la cappella venne modificata e creato un nuovo altare. a questo intervento risalgono sia l'urna — opera di corneo, ricoperta in foglia oro — sia la pala d'altare che raffigura il martirio di crescenzia, olio su tela di domenico biraghi, ancora oggi visibile in basilica.verso la fine del xix secolo, con l'avvento della costruzione del nuovo tempio, venne modificata la parte superiore dell'urna con l'aggiunta della cimasa, che conferì maggiore slancio all'opera. nel 1903 fu rifatta anche la veste e l'urna fu accolta in basilica. il nuovo altare, progettato dall'arch. alfonso parrocchetti, fu realizzato in legno dipinto dall'artigiano magentino oreste miramonti.i due angeli cinquecenteschi posti a decorazione ai lati dell'urna provengono dalla vecchia prepositurale.il restauro del 1998 e le iscrizionil'ultimo importante lavoro di restauro, eseguito dalla scuola beato angelico nel 1998, ci consegna il corpo della santa così come lo vediamo oggi e l'urna ripulita tornata al suo antico splendore.due citazioni bibliche sono dipinte in piccolo ai lati dell'urna, a testimonianza dell'affidamento dei magentini verso "la santa", come viene familiarmente chiamata:multum orat pro populo — prega molto per il popolo (2° libro dei maccabei) ne cesses pro nobis clamare ad dominum — non cessare di gridare per noi al signore (1° libro dei re)il cartiglio accanto al corpo si trova il cartiglio con la dicitura "crescentia dormit in christo". come spiega il prof. cislaghi nel suo libro la gran martire crescenzia: «non significa semplicemente che crescenzia dorme in cristo, ma che ella si è unita con totale fiducia a cristo fino alla morte, condividendone la resurrezione».per il visitatore: si noti la raffinatezza dell'intaglio e la lucentezza della foglia oro, che il restauro del 1998 ha restituito al suo splendore originale. gli angeli cinquecenteschi ai lati conferiscono all'insieme una solennità che rispecchia la devozione secolare dei magentini verso la loro compatrona.(function () { const viewer = document.getelementbyid('viewer'); const wrapper = document.getelementbyid('imgwrapper'); const hint = document.getelementbyid('zoomhint');let scale = 1; let transx = 0; let transy = 0; const min_scale = 1; const max_scale = 6;function clamptranslation() { const vw = viewer.clientwidth; const vh = viewer.clientheight; const maxx = math.max(0, (vw * scale - vw) / 2); const maxy = math.max(0, (vh * scale - vh) / 2); transx = math.min(maxx, math.max(-maxx, transx)); transy = math.min(maxy, math.max(-maxy, transy)); }function applytransform(animate) { if (animate) { wrapper.style.transition = 'transform 0.25s ease'; settimeout(() => { wrapper.style.transition = ''; }, 260); } else { wrapper.style.transition = ''; } wrapper.style.transform = `translate(calc(-50% + ${transx}px), calc(-50% + ${transy}px)) scale(${scale})`; wrapper.style.left = '50%'; wrapper.style.top = '50%'; }// initial centering wrapper.style.position = 'absolute'; wrapper.style.left = '50%'; wrapper.style.top = '50%'; wrapper.style.transform = 'translate(-50%, -50%) scale(1)'; wrapper.style.transformorigin = 'center center';function zoomat(newscale, pivotx, pivoty) { const oldscale = scale; scale = math.min(max_scale, math.max(min_scale, newscale)); const ratio = scale / oldscale; const vw = viewer.clientwidth; const vh = viewer.clientheight; const dx = pivotx - vw / 2; const dy = pivoty - vh / 2; transx = (transx + dx) * ratio - dx; transy = (transy + dy) * ratio - dy; clamptranslation(); applytransform(false); }// scroll to zoom viewer.addeventlistener('wheel', function (e) { e.preventdefault(); const rect = viewer.getboundingclientrect(); const pivotx = e.clientx - rect.left; const pivoty = e.clienty - rect.top; const delta = e.deltay < 0 ? 1.12 : 0.89; zoomat(scale * delta, pivotx, pivoty); }, { passive: false });// button zoom document.getelementbyid('btnzoomin').addeventlistener('click', function () { const vw = viewer.clientwidth; const vh = viewer.clientheight; zoomat(scale * 1.4, vw / 2, vh / 2); applytransform(true); });document.getelementbyid('btnzoomout').addeventlistener('click', function () { const vw = viewer.clientwidth; const vh = viewer.clientheight; zoomat(scale / 1.4, vw / 2, vh / 2); applytransform(true); });document.getelementbyid('btnreset').addeventlistener('click', function () { scale = 1; transx = 0; transy = 0; applytransform(true); });// drag to pan let isdragging = false; let dragstartx, dragstarty, dragoriginx, dragoriginy;viewer.addeventlistener('mousedown', function (e) { if (scale 1) { touchstartx = e.touches[0].clientx; touchstarty = e.touches[0].clienty; touchdragoriginx = transx; touchdragoriginy = transy; } }, { passive: true });viewer.addeventlistener('touchmove', function (e) { if (e.touches.length === 2) { e.preventdefault(); const t0 = e.touches[0], t1 = e.touches[1]; const dist = math.hypot(t1.clientx - t0.clientx, t1.clienty - t0.clienty); if (lasttouchdist) { const rect = viewer.getboundingclientrect(); const midx = (t0.clientx + t1.clientx) / 2 - rect.left; const midy = (t0.clienty + t1.clienty) / 2 - rect.top; zoomat(scale * (dist / lasttouchdist), midx, midy); } lasttouchdist = dist; } else if (e.touches.length === 1 && scale > 1) { e.preventdefault(); transx = touchdragoriginx + (e.touches[0].clientx - touchstartx); transy = touchdragoriginy + (e.touches[0].clienty - touchstarty); clamptranslation(); applytransform(false); } }, { passive: false });viewer.addeventlistener('touchend', function () { lasttouchdist = null; });// hide hint after 4s settimeout(function () { hint.classlist.add('hidden'); }, 4000); })(); URNA DI SANTA CRESCENZIA l'architettura neo-rinascimentale e i vincoli progettuali.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; }.hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; }.hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; }.hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; }.hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); }.hotspot-card .content-padding { padding: 30px; }.hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; }.hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; }.hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; }.hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; }.hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; }.hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }@media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ architettonico l'architettura neo-rinascimentale e i vincoli progettualila basilica di san martino è un perfetto esempio di architettura neo-rinascimentale, tipica del periodo tra fine ottocento e inizio novecento.l'edificio presenta una pianta a croce latina, con il braccio corto (transetto) appena accennato ma absidato. la navata centrale è tripartita, mentre l'intersezione dei bracci genera una maestosa cupola con tamburo finestrato e slanciata lanterna.nonostante i ridimensionamenti imposti durante la progettazione – la lunghezza originaria fu ridotta a causa di vincoli sulle proprietà limitrofe – la chiesa rimane tra le più estese della diocesi ambrosiana, seconda soltanto al duomo di milano. le modifiche alla volumetria hanno generato una navata centrale molto pronunciata rispetto a quelle laterali, creando un effetto di grande slancio ma anche una certa asimmetria. questo "squilibrio" racconta i limiti posti dallo spazio disponibile e le scelte stilistiche dell'epoca.gli elementi decorativi – simmetrie, ritmi, cornici, lesene – richiamano l'architettura cinquecentesca italiana. curiosità la facciata fu completata solo tra il 1932 e il 1959, decenni dopo il completamento del corpo principale della chiesa. l'architetto mariani lavorò in collaborazione con la ditta achille malnati. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } L'architettura neo-rinascimentale e i vincoli progettuali la facciata: un 'catechismo scolpito'.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ artistico - iconografico la facciata: un "catechismo scolpito"la facciata della basilica, completata nel 1959, è un vero "libro di pietra" realizzato con marmi pregiati (ornavasso, serpentino di oria, pietra di viggiù) che racconta la vita di san martino.sopra le tre porte sono raffigurati i momenti salienti: il battesimo (porta centrale), la consacrazione sacerdotale e quella episcopale (porte laterali). nel grande rosone campeggia la gloria di san martino in paradiso.le grandi statue di san pietro e san paolo rimandano alla chiesa di roma, mentre quelle di sant'ambrogio e san carlo onorano la diocesi di milano. nel basamento, splendidi tondi raffigurano altri santi, tra cui san giovanni bosco e giuseppe benedetto cottolengo. accanto al rosone, i tondi con i prevosti tragella e crespi, artefici principali della basilica.la lettura segue due direttrici: orizzontalmente il tema del battesimo in basso e della santità vescovile in alto; verticalmente la suddivisione riproduce l'organizzazione interna della chiesa. curiosità la scritta "basilica romana" ricorda il titolo onorifico conferito nel 1948. la facciata fu pensata come un grande strumento di insegnamento visivo per i fedeli. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } La facciata: un 'catechismo scolpito' la prima messa e la consacrazione solenne.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ storico - liturgico la prima messa e la consacrazione solennese la costruzione richiese anni, la vita della comunità non aspettò la fine dei lavori: già nel 1901 fu celebrata la prima messa su un altare provvisorio, a testimonianza dell'urgenza pastorale.la chiesa fu poi consacrata ufficialmente il 24 ottobre 1903 dal cardinale andrea carlo ferrari, in una cerimonia molto partecipata che durò tre giorni e accolse autorità civili e religiose. fu un momento di grande gioia per l'intera comunità magentina.quella consacrazione segnò un punto di svolta nella vita religiosa e sociale del borgo: da quel momento la basilica divenne il cuore pulsante della comunità, centro di aggregazione e punto di riferimento spirituale. curiosità nonostante gli inviti fossero stati inviati anche a sovrani e capi di stato europei (nell'originaria intenzione di creare un 'tempio-memoriale' per la battaglia di magenta), i membri delle case reali non risultano presenti nei resoconti ufficiali. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } La prima Messa e la consacrazione solenne l'altare maggiore pre-conciliare: teologia scolpita nel marmo.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ artistico - teologico l'altare maggiore: teologia scolpita nel marmol'altare maggiore originale, completato nel 1903, rappresenta la teologia cattolica pre-conciliare: un sistema ordinato di virtù, santi e simboli eucaristici. progettato da alfonso parrocchetti, è composto da marmi policromi e ricchi stucchi dorati.le virtù teologali (fede, speranza, carità) sono dipinte nel catino dell'abside, mentre le virtù cardinali decorano le cuspidi del ciborio. nei tondi sono rappresentati i grandi padri della chiesa d'oriente e d'occidente.al centro, il tabernacolo presenta un portello cesellato da eugenio bellosio raffigurante la profezia di malachia: san pietro respinge l'antica liturgia ebraica indicando l'ostia che scende dal cielo. curiosità le pitture sono di luigi valtorta (1901), mentre le opere in bronzo di bellosio. l'ornamentazione fu parzialmente rifatta sotto il prevosto crespi. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } L'Altare Maggiore pre-conciliare: teologia scolpita nel marmo il presbiterio conciliare: celebrazione e partecipazione.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ artistico - liturgico il presbiterio conciliare: partecipazione e lodedopo il concilio vaticano ii, lo spazio liturgico fu ripensato per favorire la partecipazione comunitaria. nel 1993 fu realizzato il nuovo altare della celebrazione, opera dell'architetto mons. valerio vigorelli e dello scultore marco melzi.i quattro pannelli in bronzo dorato narrano la storia della salvezza: l'agnello pasquale, l'agnello dell'apocalisse, il sacrificio di isacco e melchisedek. l'altare comunica che cristo è simultaneamente vittima, sacerdote, altare e tempio.l'ambone, luogo della parola, è delimitato da un ottaedro aperto, simbolo della risurrezione (l'ottavo giorno). il vecchio altare rimane armoniosamente come cappella dell'adorazione per la custodia del tabernacolo. curiosità il pavimento marmoreo a mosaico risale al 1962 (epoca del prevosto terrani), realizzato per conferire alla basilica una dignità artistica pari alla sua importanza. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Il presbiterio conciliare: celebrazione e partecipazione la cupola: spirito santo, profeti ed evangelisti.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ artistico - iconografico la cupola: spirito santo, profeti ed evangelistil'ornamentazione della basilica segue un preciso schema teologico "dall'alto verso il basso". la cupola, affrescata nel 1964 da torildo conconi, rappresenta il vertice di questa narrazione visiva.nella lanterna domina lo spirito santo, che guida la rivelazione. seguono nella cupola i profeti minori, mentre nelle vele compaiono i quattro profeti maggiori e i quattro evangelisti, segnando il passaggio dall'antico al nuovo testamento.scendendo verso la navata, le vele ritraggono gli apostoli, mentre i tondi inferiori celebrano santi e martiri (uomini a destra, donne a sinistra), a testimonianza della fede vissuta nella storia. curiosità la luce naturale che scende dalla lanterna simboleggia lo spirito santo che illumina la chiesa: un effetto scenografico dove la luce solare diventa metafora della grazia divina. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } La cupola: Spirito Santo, Profeti ed Evangelisti il battistero: porta della vita cristiana.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ liturgico - simbolico il battistero: porta della vita cristianail battesimo è la porta che introduce alla vita cristiana. il fonte battesimale della basilica è un pregevole manufatto in legno intagliato, ultimato nel 1911 dall'artigiano oreste miramonti.originariamente collocato all'ingresso, è stato successivamente spostato accanto all'altare per evidenziare il legame inscindibile tra battesimo ed eucaristia, i sacramenti dell'iniziazione.la sua caratteristica forma ottagonale non è casuale: simboleggia l'ottavo giorno, quello della risurrezione di cristo, che inaugura la nuova creazione e la vita eterna per il battezzato. curiosità il battistero è sormontato da una scultura di san giovanni battista bambino, mentre sulla porta è raffigurato adulto, a ricordare il momento del battesimo di gesù nel fiume giordano. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Il battistero: porta della vita cristiana santa crescenzia: patrona e martire.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ storico - devozionale santa crescenzia: patrona e martirenel 1816, magenta ottenne da papa pio vii le reliquie di santa crescenzia per riaccendere la fede cittadina. il corpo fu estratto dal cimitero di pretestato a roma, accompagnato da un vaso di sangue, segno inequivocabile del martirio.l'arrivo a magenta, il 7 gennaio 1817, fu un trionfo: migliaia di persone accolsero la santa sotto un arco celebrativo. la devozione fu tale che nel 1856 venne eretta una prima cappella, trasferita poi nel 1903 nell'attuale basilica.le spoglie riposano oggi in un'urna lignea intagliata da oreste miramonti. prima della traslazione, le donne di magenta donarono nuove vesti preziose per onorare la loro patrona. curiosità il verbale originale del 1816 descrive con precisione il ritrovamento: "molte ossa, il cranio, ed il vaso infranto del sangue", a testimonianza del sacrificio della giovane martire. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Santa Crescenzia: patrona e martire gli affreschi narrativi: san martino e la carità.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ artistico - devozionale gli affreschi: san martino e la caritàla basilica custodisce un imponente ciclo pittorico realizzato tra l'inizio del '900 e gli anni '20 dal professor luigi valtorta e dai suoi discepoli. queste opere non sono solo decorazioni, ma una narrazione visiva della fede.spiccano per bellezza l'affresco dell'incontro tra san martino e il povero, simbolo della carità cristiana, e la venerazione della sacra famiglia. nelle navate laterali, le cupolette ritraggono altri episodi della vita del santo e la devozione a santa margherita maria alacoque.il percorso artistico culmina nel tondo sopra l'altare maggiore, dedicato all'esaltazione dell'eucarestia e della croce, e nelle quattordici stazioni della via crucis che accompagnano i fedeli lungo le navate. curiosità gli affreschi sono stati realizzati in più fasi: il presbiterio nel 1901 e le navate negli anni '20. la grande cupola centrale rimase spoglia fino al 1964, quando fu affrescata da torildo conconi. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Gli affreschi narrativi: San Martino e la carità la basilica come 'casa-chiesa'/* protezione tour virtuale: tutti i selettori ora sono preceduti da .hotspot-card per non influenzare il resto del tour. *//* reset locale limitato alla card */ .hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; }/* stile dark magenta glass (inalterato) */ .hotspot-card { --base-font-size: 16px; /* spostata qui per isolamento */ font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; /* per centraggio nel tour */ text-align: left; }/* tasti accessibilità font (inalterati) */ .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; }.hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; }.hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); }.hotspot-card .content-padding { padding: 30px; }/* --- tipografia isolata --- */ .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; }.hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; }.hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; }.hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; }.hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; }.hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }@media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } }a-a+teologico - liturgicola basilica come 'casa-chiesa'gli edifici cristiani non sono 'templi' nel senso pagano o giudaico, ma 'case-chiesa': case destinate a radunare l'assemblea di preghiera.nella nuova alleanza, il tempio di dio non è più un edificio di pietra, ma il corpo di cristo e, per estensione, l'assemblea dei fedeli che si raduna nel suo nome.la basilica di san martino incarna questo concetto: è costruita 'in funzione della comunità dei fedeli', non come dimora di una divinità distante, ma come spazio dove cristo risorto si rende presente nell'eucaristia, nella parola, nell'assemblea.la priorità non spetta all'edificio in sé, ma alla comunità, al popolo santo, che è il vero tempio del dio vivente.le prime comunità cristiane si riunivano nelle case private (domus ecclesiae), in grandi sale da pranzo. solo con l'editto di costantino (313 d.c.) iniziò la costruzione di edifici specificamente destinati al culto.curiositàla parola 'chiesa' deriva dal greco ekklēsía, che significa 'assemblea'. solo in un secondo momento ha designato anche l'edificio che ospita l'assemblea.// gestione font isolata all'elemento specifico let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; // limiti di sicurezza if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24;// fix: invece di documentelement, puntiamo alla card stessa per funzionare nel tour const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } La Basilica come 'casa-chiesa' il centenario (2003): memoria e futuro hotspot 20 - italiano .hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; }.hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; }.hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; }.hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; }.hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); }.hotspot-card .content-padding { padding: 30px; }.hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; }.hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; }.hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; }.hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; }.hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; }.hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }@media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ riflessivo - commemorativoil centenario (2003): memoria e futuroil centenario della basilica (2003) non è stato solo un anniversario, ma un'occasione per riscoprire il significato profondo di questo edificio.È la storia di un popolo che, tra fine ottocento e inizio novecento, affrontò la trasformazione da società rurale a industriale senza perdere la propria identità. È il simbolo di una comunità che seppe reagire alla disgregazione sociale creando una rete di opere sociali: asili, scuole, ospedali, oratori.È il luogo dove generazioni di magentini hanno vissuto i momenti importanti della propria vita: battesimi, prime comunioni, matrimoni, funerali, feste patronali.la basilica è un "unicum": diversa da case, fabbriche, scuole, ospedali. È costruita dall'uomo ma si proietta in un'altra dimensione, risponde al bisogno umano di entrare in contatto con qualcosa che va al di là del quotidiano.conservare questa memoria non è opera fine a se stessa, ma impegno che dà significato alla vita. curiosità nel 2003, durante le celebrazioni del centenario, molti magentini riscoprirono per la prima volta la ricchezza artistica e spirituale della loro basilica, guardandola con occhi nuovi. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Il Centenario (2003): memoria e futuro la battaglia del 1859 e il colore 'magenta' hotspot 22 - italiano .hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; }.hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; }.hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; }.hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; }.hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); }.hotspot-card .content-padding { padding: 30px; }.hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; }.hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; }.hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; }.hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; }.hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; }.hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }@media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ storico - territorialela battaglia del 1859 e il colore 'magenta'il 1859 fu un anno cruciale: la battaglia del 4 giugno tra franco-piemontesi e austriaci causò ingenti danni, ma portò il nome di magenta in tutta europa.in questo contesto di rinascita post-bellica, la costruzione della basilica rappresentò un atto di affermazione identitaria. magenta non era più solo un borgo segnato dalla guerra, ma una comunità con una propria dignità e ambizione spirituale.il progetto originario di don tragella prevedeva che la chiesa fungesse da "sacrario" per i caduti, ma questa idea fu inizialmente bloccata dal cardinale ferrari per mantenere il carattere prettamente religioso dell'edificio.il nome "magenta" divenne così celebre che fu dato a un nuovo colore scoperto proprio in quegli anni: il magenta, una tonalità di rosso-violaceo brillante, sintetizzato nel 1859 per celebrare la vittoria francese. curiosità la battaglia di magenta fu una delle più sanguinose del risorgimento: oltre 10.000 tra morti e feriti. il nome del borgo divenne in tutto il mondo simbolo di sacrificio e libertà. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } La battaglia del 1859 e il colore 'magenta' il tabernacolo e la custodia eucaristica hotspot 23 - italiano .hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; }.hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; }.hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; }.hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; }.hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); }.hotspot-card .content-padding { padding: 30px; }.hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; }.hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; }.hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; }.hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; }.hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; }.hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }@media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ liturgico - devozionaleil tabernacolo e la custodia eucaristicanel presbiterio pre-conciliare, il tabernacolo occupava una posizione centrale e dominante, posto al centro dell'altare maggiore sotto il ciborio monumentale.la porta del tabernacolo è un capolavoro di intaglio ligneo realizzato nel 1903 da oreste miramonti. il bassorilievo raffigura la profezia di malachia: san pietro che, respingendo l'antica liturgia sacrificale, indica l'ostia che scende dal cielo come nuovo sacrificio incruento.dopo il concilio vaticano ii, il tabernacolo del vecchio altare è stato mantenuto come luogo per l'adorazione eucaristica. altri tabernacoli sono presenti nel presbiterio: parete sinistra: custodisce la reliquia della santa croce. parete destra: custodisce gli olii santi per i sacramenti. curiosità oreste miramonti, l'autore dei tabernacoli, era un talentuoso artigiano magentino. oltre agli arredi del presbiterio, realizzò anche lo splendido battistero nel 1911. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Il tabernacolo e la custodia eucaristica il titolo di basilica minore e i riconoscimenti hotspot 24 - italiano .hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; }.hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; }.hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; }.hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; }.hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); }.hotspot-card .content-padding { padding: 30px; }.hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; }.hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; }.hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; }.hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; }.hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; }.hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }@media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ storico - ecclesiasticoil titolo di basilica minore e i riconoscimentinel secondo dopoguerra magenta ottenne traguardi storici: il 28 settembre 1947 divenne ufficialmente "città" e, pochi mesi dopo, il 3 marzo 1948, papa pio xii elevò la chiesa di san martino al titolo di basilica minore.questo doppio riconoscimento, civile ed ecclesiastico, sancì la centralità della parrocchia nella vita sociale. al prevosto fu conferita la dignità di cameriere segreto di sua santità, sottolineando il legame diretto con il soglio pontificio.il titolo di basilica minore è un onore conferito a chiese di particolare importanza per storia, arte o ruolo pastorale. queste chiese godono di privilegi liturgici e possono esporre le insegne papali: l'ombrellino e il tintinnabulo.negli anni successivi, sotto la guida di mons. giacomo terrani, il complesso fu completato con i pavimenti in mosaico (1962) e i successivi adattamenti richiesti dal concilio vaticano ii, come il nuovo altare del 1993. curiosità in italia esistono circa 600 basiliche minori su oltre 1.800 nel mondo. san martino è una delle pochissime realtà insignite di questo titolo nell'area ovest di milano. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Il titolo di Basilica Minore e i riconoscimenti croce processionale del venerdì santo Croce processionale del Venerdì Santo un monumento nato dalla fede di un popolo/* protezione tour virtuale: tutti i selettori ora sono preceduti da .hotspot-card per non influenzare il resto del tour. *//* reset locale limitato alla card */ .hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; }/* stile dark magenta glass (inalterato) */ .hotspot-card { --base-font-size: 16px; /* spostata qui per isolamento */ font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; /* per centraggio nel tour */ text-align: left; }/* tasti accessibilità font (inalterati) */ .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; }.hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; }.hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); }.hotspot-card .content-padding { padding: 30px; }/* --- tipografia isolata --- */ .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; }.hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; }.hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; }.hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; }.hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; }.hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }@media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } }a-a+storia e architetturaun monumento nato dalla fede di un popolola basilica di san martino non è semplicemente un edificio religioso: è il simbolo di un'intera comunità che, tra ottocento e novecento, ha saputo trasformare le sfide della modernità in opportunità di rinascita spirituale e sociale.la sua storia affonda le radici in un momento cruciale per magenta: la fine dell'ottocento. il borgo, tradizionalmente agricolo, stava vivendo una profonda trasformazione. l'industrializzazione portava con sé nuove opportunità, ma anche costi umani e sociali elevati.in questo contesto difficile, la comunità magentina trovò la forza di reagire attraverso la fede. grazie alla tenacia del parroco cesare tragella, alla fiducia del laicato operoso e al sostegno di benefattori come i giacobbe e giuseppe fornaroli, nacque un progetto ambizioso: edificare una grande chiesa come centro di aggregazione.la basilica, completata nel 1903, divenne il cuore pulsante di una rete di opere sociali, riaggregando braccianti e operai attorno a ideali di solidarietà.curiositàil titolo di "basilica minore romana" fu conferito solo nel 1948 da papa pio xii, in concomitanza con l'attribuzione del titolo di "città" a magenta nel 1947.// gestione font isolata all'elemento specifico let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; // limiti di sicurezza if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24;// fix: invece di documentelement, puntiamo alla card stessa per funzionare nel tour const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Un monumento nato dalla fede di un popolo dalla pieve di corbetta al decanato di magenta/* reset locale limitato alla card */ .hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; }/* stile dark magenta glass */ .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; }.hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; }.hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; }.hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); }.hotspot-card .content-padding { padding: 30px; }.hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; }.hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; }.hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; }.hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; }.hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; }.hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }@media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ storico - ecclesiastico dalla pieve di corbetta al decanato di magental'organizzazione religiosa del territorio magentino affonda le radici nell'alto medioevo, quando l'italia settentrionale si dotò di un sistema basato sulle pievi rurali – chiese battesimali con giurisdizione su vasti territori.magenta apparteneva alla pieve di corbetta, documentata fin dal xiii secolo nel liber notitiae, che elencava ben otto chiese nel borgo magentino: ss. cosma e damiano, s. maria, s. martino, s. maurizio, s. pietro, s. quirico, s. salvatore e s. biagio.una particolarità di magenta fu la presenza, dal xvi secolo, di due parroci 'porzionari': ciascuno aveva cura di una porzione distinta del territorio parrocchiale, condividendo la stessa chiesa di s. martino. questa divisione generò tensioni e "veri danni spirituali per il popolo", come annotò il cardinale federico borromeo nel 1603.nel 1743, papa benedetto xiv elevò magenta a prepositura collegiata e vicariato foraneo autonomo. il percorso culminò nel 1972, quando l'antica pieve di corbetta fu assorbita dal decanato di magenta. curiosità ancora oggi, ogni giovedì santo, le parrocchie dell'antica pieve si recano nella basilica di san vittore a corbetta per ricevere gli olii santi, mantenendo viva una tradizione millenaria. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Dalla Pieve di Corbetta al Decanato di Magenta san martino: soldato, sacerdote, vescovo.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; }.hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; }.hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; }.hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; }.hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); }.hotspot-card .content-padding { padding: 30px; }.hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; }.hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; }.hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card ul { margin-bottom: 1.4em; padding-left: 20px; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card li { margin-bottom: 8px; }.hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; }.hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; }.hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; }.hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }@media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ storico - agiografico san martino: soldato, sacerdote, vescovola basilica è dedicata a san martino di tours (316-397 d.c.), figura straordinaria la cui vita attraversò tutte le stagioni dell'esistenza cristiana: soldato nell'esercito romano, poi monaco, sacerdote e infine vescovo.la sua vicenda umana fu interpretata come simbolo di carità, soccorso ai poveri e proverbiale umanità. l'episodio più celebre – quello del mantello diviso con un povero – rappresenta l'essenza della compassione cristiana.nella facciata della basilica, alcune iscrizioni latine sintetizzano la sua vita: 'miles, sacerdos, pontifex' (soldato, sacerdote, vescovo) 'filios in fide confirma' (rendi forti i tuoi figli nella fede)san martino fu anche fondatore di comunità monastiche e maestro spirituale. alla fine della sua vita, ottantenne, pregò: "signore, se sono ancora necessario al tuo popolo, non rifiuto la fatica; ma se vuoi darmi riposo, sia fatta la tua volontà". curiosità san martino morì l'11 novembre 397, data che divenne la sua festa liturgica. in italia, l'11 novembre è tradizionalmente associato alla fine dei contratti agrari annuali e al rinnovo del vino (la cosiddetta "estate di san martino"). let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } San Martino: soldato, sacerdote, vescovo il campanile e il linguaggio delle campane.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } a- a+ architettonico - simbolico il campanile e il linguaggio delle campaneil campanile della basilica è un elemento identitario del paesaggio urbano di magenta, visibile da grande distanza. la sua silhouette slanciata domina il profilo del borgo.le campane scandiscono il tempo liturgico e civile: annunciano le celebrazioni, segnano le ore del giorno (angelus mattutino, meridiano, serale), suonano a festa per eventi gioiosi, rintoccano a lutto per i defunti.storicamente, il suono delle campane annunciava nascite, morti, matrimoni, pericoli (incendi, guerre), feste. creavano quello 'spirito di campanile' che definiva l'appartenenza a una parrocchia.ancora oggi, il suono delle campane di san martino rappresenta un richiamo potente per i magentini, elemento di continuità tra passato e presente. curiosità il 7 gennaio 1817, quando arrivò il corpo di santa crescenzia, le campane suonarono a festa per ore, annunciando l'arrivo della reliquia. il suono fu udito fino a sedriano e oltre. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Il campanile e il linguaggio delle campane la nascità della basilica la decisione di erigere la nuova prepositurale a magenta nasce alla fine dell’ottocento per motivi sia pratici che simbolici. l’incremento demografico degli ultimi decenni del secolo aveva reso l’antica parrocchiale insufficiente; inoltre quest’ultima era collocata ai margini del borgo e risultava scomoda da raggiungere. don cesare tragella, prevosto di magenta, promosse dunque la costruzione di una chiesa più ampia e funzionale che potesse anche ricordare i caduti della battaglia del 1859 — un evento che aveva segnato profondamente la comunità locale e l’identità civica della città. curiosità la spinta alla costruzione non fu solo “dall’alto”: la popolazione contribuì attivamente, sia economicamente che con mano d’opera gratuita, segno della forte partecipazione comunitaria. La Nascità della Basilica il progetto mai realizzato: la 'chiesa-sacrario'.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ storico - simbolico il progetto mai realizzato: la 'chiesa-sacrario'all'origine il progetto del prevosto tragella prevedeva che la nuova chiesa fungesse anche da sacrario per i caduti della battaglia di magenta del 1859: ospitare ossa e cimeli dei martiri del risorgimento avrebbe trasformato l'edificio in un monumento patriottico oltre che religioso.l'originaria volontà di creare un 'tempio-memoriale' era così radicata che vennero chieste sponsorizzazioni anche a sovrani europei. tuttavia, durante la consacrazione del 1903, il cardinale andrea carlo ferrari proibì il trasporto e la collocazione delle ossa e dei reperti bellici all'interno dell'edificio sacro.quella scelta del cardinale obbligò a ripensare il ruolo simbolico della basilica, che mantenne comunque un forte legame con la memoria della battaglia tramite altre iniziative locali. curiosità l'unica testimonianza visibile dell'idea originaria di tragella è la lapide posta all'inizio della navata laterale di destra, che ricorda il legame tra la chiesa e i caduti del 1859. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Il progetto mai realizzato: la 'Chiesa-Sacrario' magenta tra ottocento e novecento: dalla campagna alla fabbrica/* protezione tour virtuale: tutti i selettori ora sono preceduti da .hotspot-card per non influenzare il resto del tour. *//* reset locale limitato alla card */ .hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; }/* stile dark magenta glass (inalterato) */ .hotspot-card { --base-font-size: 16px; /* spostata qui per isolamento */ font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; /* per centraggio nel tour */ text-align: left; }/* tasti accessibilità font (inalterati) */ .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; }.hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; }.hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); }.hotspot-card .content-padding { padding: 30px; }/* --- tipografia isolata --- */ .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; }.hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; }.hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; }.hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; }.hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; }.hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }@media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } }a-a+storico - socialemagenta tra ottocento e novecento: dalla campagna alla fabbricaalla fine dell'ottocento, magenta era ancora prevalentemente agricola, ma stava vivendo una trasformazione epocale. due settori industriali emergevano con forza: la trattura della seta e la produzione di fiammiferi.le filande frigerio e sanchioli impiegavano circa 500 operaie, la cui abilità manuale era leggendaria. immergevano le mani in bacinelle d'acqua a 60 gradi per svolgere con delicatezza i fili di seta dai bozzoli, un'arte che nessun meccanismo riusciva a replicare. la seta magentina era esportata fino a londra, lione e zurigo.accanto alle filande, la fabbrica di fiammiferi giacomo de medici (poi saffa nel 1937) rappresentava la modernità industriale. nata nel 1871 negli edifici dell'ex dogana austriaca di ponte nuovo, arrivò a impiegare oltre 600 persone, raddoppiate in vent'anni. attorno allo stabilimento sorse un vero villaggio operaio con strutture sociali, religiose e ricreative.l'agricoltura, però, attraversava una crisi profonda: i prezzi dei cereali crollavano per la concorrenza dei grani americani, e le viti furono decimate da malattie e dal rigido inverno del 1880.curiositài calzolai magentini erano così rinomati che si stima fornissero circa un quinto delle scarpe calzate dai soldati italiani! nel borgo si pensò persino di fondare una cooperativa per assumere direttamente le commesse governative.// gestione font isolata all'elemento specifico let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; // limiti di sicurezza if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24;// fix: invece di documentelement, puntiamo alla card stessa per funzionare nel tour const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Magenta tra Ottocento e Novecento: dalla campagna alla fabbrica i prevosti tragella e crespi: costruttori di comunità.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; }.hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; }.hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; }.hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; }.hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); }.hotspot-card .content-padding { padding: 30px; }.hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; }.hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; }.hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; }.hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; }.hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; }.hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; }.hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }@media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } }a-a+storico - biograficoi prevosti tragella e crespi: costruttori di comunitàdue figure furono determinanti: don cesare tragella e don crespi, entrambi raffigurati nei tondi della facciata.don cesare tragella (1885-1920) fu l'anima del progetto. uomo dalla tenacia straordinaria, perseguì con determinazione il sogno di una grande chiesa monumentale. l'opera fu finanziata con le elemosine dei fedeli, dimostrando che la basilica fu "del popolo e per il popolo".nella relazione per la visita pastorale del 1903, tragella annotò che la parrocchia contava 8.900 anime, che "i costumi del popolo sono generalmente buoni", che "le famiglie sono regolarizzate dal vincolo del matrimonio" e che "la frequenza ai sacramenti è assidua".don crespi proseguì l'opera, completando la decorazione interna e consolidando il ruolo della basilica come centro della vita religiosa e sociale.non vanno dimenticati i benefattori come i giacobbe e giuseppe fornaroli, e i sindaci giuseppe busnelli e giuseppe brocca.curiositàdon tragella dovette superare difficoltà economiche e organizzative: problemi strutturali, mancanza di fondi, opposizioni. ma la sua tenacia non vacillò mai. la storia gli diede ragione.let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } I prevosti Tragella e Crespi: costruttori di comunità le cappelle laterali e la via crucis.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card ul { margin-bottom: 1.4em; padding-left: 20px; color: #e0e0e0; font-size: var(--base-font-size); } .hotspot-card li { margin-bottom: 8px; line-height: 1.4; } .hotspot-card strong { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } a- a+ devozionale - artistico le cappelle laterali e la via crucislungo le navate laterali si snoda la via crucis, le quattordici stazioni che accompagnano la meditazione sulla passione di cristo.le cappelle laterali ospitano altari dedicati a devozioni particolari: cappella del sacro cuore (navata destra) con il dipinto di santa margherita maria alacoque, cappella della madonna (navata sinistra) con il tondo raffigurante sant'anna, cappella di santa crescenzia (braccio destro del transetto) dove riposa l'urna della martire.gli altari del transetto: braccio sinistro (agnese, luigi e anna), braccio destro (francesco, giuseppe e gioacchino).questa disposizione riflette il gusto ottocentesco per l'ordine, ma risponde anche a esigenze pratiche: permettere la celebrazione simultanea di più messe nei giorni festivi. curiosità la disposizione simmetrica crea un percorso devozionale che accompagna il fedele dalla porta d'ingresso fino al presbiterio, in un crescendo di intensità spirituale. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Le cappelle laterali e la Via Crucis l'organo monumentale: 200 anni di tradizione organaria.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 20px 0; background: rgba(255,255,255,0.05); padding: 15px; border-radius: 8px; } .hotspot-card .stat-item { font-size: 0.9rem; color: #e6cba8; } .hotspot-card .stat-value { display: block; color: #fff; font-weight: 700; font-size: 1.1rem; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; }a-a+tecnico - musicalel'organo monumentale: 200 anni di tradizionel'organo della basilica è un capolavoro della celebre famiglia prestinari, maestri organari che per due secoli hanno dato lustro a magenta. commissionato nel 1858, rappresenta una delle loro opere più imponenti.cannepiù di 3200registri43lo strumento, inaugurato nel 1860, vanta 8 mantici e altrettanti somieri. la sua voce possente accompagna non solo le liturgie, elevando lo spirito dei fedeli, ma è anche protagonista di prestigiosi concerti di musica sacra.grazie al generoso contributo dell'intera comunità di magenta, tra il 1989 e il 1990 l'organo è stato oggetto di un meticoloso restauro che ne ha preservato l'eccezionale ricchezza timbrica.curiositàÈ considerato uno dei lavori più riusciti dei prestinari per potenza sonora. inizialmente destinato alla vecchia chiesa prepositurale, fu poi trasferito nella nuova basilica per la sua magnificenza.let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } L'organo monumentale: 200 anni di tradizione organaria la porta santa: soglia di misericordia e arte hotspot 2 - italiano .hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .font-btn:hover { background: rgba(255, 255, 255, 0.2); } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.6); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } } a- a+ artistico - simbolicola porta santa: soglia di misericordia e artein occasione della "perdonanza di san martino" del 2016, la porta laterale destra della basilica è stata designata come porta santa. viene aperta solennemente ogni anno a novembre per la festa del patrono e durante gli anni giubilari straordinari.mentre i battenti in legno sono volutamente semplici, la vera ricchezza risiede negli stipiti e nell'architrave, opere degli anni '30 della ditta malnati pietro e figlio. le decorazioni non sono casuali, ma formano un percorso simbolico ascendente che narra la vita di san martino e la teologia cristiana.partendo dal basso, i simboli raccontano la storia del santo: dalla coppia di ali (richiamo all'esercito romano), passando per la brocca con perle (il battesimo e la preziosa conversione), fino alle insegne del suo ministero: la mitria vescovile e il pastorale incrociato con la ferula.l'architrave corona l'opera con una ghirlanda di frutti (mela, limone, melagrana, uva) che rappresentano l'abbondanza delle stagioni e la vita della chiesa, sorretta da angeli che mostrano l'iscrizione "ecce sacerdos magnus" ("ecco il sommo sacerdote"). curiosità sull'architrave, tra i frutti, campeggia una grossa ape. simbolo non solo di operosità, ma anche della clemenza di cristo (dolce come il miele). agli angoli, due delfini attorcigliati a un'ancora simboleggiano cristo come unica salvezza. let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } La Porta Santa: soglia di misericordia e arte dieci anni di cantiere: problemi strutturali e soluzioni ingegneristiche.hotspot-card * { box-sizing: border-box; margin: 0; padding: 0; } .hotspot-card { --base-font-size: 16px; font-family: 'inter', sans-serif; background-color: rgba(45, 5, 25, 0.90); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); max-width: 600px; width: 100%; border-radius: 16px; border: 1px solid rgba(255, 220, 230, 0.15); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); overflow: hidden; color: #f0f0f0; position: relative; margin: auto; text-align: left; } .hotspot-card .font-controls { position: absolute; top: 20px; right: 20px; display: flex; gap: 5px; z-index: 10; } .hotspot-card .font-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: #e6cba8; cursor: pointer; padding: 5px 10px; border-radius: 4px; font-family: 'lato', sans-serif; font-weight: 700; font-size: 0.8rem; transition: background 0.2s; } .hotspot-card .content-padding { padding: 30px; } .hotspot-card h1 { font-family: 'inter', sans-serif; font-weight: 700; color: #fff; font-size: calc(var(--base-font-size) * 1.5); margin-bottom: 15px; line-height: 1.2; padding-right: 60px; } .hotspot-card .subtitle { font-family: 'lato', sans-serif; display: block; font-size: 0.85rem; color: #e6cba8; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid rgba(230, 203, 168, 0.3); padding-bottom: 15px; } .hotspot-card p { font-family: 'inter', sans-serif; font-weight: 400; margin-bottom: 1.4em; font-size: var(--base-font-size); color: #e0e0e0; line-height: 1.6; } .hotspot-card strong, .hotspot-card .lead { font-weight: 700; color: #fff; } .hotspot-card .curiosity-box { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid #e6cba8; padding: 20px; margin-top: 25px; border-radius: 0 8px 8px 0; display: flex; gap: 15px; align-items: flex-start; } .hotspot-card .curiosity-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #e6cba8; } .hotspot-card .curiosity-content h3 { font-family: 'lato', sans-serif; font-size: 0.9rem; color: #e6cba8; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 1px; } .hotspot-card .curiosity-content p { font-size: calc(var(--base-font-size) * 0.95); margin-bottom: 0; color: #eee; } @media (max-width: 480px) { .hotspot-card .content-padding { padding: 20px; } .hotspot-card { --base-font-size: 15px; } }a-a+storico - tecnicodieci anni di cantiere: problemi e soluzionii cantieri si aprirono nel 1893 e la costruzione impegnò la comunità per circa dieci anni. durante i lavori emersero problemi seri nelle fondazioni, con cedimenti del colonnato e spaccature negli archi della cupola.per salvare la struttura si intervenne con la realizzazione di particolari anelli sotterranei inseriti tra le basi delle colonne. questi permisero di distribuire correttamente i carichi e stabilizzare l'edificio senza alterarne l'estetica superiore.questa soluzione ingegneristica, sebbene invisibile al visitatore, rappresenta un esempio di eccellenza tecnica dell'epoca. nonostante le difficoltà, la chiesa fu portata a termine grazie all'impegno collettivo e alle competenze di ingegneri e capimastri.curiositàgli anelli sotterranei sono ancora oggi fondamentali per la tenuta dell'edificio: un "cuore tecnologico" nascosto che garantisce la stabilità della cupola da oltre un secolo.let currentfontsize = 16; function resizefont(delta) { currentfontsize += delta; if (currentfontsize < 12) currentfontsize = 12; if (currentfontsize > 24) currentfontsize = 24; const container = document.getelementbyid('hotspotcontainer'); if(container) { container.style.setproperty('--base-font-size', currentfontsize + 'px'); } } Dieci anni di cantiere: problemi strutturali e soluzioni ingegneristiche
Foto a 360°
entra nell'organo! ENTRA NELL'ORGANO! visita il sotto tetto! Visita il sotto tetto!
Ringraziamenti e Riconoscimenti

Un sentito ringraziamento a Don Federico Papini per aver creduto in noi e nel progetto, sostenendoci con entusiasmo e fiducia.

Un ringraziamento speciale al Maestro Carlo Tunisi per aver registrato con straordinaria professionalità e talento la performance della “Toccata et Fuga in Re Minore” di Bach.

Informazioni e punti informativi della Basilica
I contenuti sono stati estrapolati dal sito della Comunità Pastorale e dai seguenti testi:

  • Lume di Chiesa e d’Officina – Contributi per una storia della Basilica di S. Martino in occasione del suo centenario – I Quaderni del Ticino

Modello 3D della Basilica: dati 3D attribuiti a Google Earth Studio

Info e Contatti

Basilica di S. Martino Vescovo

Tel: +39 02 9729 8342 
Email: magenta.sanmartino@gmail.com 
Sito web: comunitapastoralemagenta.it 

Orari Ufficio / Segreteria (indicativi):
Lun – Mer: 09:30–11:30 / 15:30–17:30
Giov – Ven: 16:30–18:30 (variabile) (comunitapastoralemagenta.it)

Orari Messe (Rito ambrosiano) – indicativi:
Lun–Ven: 08:30 • 18:00
Sab: 08:30 • 18:00
Dom: 08:30 • 10:00 • 18:00

Via Roma, 39, 20013 Magenta MI
KYREI