/* PAGINE DI TESTO, FAQ E STARTING LIST — sopra il linguaggio della homepage:
   una testata più compatta, una colonna di lettura e gli elenchi a fisarmonica. */

.testo-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;padding:190px 6% 60px;isolation:isolate;overflow:hidden}
.testo-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.testo-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#081728,rgba(8,23,40,.3) 92%),linear-gradient(90deg,#081728d9,transparent 74%)}
.testo-hero-copy{width:min(780px,100%)}
.testo-hero h1{font-size:clamp(44px,5.4vw,84px);line-height:1;margin:0 0 20px;text-transform:uppercase}
.testo-hero h1 em{font-style:normal;color:var(--mint)}
.testo-hero .intro{font-size:15px;line-height:1.8;color:#d9e2ea;max-width:600px;margin:0 0 28px}
.testo-hero .hero-azioni{display:flex;flex-wrap:wrap;gap:12px}

/* colonna di lettura */
.testo-corpo{padding-top:70px}
.testo-colonna{max-width:820px}
.testo-colonna p{font-size:15px;line-height:1.9;color:#d2dfed;margin:0 0 18px}
.testo-colonna a{color:var(--mint)}
.testo-colonna strong,.testo-colonna b{color:#fff}
.testo-colonna ul,.testo-colonna ol{margin:0 0 22px;padding-left:22px;color:#d2dfed}
.testo-colonna li{font-size:15px;line-height:1.9;margin-bottom:8px}
.testo-colonna li p{margin:0}
.testo-colonna h1,.testo-colonna h2,.testo-colonna h3,.testo-colonna h4{text-transform:uppercase;margin:44px 0 18px;line-height:1.1}
.testo-colonna h2{font-size:clamp(28px,3vw,42px)}
.testo-colonna h3,.testo-colonna h4{font-size:22px}
/* punti numerati del regolamento riconosciuti nel testo: stesso testo, peso da titolo */
.testo-colonna .testo-punto{margin:46px 0 14px;font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.03em;font-size:clamp(21px,2.2vw,30px);line-height:1.2;text-transform:uppercase;color:#fff;border-top:1px solid var(--line);padding-top:22px}
.testo-colonna .testo-punto:first-child{margin-top:0;border-top:0;padding-top:0}
.testo-colonna .testo-punto-numero{color:var(--mint);margin-right:10px}

/* elenco a fisarmonica: FAQ ed edizioni */
.faq-lista{border-top:1px solid var(--line)}
.faq-voce{border-bottom:1px solid var(--line)}
.faq-voce summary{display:flex;align-items:flex-start;gap:22px;padding:26px 0;cursor:pointer;list-style:none}
.faq-voce summary::-webkit-details-marker{display:none}
.faq-voce summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.faq-numero{flex:none;font-size:11px;letter-spacing:1.6px;color:var(--mint);padding-top:8px;min-width:30px}
.faq-domanda{flex:1;font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.03em;font-size:clamp(19px,2vw,28px);line-height:1.25;text-transform:uppercase;color:#fff;transition:color .25s}
.faq-voce summary:hover .faq-domanda{color:var(--mint)}
.faq-segno{flex:none;position:relative;width:18px;height:18px;margin-top:8px}
.faq-segno:before,.faq-segno:after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;background:var(--mint);transition:transform .3s}
.faq-segno:after{transform:rotate(90deg)}
.faq-voce[open] .faq-segno:after{transform:rotate(0)}
.faq-risposta{padding:0 0 30px 52px;max-width:760px}
.faq-risposta p{font-size:15px;line-height:1.9;color:#d2dfed;margin:0 0 14px}
.faq-risposta p:last-child{margin-bottom:0}
.faq-risposta a{color:var(--mint)}

.faq-aiuto-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.faq-aiuto-griglia .servizio{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column;gap:12px}
.faq-aiuto-griglia .servizio h3{margin:0;font-size:24px;text-transform:uppercase}
.faq-aiuto-griglia .servizio p{margin:0;font-size:14px;line-height:1.8;color:#b8c6d5}
.faq-aiuto-griglia .text-link{margin-top:auto;max-width:none}

/* Starting List: l'ultima tappa in evidenza, poi l'archivio */
.sl-ultima-riquadro{background:#0d2137;border:1px solid var(--line);padding:38px 42px}
.sl-ultima-riquadro h2{margin:0 0 22px;font-size:clamp(26px,3vw,40px);text-transform:uppercase}
.sl-documenti p{font-size:15px;line-height:1.9;color:#d2dfed;margin:0 0 12px;text-align:left!important}
.sl-documenti a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}
.sl-documenti strong{color:#fff}
.sl-attesa{color:#9fb3c6}
.sl-archivio{padding-top:40px}

@media(min-width:1600px){.testo-hero{padding-left:9%;padding-right:9%}}

@media(max-width:900px){
	.faq-aiuto-griglia{grid-template-columns:1fr}
}
@media(max-width:620px){
	.testo-hero{min-height:440px;padding:150px 7% 40px}
	.testo-hero h1{font-size:10.5vw}
	.testo-hero .intro{font-size:13px}
	.testo-hero .hero-azioni .button{width:100%;justify-content:space-between}
	.testo-colonna p,.testo-colonna li{font-size:14px;line-height:1.85}
	.faq-voce summary{gap:14px;padding:20px 0}
	.faq-numero{min-width:24px;font-size:10px}
	.faq-risposta{padding-left:38px}
	.sl-ultima-riquadro{padding:26px 22px}
}

/* tre colonne di rimandi: usate dalla 404 e dalle pagine che le richiamano
   (nelle pagine tappa arrivano da tappa.css, qui servono anche senza) */
.servizi-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.servizi-griglia .servizio{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column;gap:12px}
.servizi-griglia .servizio h3{margin:0;font-size:24px;text-transform:uppercase}
.servizi-griglia .servizio p{margin:0;font-size:14px;line-height:1.8;color:#b8c6d5}
.servizi-griglia .text-link{margin-top:auto;max-width:none}

/* PAGINA 404 */
.errore-hero{position:relative;min-height:600px;display:flex;align-items:flex-end;padding:210px 6% 60px;isolation:isolate;overflow:hidden}
.errore-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.errore-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#081728,rgba(8,23,40,.3) 92%),linear-gradient(90deg,#081728e6,transparent 74%)}
.errore-copy{width:min(800px,100%)}
.errore-hero h1{font-size:clamp(46px,5.8vw,92px);line-height:1;margin:0 0 20px;text-transform:uppercase}
.errore-hero h1 em{font-style:normal;color:var(--mint)}
.errore-hero .intro{font-size:15px;line-height:1.8;color:#d9e2ea;max-width:580px;margin:0 0 28px}
.errore-hero .hero-azioni{display:flex;flex-wrap:wrap;gap:12px}
.errore-hero .hero-side{position:absolute;right:24px;top:210px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#cfdce8}
.errore-ricerca{margin-top:60px;border-top:1px solid var(--line);padding-top:26px;max-width:720px}
.errore-ricerca label{display:block;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#9fb3c6;margin-bottom:12px}
.errore-ricerca-riga{display:flex;flex-wrap:wrap;gap:12px}
body.memories-live .errore-ricerca input[type="search"]{flex:1 1 320px;background:#081728!important;border:1px solid #ffffff3d!important;border-radius:0;color:#fff!important;padding:14px 16px;font:14px/1.5 DM,Arial,sans-serif;min-height:52px}
body.memories-live .errore-ricerca input[type="search"]::placeholder{color:#8ea2b5}
body.memories-live .errore-ricerca input[type="search"]:focus{outline:2px solid var(--mint);outline-offset:2px}
body.memories-live .errore-ricerca button.button{background:var(--mint)!important;color:var(--ink)!important;border:0!important;border-radius:0!important;padding:17px 24px!important;font:700 13px/1 DM,Arial,sans-serif!important;display:inline-flex!important;align-items:center;gap:16px}
body.memories-live .errore-ricerca button.button:hover{background:#b3ffe7!important;color:var(--ink)!important}
@media(min-width:1600px){.errore-hero{padding-left:9%;padding-right:9%}}
@media(max-width:900px){
	.servizi-griglia{grid-template-columns:1fr}
}
@media(max-width:620px){
	.errore-hero{min-height:500px;padding:165px 7% 40px}
	.errore-hero h1{font-size:11.5vw}
	.errore-hero .hero-side{display:none}
	.errore-hero .hero-azioni .button{width:100%;justify-content:space-between}
}