/* ========================================================
   Solo per la pagina «racconta». Ogni pagina di servizio ha il suo foglio: non sono istanze di un modello e hanno perfino intestazioni diverse fra loro.
   Rigenerato da Sito/migrazione/estrai_css.py:
   non modificare a mano la parte generata.
   ======================================================== */

h1,h2,h3{font-family:'Poppins',sans-serif;color:var(--crema);letter-spacing:-.02em;line-height:1.15}
@media(max-width:640px){
  .nav-links{gap:1rem;font-size:.946rem}
}
.kicker{display:block;font-weight:800;color:var(--verde);font-size:.935rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem}
.testata{max-width:70ch;margin:0 auto;padding:clamp(3rem,7vw,5rem) clamp(1.25rem,5vw,3rem) 0}
.testata h1{font-size:clamp(2.1rem,5vw,3.2rem)}
.testata .sommario{margin-top:1.2rem;font-size:1.232rem;color:var(--crema);opacity:.92}
.testata .data{margin-top:1.4rem;font-size:.99rem;color:var(--muted)}
.doc{max-width:70ch;margin:0 auto;padding:clamp(2.5rem,5vw,3.5rem) clamp(1.25rem,5vw,3rem) clamp(4rem,8vw,6rem)}
.doc h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:2.8rem 0 .9rem;padding-top:1.6rem;border-top:1px solid var(--velo)}
.doc h2:first-of-type{margin-top:1rem}
.doc h3{font-size:1.232rem;font-family:'Poppins';font-weight:600;color:var(--verde);margin:1.8rem 0 .5rem}
.doc p{margin-bottom:1.1rem}
.doc ul{margin:0 0 1.2rem 1.2rem}
.doc li{margin-bottom:.6rem}
.doc a{text-decoration:underline;text-underline-offset:3px}
.doc strong{color:var(--crema)}
.nota{background:var(--fondo-2);border:1px solid var(--velo);border-left:3px solid var(--verde);border-radius:var(--r);padding:1.2rem 1.4rem;margin:1.6rem 0}
.nota p:last-child{margin-bottom:0}
.tabella{width:100%;border-collapse:collapse;margin:1.2rem 0 1.6rem;font-size:1.045rem}
.tabella th,.tabella td{text-align:left;padding:.75rem .8rem;border-bottom:1px solid var(--velo);vertical-align:top}
.tabella th{font-family:'Poppins';font-weight:600;color:var(--crema);font-size:.935rem;letter-spacing:.04em;text-transform:uppercase}
.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
.strade{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin:2rem 0 1rem}
.strada{background:var(--fondo-2);border:1px solid var(--velo);border-radius:var(--r);padding:1.4rem 1.3rem;display:flex;flex-direction:column}
.strada .num{font-family:'Poppins';font-weight:700;font-size:.82rem;letter-spacing:.14em;color:var(--verde);margin-bottom:.7rem}
.strada h3{font-family:'Poppins';font-weight:600;font-size:1.16rem;color:var(--crema);margin:0 0 .5rem;line-height:1.25}
.strada p{font-size:1rem;color:var(--sage);margin-bottom:1.2rem;flex:1}
.bottone{display:inline-block;text-align:center;text-decoration:none;font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:1rem;padding:.78rem 1.3rem;min-height:44px;border-radius:999px;background:var(--terra);color:var(--crema);border:1px solid var(--terra);transition:background .2s,border-color .2s}
.bottone:hover{background:var(--terra-scura);border-color:var(--terra-scura);color:var(--crema)}
.bottone.vuoto{background:transparent;border-color:rgba(195,208,184,.45)}
.bottone.vuoto:hover{background:transparent;border-color:var(--sage)}
.bottone.spento{background:transparent;border-color:rgba(195,208,184,.22);color:var(--muted);cursor:default;pointer-events:none}
.strada .sotto{display:block;margin-top:.6rem;font-size:.9rem;color:var(--muted);text-align:center}
.passi{list-style:none;counter-reset:p;margin:1.4rem 0 1.2rem}
.passi li{counter-increment:p;position:relative;padding-left:2.6rem;margin-bottom:1rem}
.passi li::before{content:counter(p);position:absolute;left:0;top:-.1rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--terra);color:var(--crema);font-family:'Poppins';font-weight:700;font-size:.9rem;display:grid;place-items:center}
.regole li strong{color:var(--crema)}
@media(max-width:820px){
  .strade{grid-template-columns:1fr}
}