@font-face{font-family:Anton;font-display:swap;src:url(/fonts/anton-400.woff2) format('woff2')}
@font-face{font-family:Oswald;font-display:swap;src:url(/fonts/oswald-400.woff2) format('woff2')}
@font-face{font-family:'Special Elite';font-display:swap;src:url(/fonts/special-elite-400.woff2) format('woff2')}
@font-face{font-family:Lora;font-display:swap;src:url(/fonts/lora-400.woff2) format('woff2')}
@font-face{font-family:Lora;font-style:italic;font-display:swap;src:url(/fonts/lora-400i.woff2) format('woff2')}
:root{--bg:#0d0b08;--bg2:#15110b;--card:#1c170f;--line:#342b1c;--ink:#e8dfc8;--dim:#a89c7f;--oro:#d4a017;--oro2:#e9b930;--rosso:#c0453b;
--f-d:Anton,Oswald,Impact,"Arial Narrow",sans-serif;--f-u:Oswald,"Arial Narrow",Arial,sans-serif;--f-t:"Special Elite","Courier New",monospace;--f-b:Lora,Georgia,serif;--wrap:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-b);font-size:18px;line-height:1.65;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--oro2)}
:focus-visible{outline:3px solid var(--oro2);outline-offset:3px}
.salta{position:absolute;left:-9999px;top:0;background:var(--oro);color:#000;padding:10px 14px;z-index:99}
.salta:focus{left:12px;top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
/* barra */
.barra{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px 20px;background:linear-gradient(#0d0b08ee,#0d0b0800);transition:background .3s}
.barra.piena{background:#0d0b08f2;border-bottom:1px solid var(--line)}
.marchio{font-family:var(--f-t);color:var(--ink);text-decoration:none;font-size:15px;letter-spacing:.12em;white-space:nowrap}
.marchio b{color:var(--oro);font-weight:400}
.lingue{margin-left:auto;display:flex;gap:2px;font-family:var(--f-u);font-size:13px;letter-spacing:.08em}
.lingue a{color:var(--dim);text-decoration:none;padding:8px 7px;min-width:34px;text-align:center}
.lingue a[aria-current]{color:var(--oro)}
.lingue a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--f-u);text-transform:uppercase;letter-spacing:.1em;font-size:15px;line-height:1.2;padding:15px 22px;min-height:50px;border:1px solid var(--oro);color:var(--oro);background:transparent;text-decoration:none;cursor:pointer;text-align:center}
.btn.pieno{background:var(--oro);color:#0d0b08}
.btn.pieno:hover{background:var(--oro2)}
.btn:hover{border-color:var(--oro2);color:var(--oro2)}
.btn.pieno:hover{color:#0d0b08}
.barra .btn{padding:10px 14px;min-height:42px;font-size:13px}
/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:120px 0 64px;isolation:isolate;overflow:hidden}
.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero picture img{animation:avvicina 26s ease-out both;transform-origin:70% 40%}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 90% at 75% 35%,#0d0b0800 0%,#0d0b0899 45%,#0d0b08 88%),linear-gradient(90deg,#0d0b08f0 0%,#0d0b0899 48%,#0d0b0820 100%)}
.hero .wrap{width:100%}
.occhiello{font-family:var(--f-t);color:var(--oro);letter-spacing:.14em;text-transform:uppercase;font-size:14px;margin:0 0 18px}
.toc{display:flex;gap:18px;font-family:var(--f-t);color:var(--dim);font-size:clamp(18px,2.4vw,24px);letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px}
.toc span{opacity:0;animation:colpo .5s ease-out both}
.toc span:nth-child(2){animation-delay:.75s}.toc span:nth-child(3){animation-delay:1.5s}
.hero h1{font-family:var(--f-d);font-weight:400;text-transform:uppercase;font-size:clamp(52px,9.4vw,132px);line-height:1.02;letter-spacing:.005em;margin:0;max-width:13ch;padding-top:.06em;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--oro)}
.hero.bussa h1{animation:scossa .32s linear 3 both;animation-delay:.05s}
.macchina{font-family:var(--f-t);font-size:clamp(18px,2.2vw,24px);color:var(--ink);margin:22px 0 0;min-height:1.6em}
.macchina .cursore{display:inline-block;width:.55em;height:1.05em;background:var(--oro);vertical-align:-.15em;margin-left:2px;animation:lampeggia 1s steps(1) infinite}
.sotto{font-size:clamp(18px,1.9vw,21px);max-width:38em;color:#d9cfb6;margin:16px 0 30px}
.azioni{display:flex;flex-wrap:wrap;gap:12px}
.nota-lingua{font-family:var(--f-u);font-size:13px;letter-spacing:.06em;color:var(--dim);margin:14px 0 0}
.contatore{display:inline-flex;align-items:center;gap:10px;margin:22px 0 0;font-family:var(--f-u);letter-spacing:.06em;color:var(--ink);font-size:15px}
.contatore::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--rosso);box-shadow:0 0 0 0 #c0453b88;animation:pulsa 2s infinite}
.contatore[hidden]{display:none}
/* sezioni */
section{padding:clamp(72px,10vw,128px) 0;position:relative}
.titolo-sez{font-family:var(--f-d);font-weight:400;text-transform:uppercase;font-size:clamp(38px,6vw,72px);line-height:1.04;margin:0 0 28px;text-wrap:balance}
.titolo-sez em{font-style:normal;color:var(--oro)}
.gancio{background:var(--bg2);border-block:1px solid var(--line)}
.gancio .grande{font-size:clamp(20px,2.3vw,26px);line-height:1.6;max-width:34em;color:#e2d8bf}
.dichiarazione{background:radial-gradient(80% 120% at 50% 0%,#2a200f 0%,var(--bg) 70%);text-align:center}
.dichiarazione p.claim{font-family:var(--f-d);text-transform:uppercase;font-size:clamp(34px,5.6vw,76px);line-height:1.06;margin:0 auto;max-width:16ch;color:var(--ink);text-wrap:balance}
.dichiarazione p.claim::first-line{color:var(--oro)}
.dichiarazione p.dopo{max-width:36em;margin:26px auto 0;color:var(--dim);font-size:19px}
.griglia3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scheda{background:var(--card);border:1px solid var(--line);padding:28px 26px 30px;position:relative}
.scheda .n{font-family:var(--f-d);font-size:44px;color:var(--oro);line-height:1;display:block;margin-bottom:14px}
.scheda h3{font-family:var(--f-u);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:23px;line-height:1.15;margin:0 0 10px}
.scheda p{margin:0;color:#cfc5ab}
.chi{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.chi figure{margin:0;position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line)}
.chi img{aspect-ratio:4/5;width:100%;object-fit:cover;filter:saturate(.75) brightness(.8);transition:transform .6s,filter .6s}
.chi figure:hover img{transform:scale(1.05);filter:saturate(.9) brightness(.9)}
.chi figcaption{position:absolute;inset:auto 0 0 0;padding:60px 16px 16px;background:linear-gradient(#0d0b0800,#0d0b08f2 55%)}
.chi figcaption b{display:block;font-family:var(--f-u);font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-size:19px;color:var(--oro)}
.chi figcaption span{font-size:15px;line-height:1.45;color:#d9cfb6}
.passi{counter-reset:p;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.passi li{border-top:2px solid var(--oro);padding:22px 4px 0}
.passi li::before{counter-increment:p;content:"0" counter(p);font-family:var(--f-d);font-size:56px;color:var(--oro);line-height:1;display:block;margin-bottom:10px}
.passi h3{font-family:var(--f-u);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:23px;margin:0 0 6px}
.passi p{margin:0;color:#cfc5ab}
/* prenota */
.prenota{background:var(--bg2);border-top:1px solid var(--line)}
.prenota .due{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,72px);align-items:start}
.vantaggi{list-style:none;padding:0;margin:26px 0 0}
.vantaggi li{position:relative;padding:0 0 16px 34px;color:#e2d8bf}
.vantaggi li::before{content:"";position:absolute;left:0;top:.45em;width:16px;height:16px;border:2px solid var(--oro);transform:rotate(45deg)}
.vantaggi a{color:var(--oro2)}
form,.esito{background:var(--card);border:1px solid var(--line);padding:clamp(22px,3.4vw,36px)}
form h3,.esito h3{font-family:var(--f-d);font-weight:400;text-transform:uppercase;font-size:clamp(30px,3.6vw,42px);line-height:1.04;margin:0 0 20px}
.campo{margin:0 0 16px}
.campo label,legend{display:block;font-family:var(--f-u);letter-spacing:.05em;font-size:15px;color:var(--ink);margin:0 0 6px}
.campo small,legend small{color:var(--dim);font-family:var(--f-b);font-size:13px;letter-spacing:0;margin-left:6px;font-style:italic}
input[type=text],input[type=email],input[type=number],input[type=tel],select{width:100%;font:inherit;font-size:17px;color:var(--ink);background:#0f0c08;border:1px solid var(--line);padding:12px 14px;min-height:50px;border-radius:0}
input:focus,select:focus{border-color:var(--oro);outline:none;box-shadow:0 0 0 2px #d4a01755}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--oro) 50%),linear-gradient(135deg,var(--oro) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
fieldset{border:0;padding:0;margin:0 0 16px}
.scelte{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.scelta{display:flex;align-items:center;gap:10px;background:#0f0c08;border:1px solid var(--line);padding:11px 12px;min-height:50px;cursor:pointer;font-size:15px;line-height:1.3}
.scelta:has(input:checked){border-color:var(--oro);background:#21190b}
.scelta input,.consenso input{width:20px;height:20px;accent-color:var(--oro);flex:none;margin:0}
.scelta.larga{grid-column:1/-1}
.extra[hidden]{display:none}
.extra{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}
.consenso{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;margin:0 0 12px;cursor:pointer}
.consenso input{margin-top:3px}
.nota{font-size:13.5px;color:var(--dim);line-height:1.5;margin:4px 0 18px}
.trappola{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.errore{color:#f08a7e;font-size:15px;margin:10px 0 0;min-height:1.2em}
form .btn{width:100%;font-size:16px}
.esito[hidden]{display:none}
.esito .pos{font-family:var(--f-d);font-size:clamp(44px,7vw,80px);line-height:1;color:var(--oro);margin:6px 0 10px}
.condividi{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.condividi .btn{flex:1 1 150px;font-size:13px;padding:12px 14px;min-height:46px}
/* faq e piede */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-family:var(--f-u);font-size:20px;letter-spacing:.02em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-size:30px;color:var(--oro);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 22px;color:#cfc5ab}
footer{border-top:1px solid var(--line);padding:34px 0 46px;color:var(--dim);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center}
footer a{color:var(--dim)}
footer .marchio{color:var(--ink)}
/* rivelazione allo scorrimento */
.js .appare{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.js .appare.vista{opacity:1;transform:none}
/* privacy */
.carta{max-width:760px;padding:130px 20px 70px;margin:0 auto}
.carta h1{font-family:var(--f-d);font-weight:400;text-transform:uppercase;font-size:clamp(34px,6vw,56px);line-height:1.05;margin:0 0 28px}
.carta h2{font-family:var(--f-u);font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-size:20px;color:var(--oro);margin:28px 0 6px}
.carta p{margin:0 0 10px;color:#d9cfb6}
@keyframes avvicina{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes colpo{0%{opacity:0;transform:scale(1.6)}60%{opacity:1;transform:scale(.96)}100%{opacity:1;transform:none}}
@keyframes scossa{0%,100%{transform:none}25%{transform:translate(-3px,1px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-2px,0)}}
@keyframes lampeggia{50%{opacity:0}}
@keyframes pulsa{0%{box-shadow:0 0 0 0 #c0453b88}70%{box-shadow:0 0 0 12px #c0453b00}100%{box-shadow:0 0 0 0 #c0453b00}}
@media (max-width:980px){.chi{grid-template-columns:repeat(3,1fr)}.chi figure:nth-child(4),.chi figure:nth-child(5){grid-column:span 1}}
@media (max-width:860px){.griglia3,.passi{grid-template-columns:1fr}.prenota .due{grid-template-columns:1fr}}
@media (max-width:640px){
 body{font-size:17px}
 .barra{padding:10px 14px;gap:8px}.marchio{font-size:12px;letter-spacing:.08em}
 .barra .btn{display:none}
 .lingue a{padding:8px 5px;min-width:30px;font-size:12px}
 .hero{padding:100px 0 44px;min-height:100svh}
 .hero::after{background:linear-gradient(#0d0b0866 0%,#0d0b08cc 45%,#0d0b08 78%)}
 .chi{grid-template-columns:1fr 1fr}.chi figure:last-child{grid-column:1/-1}.chi figure:last-child img{aspect-ratio:16/10}
 .scelte,.extra{grid-template-columns:1fr}
 .azioni .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .toc span{opacity:1}
 .js .appare{opacity:1;transform:none}
}
/* sequenza d'ingresso */
.ingresso{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;text-align:center;transition:opacity .9s ease,visibility .9s}
.ingresso.via{opacity:0;visibility:hidden}
.ingresso .porta{width:min(46vw,190px);aspect-ratio:1/2;border:2px solid #2a2216;position:relative;box-shadow:inset 0 0 60px #000}
.ingresso .porta::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 100%,#d4a01733,transparent 70%);opacity:0}
.ingresso .porta.lampo{animation:urto .42s ease-out}
.ingresso .porta.lampo::after{animation:luce .42s ease-out}
.ingresso .colpi{font-family:var(--f-t);color:#8a7d60;letter-spacing:.3em;text-transform:uppercase;min-height:1.5em;font-size:clamp(18px,3vw,26px)}
.ingresso .riga{font-family:var(--f-t);color:var(--ink);font-size:clamp(20px,3.4vw,34px);min-height:1.5em;max-width:24ch}
.ingresso .comandi{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;gap:12px}
.ingresso .comandi button{font-family:var(--f-u);text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--dim);background:transparent;border:1px solid #3a3020;padding:10px 16px;min-height:44px;cursor:pointer}
.ingresso .comandi button:hover{color:var(--ink);border-color:var(--oro)}
.ingresso .comandi button[aria-pressed=true]{color:var(--oro);border-color:var(--oro)}
@keyframes urto{0%{transform:none}20%{transform:translateX(-5px) scale(1.01)}45%{transform:translateX(4px)}70%{transform:translateX(-2px)}100%{transform:none}}
@keyframes luce{0%{opacity:0}15%{opacity:1}100%{opacity:0}}
/* club */
.club{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.club article{background:var(--card);border:1px solid var(--line);padding:24px 20px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.club article::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--oro),transparent)}
.club h3{font-family:var(--f-u);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:19px;line-height:1.2;margin:0;color:var(--oro)}
.club p{margin:0;font-size:15.5px;line-height:1.55;color:#cfc5ab;flex:1}
.club a.vai{font-family:var(--f-u);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--oro);align-self:flex-start;padding:4px 0}
.club a.vai:hover{color:var(--oro2)}
/* enigma */
.enigma{background:#0f0c08;border:1px dashed var(--line2,#4a3d27);padding:clamp(20px,3vw,30px);margin:0 0 16px;position:relative}
.enigma .etichetta{font-family:var(--f-t);color:var(--oro);letter-spacing:.14em;text-transform:uppercase;font-size:13px;margin:0 0 8px}
.enigma h3{font-family:var(--f-d);font-weight:400;text-transform:uppercase;font-size:clamp(26px,3vw,34px);margin:0 0 6px}
.enigma .domanda{font-family:var(--f-t);font-size:clamp(17px,1.9vw,20px);line-height:1.55;margin:12px 0 16px;color:var(--ink)}
.enigma .riga-risposta{display:flex;gap:8px}
.enigma .riga-risposta input{flex:1;min-width:0}
.enigma .riga-risposta .btn{flex:none;padding:12px 18px}
.enigma .sotto-enigma{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;font-size:14.5px}
.enigma button.link{background:none;border:0;color:var(--dim);font:inherit;text-decoration:underline;cursor:pointer;padding:6px 0;min-height:36px}
.enigma button.link:hover{color:var(--ink)}
.enigma .esito-enigma{min-height:1.4em;margin:10px 0 0;font-size:15.5px}
.enigma .esito-enigma.no{color:#f08a7e}
.enigma .esito-enigma.si{color:var(--oro2);font-family:var(--f-t);font-size:18px}
.enigma.risolto{border-style:solid;border-color:var(--oro)}
.enigma.risolto .riga-risposta,.enigma.risolto .sotto-enigma{display:none}
.enigma.sbaglia{animation:scossa .32s linear 1}
.js form.chiuso{position:relative}
.js form.chiuso>*:not(.velo){filter:blur(3px) grayscale(.6);opacity:.35;pointer-events:none;user-select:none}
.velo{display:none}
.js form.chiuso .velo{display:flex;position:absolute;inset:0;z-index:2;align-items:center;justify-content:center;text-align:center;padding:24px;flex-direction:column;gap:14px}
.velo p{font-family:var(--f-t);font-size:18px;max-width:22em;margin:0}
.velo .lucchetto{width:46px;height:40px;border:3px solid var(--oro);border-radius:6px;position:relative;margin-top:22px}
.velo .lucchetto::before{content:"";position:absolute;left:8px;right:8px;top:-24px;height:24px;border:3px solid var(--oro);border-bottom:0;border-radius:16px 16px 0 0}
form.aperto{animation:apri .7s ease-out}
@keyframes apri{from{filter:blur(4px);opacity:.4}to{filter:none;opacity:1}}
/* telefono */
.telefono{display:grid;grid-template-columns:118px 1fr;gap:8px}
.perche{font-size:13.5px;color:var(--dim);line-height:1.5;margin:6px 0 0}
/* guida */
.guida{max-width:860px;padding:130px 20px 60px;margin:0 auto}
.guida h1{font-family:var(--f-d);font-weight:400;text-transform:uppercase;font-size:clamp(40px,7vw,78px);line-height:1.04;margin:0 0 18px}
.guida .intro{font-size:20px;color:#d9cfb6;margin:0 0 40px}
.guida ol{list-style:none;counter-reset:t;padding:0;margin:0}
.guida li{counter-increment:t;display:grid;grid-template-columns:72px 1fr;gap:6px 18px;padding:22px 0;border-top:1px solid var(--line)}
.guida li::before{content:counter(t,decimal-leading-zero);font-family:var(--f-d);font-size:46px;color:var(--oro);line-height:1;grid-row:span 2}
.guida h2{font-family:var(--f-u);font-weight:400;text-transform:uppercase;letter-spacing:.03em;font-size:22px;margin:0}
.guida li p{margin:0;color:#cfc5ab}
.guida .chiusa{margin:40px 0 0;padding:28px;border:1px solid var(--oro);background:var(--card)}
@media (max-width:1100px){.club{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.club{grid-template-columns:1fr}.guida li{grid-template-columns:52px 1fr}.guida li::before{font-size:34px}}
@media (max-width:640px){.telefono{grid-template-columns:104px 1fr}.enigma .riga-risposta{flex-direction:column}.enigma .riga-risposta .btn{width:100%}}
@media (prefers-reduced-motion:reduce){.ingresso{display:none!important}.js form.chiuso>*:not(.velo){filter:none}}
.citta h2{font-family:var(--f-u);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(22px,3.4vw,30px);color:var(--oro);margin:46px 0 12px}
.citta p{color:#d9cfb6}
.citta a{color:var(--oro)}
.citta .occhiello a{color:var(--oro);text-decoration:none}
.verificato{display:inline-block;font-family:var(--f-t);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#0d0b08!important;background:var(--oro);padding:6px 12px;margin:0 0 26px}
.citta .contesto{font-size:19px}
.citta .fonti,.citta .nota{font-size:15px;color:var(--dim)!important}
.citta .fonti a{margin-right:10px;display:inline-block;overflow-wrap:anywhere}
.citta p,.citta li{overflow-wrap:anywhere}
.sale{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:16px}
.sala{border:1px solid var(--line);background:var(--card);padding:18px 18px 12px}
.sala h3{font-family:var(--f-u);font-weight:400;text-transform:uppercase;letter-spacing:.03em;font-size:21px;margin:0 0 6px}
.sala h3 a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--oro)}
.sala p{margin:0 0 8px;font-size:16px}
.sala .dove{font-family:var(--f-t);font-size:14px;color:var(--dim)}
.tag{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.tag li{font-size:13px;border:1px solid #4a3d26;color:#cfc5ab;padding:3px 8px}
.da-confermare{margin-top:40px;padding:4px 18px 18px;border:1px dashed #6b5a35}
.da-confermare h2{margin-top:18px}
.avviso{border-left:4px solid var(--oro);background:var(--card);padding:16px 18px;margin:0 0 26px}
.avviso p{margin:0 0 10px}
.eventi,.idee{padding-left:20px}
.eventi li,.idee li{margin:0 0 12px;color:#d9cfb6}
.cta-guida{margin:46px 0;padding:26px;border:1px solid var(--oro);background:var(--card)}
.cta-guida h2{margin-top:0}
.cta-guida .azioni{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.citta .faq details{border-top:1px solid var(--line);padding:14px 0}
.citta .faq summary{cursor:pointer;font-family:var(--f-u);text-transform:uppercase;letter-spacing:.03em;font-size:18px}
.citta .faq p{margin:10px 0 0}
.vicine{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:40px 0 0;padding-top:20px;border-top:1px solid var(--line);font-family:var(--f-u);text-transform:uppercase;letter-spacing:.05em}
.vicine span{color:var(--dim)}
.citta-elenco{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px}
.citta-elenco a{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line);background:var(--card);text-decoration:none}
.citta-elenco b{font-family:var(--f-d);font-weight:400;font-size:28px;text-transform:uppercase;color:var(--ink)}
.citta-elenco span{font-size:14px;color:var(--dim)}
.citta-elenco a:hover{border-color:var(--oro)}
.citta li::before{content:none}
.citta li{display:list-item;padding:0;border:0}
.citta .citta-elenco li,.citta .tag li{display:block}
@media (max-width:760px){.cta-guida .azioni .btn{width:100%}}