@font-face{font-family:'Archivo';src:url('https://volantinaggioaroma.it/wp-content/uploads/wca-bridge-managed/archivo-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Public Sans';src:url('https://volantinaggioaroma.it/wp-content/uploads/wca-bridge-managed/publicsans-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Archivo fallback';src:local('Arial'),local('Liberation Sans'),local('Roboto'),local('Helvetica Neue'),local('Helvetica'),local('DejaVu Sans');size-adjust:98.57%;ascent-override:89.3%;descent-override:21.3%;line-gap-override:0.0%;font-display:swap}@font-face{font-family:'Public Sans fallback';src:local('Arial'),local('Liberation Sans'),local('Roboto'),local('Helvetica Neue'),local('Helvetica'),local('DejaVu Sans');size-adjust:102.02%;ascent-override:93.1%;descent-override:22.5%;line-gap-override:0.0%;font-display:swap}:root{
--carta:#F2F5F5; --superficie:#FFFFFF; --inchiostro:#14201F; --secondario:#52605F;
--notte:#0E3B3E; --accento:#9E3A25; --accento-pieno:#B5462E; --accento-notte:#F0A98F;
--riga:rgba(20,32,31,.14);
}/* =================== base =================== */
/* body[class*="elementor-page"]: vale su pagine, articoli E archivi (body.page no, body.elementor-page no) */
body[class*="elementor-page"]{ background:var(--carta); color:var(--inchiostro);
font-family:"Public Sans","Public Sans fallback",system-ui,sans-serif; font-size:17px; line-height:1.625; -webkit-font-smoothing:antialiased; }
body[class*="elementor-page"] h1,body[class*="elementor-page"] h2,body[class*="elementor-page"] h3{
font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-weight:700; letter-spacing:-0.02em; line-height:1.05; margin:0; text-transform:none; }
body[class*="elementor-page"] p{ margin:0; }
/* reset dei contenitori: elenca ANCHE a, details, summary (i contenitori-link si tenevano 10px di serie) */
section.e-con, header.e-con, div.e-con, ul.e-con, li.e-con, figure.e-con, article.e-con,
footer.e-con, nav.e-con, a.e-con, details.e-con, summary.e-con, main.e-con{ padding:0 !important; }
ul.e-con{ list-style:none !important; margin:0 !important; }
body[class*="elementor-page"] a{ text-decoration:none; }
/* il widget stili e' alto 0 ma ha il margine di serie: collassa e diventa vuoto SOPRA la pagina */
body[class*="elementor-page"] .elementor-widget-html{ margin:0 !important; }
/* il reset di Elementor mette overflow:clip sul body e nessuno scroll programmatico passa (ancore) */
body[class*="elementor-page"]{ overflow:visible !important; }/* =================== barra in testa =================== */
/* porta solo cio' che NON sta altrove: perimetro, orari, email (il telefono e' nell'header) */
.wca-topbar.e-con{ background:var(--superficie) !important;
padding:9px max(28px, calc((100% - 1200px) / 2)) !important;
display:flex !important; align-items:center !important; justify-content:space-between !important;
gap:20px !important; flex-wrap:wrap !important; border-bottom:1px solid var(--riga) !important; }
.wca-topbar span{ color:var(--secondario) !important; font-size:13px; letter-spacing:.08em;
text-transform:uppercase; font-weight:600; white-space:nowrap; }
.wca-topbar-dx.e-con{ display:flex !important; flex-direction:row !important; align-items:center !important;
gap:22px !important; width:auto !important; }
.wca-topbar-mail.e-con{ display:inline-flex !important; align-items:center !important; }
.wca-topbar-mail:hover span{ color:var(--accento) !important; }/* =================== header =================== */
.wca-header.e-con{ background:var(--carta) !important;
padding:18px max(40px, calc((100% - 1200px) / 2)) !important;
display:flex !important; align-items:center !important; justify-content:space-between !important;
gap:28px !important; position:relative !important; border-bottom:1px solid var(--riga) !important; }
.wca-header > *{ flex:0 0 auto !important; width:auto !important; min-width:0 !important; }
.wca-marchio.e-con{ display:flex !important; align-items:center !important; gap:12px !important; }
/* il marchio e' un widget e-svg: misura alla classe, niente .e-con nel selettore */
.wca-sigla{ width:44px !important; height:44px !important; flex:0 0 auto !important; display:block !important; line-height:0 !important; }
.wca-sigla svg{ display:block !important; width:100% !important; height:100% !important; }
.wca-nome.e-con{ display:flex !important; flex-direction:column !important; gap:1px !important; }
.wca-nome .n{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-weight:600; font-size:20px; color:var(--inchiostro) !important;
letter-spacing:.01em; line-height:1.1; text-transform:uppercase; }
.wca-nome .q{ font-size:10.5px; letter-spacing:.19em; text-transform:uppercase; color:var(--secondario) !important; }
/* il menu e' uno shortcode: il wrapper di Elementor nasce width:100% e sfonda l'header */
.wca-nav.e-con{ display:flex !important; align-items:center !important; width:auto !important; }
.wca-nav .elementor-widget-shortcode{ width:auto !important; }
.wca-nav ul.nav-ul{ display:flex !important; flex-direction:row !important; gap:28px !important;
list-style:none !important; margin:0 !important; padding:0 !important; align-items:center; }
.wca-nav ul.nav-ul li{ margin:0 !important; }
.wca-nav ul.nav-ul a{ font-family:"Archivo","Archivo fallback","Arial",sans-serif !important; font-size:16.5px; font-weight:500; letter-spacing:.03em;
color:var(--inchiostro) !important; border-bottom:2px solid transparent; padding-bottom:4px; display:inline-block;
transition:color 300ms ease-out, border-color 300ms ease-out; }
.wca-nav ul.nav-ul a:hover{ color:var(--accento) !important; border-bottom-color:var(--accento) !important; }
.wca-header-dx.e-con{ display:flex !important; flex-direction:row !important; align-items:center !important; gap:12px !important; }
/* il burger e' un widget html: il wrapper nasce width:0 e il bottone esce dal contenitore */
.wca-header-dx > *{ flex:0 0 auto !important; width:auto !important; display:flex !important; align-items:center !important; }
.wca-htel.e-con{ background:var(--inchiostro) !important; padding:12px 22px !important;
display:inline-flex !important; align-items:center !important; flex:0 0 auto !important;
transition:background 300ms ease-out, transform 300ms ease-out; }
.wca-htel span{ color:#FFFFFF !important; font-size:15px; font-weight:700; letter-spacing:.02em; }
.wca-htel:hover{ background:var(--accento-pieno) !important; transform:translateY(-2px); }
.wca-burger{ display:none; width:44px; height:44px; padding:0; border:0; cursor:pointer; background:transparent;
flex-direction:column; justify-content:center; gap:5px; align-items:center; }
.wca-burger span{ display:block; width:26px; height:2.5px; background:var(--accento-pieno);
transition:transform 300ms ease-out, opacity 300ms ease-out; }
.wca-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.wca-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.wca-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
/* il menu mobile vive DENTRO l'header ma FUORI dal flusso della riga (da flex item si apriva fuori schermo) */
.wca-mobile.e-con{ display:none !important; background:var(--superficie) !important;
padding:6px 22px 22px !important; flex-direction:column !important; gap:0 !important;
border-bottom:1px solid var(--riga) !important; position:absolute !important; top:100% !important;
left:0 !important; right:0 !important; width:100% !important; z-index:60 !important;
box-shadow:0 18px 40px -18px rgba(0,0,0,.28) !important; }
.wca-mobile.aperto{ display:flex !important; }
.wca-mobile ul.nav-ul{ display:flex !important; flex-direction:column !important; list-style:none !important;
margin:0 !important; padding:0 !important; width:100% !important; }
.wca-mobile ul.nav-ul li{ border-bottom:1px solid var(--riga); }
.wca-mobile ul.nav-ul li:last-child{ border-bottom:0; }
.wca-mobile .elementor-widget-shortcode, .wca-mobile .elementor-shortcode{ width:100% !important; display:block !important; }
.wca-mobile ul.nav-ul a{ display:block; padding:16px 2px; font-size:18px; font-weight:600;
color:var(--inchiostro) !important; text-align:center !important; }
.wca-mobile ul.nav-ul a:hover{ color:var(--accento) !important; }
.wca-mobile-tel.e-con{ margin-top:18px !important; background:var(--inchiostro) !important; padding:15px 20px !important;
display:flex !important; flex-direction:column !important; gap:2px !important; align-items:center !important; width:100% !important; }
/* il tema colora ogni ancora: si vince alzando la specificita' (tag + classe) */
a.wca-mobile-tel span.et{ color:#CFCBD6 !important; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; }
a.wca-mobile-tel span.nu{ color:#FFFFFF !important; font-size:23px; font-weight:700; font-family:"Archivo","Archivo fallback","Arial",sans-serif; }/* =================== bottoni (pill o sharp, mai 6px di raggio) =================== */
.wca-btn.e-con{ background:var(--accento-pieno) !important; padding:16px 32px !important;
display:inline-flex !important; align-items:center !important; flex:0 0 auto !important; width:auto !important;
transition:background 300ms ease-out, transform 300ms ease-out; }
.wca-btn span{ color:#FFFFFF !important; font-size:14px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.wca-btn:hover{ transform:translateY(-2px); filter:brightness(.92); }
.wca-btn-tel.e-con{ background:transparent !important; border:2px solid var(--inchiostro) !important;
padding:12px 26px !important; display:inline-flex !important; flex-direction:column !important;
align-items:flex-start !important; flex:0 0 auto !important; width:auto !important;
transition:background 300ms ease-out, transform 300ms ease-out; }
.wca-btn-tel .et{ font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--secondario) !important; }
.wca-btn-tel .nu{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:23px; font-weight:700; color:var(--inchiostro) !important; }
.wca-btn-tel:hover{ background:var(--superficie) !important; transform:translateY(-2px); }
.wca-sez.scura .wca-btn-tel:hover{ background:rgba(255,255,255,.1) !important; } /* sul fondo scuro il fondo chiaro nascondeva il numero (18 set 2026) */
.wca-cta-riga.e-con{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important;
align-items:center !important; gap:16px !important; width:auto !important; }
.wca-cta-riga > *{ width:auto !important; flex:0 0 auto !important; }/* =================== 900: si passa al burger =================== */
@media (max-width:900px){
.wca-nav.e-con{ display:none !important; }
.wca-burger{ display:flex; }
.wca-header.e-con{ padding:14px 20px !important; }
.wca-htel.e-con{ display:none !important; }
}
/* =================== 600 =================== */
@media (max-width:600px){
.wca-topbar.e-con{ padding:9px 22px !important; justify-content:center !important; text-align:center !important; gap:0 !important; }
.wca-topbar .zona{ display:none !important; }
/* la mail puo' avere 26+ caratteri (info@volantinaggioaroma.it): a 375 con nowrap sfora
a destra e la pagina scorre in orizzontale. Si lascia andare a capo, e sotto i 480
la mail si toglie: sta gia' nel preventivo e nel piede. (cura del 10 set 2026) */
.wca-topbar-dx.e-con{ gap:6px 16px !important; justify-content:center !important; flex-wrap:wrap !important; }
.wca-topbar span{ font-size:12px; letter-spacing:.06em; }
.wca-header.e-con{ padding:14px 22px !important; }
/* a 375 i flex-row coi figli che non si restringono sforano: la CTA va in colonna */
.wca-cta-riga.e-con{ flex-direction:column !important; align-items:stretch !important; width:100% !important; gap:12px !important; }
.wca-cta-riga > *{ width:100% !important; }
.wca-btn.e-con, .wca-btn-tel.e-con{ width:100% !important; justify-content:center !important; align-items:center !important; }
body[class*="elementor-page"] a, body[class*="elementor-page"] p{ overflow-wrap:anywhere; }
}
@media (max-width:480px){
.wca-topbar-mail.e-con{ display:none !important; }
/* il payoff ha 30 caratteri in maiuscolo spaziato: con flex:0 0 auto il marchio non
si restringe e spinge il burger oltre il bordo (misurato: header-dx a 348-392 su
375). Sotto i 480 il payoff si toglie e il blocco del marchio puo' restringersi. */
.wca-nome .q{ display:none !important; }
.wca-header > .wca-marchio{ flex:1 1 auto !important; min-width:0 !important; }
.wca-nome.e-con{ min-width:0 !important; }
}/* =================== sezioni (chiara / alta / scura) =================== */
.wca-sez.e-con{ display:block !important; }
.wca-sez-wrap.e-con{ display:flex !important; flex-direction:column !important; max-width:1200px !important;
margin:0 auto !important; padding:104px 40px !important; gap:0 !important; }
.wca-sez.chiara.e-con{ background:var(--carta) !important; }
.wca-sez.alta.e-con{ background:var(--superficie) !important; }
.wca-sez.scura.e-con{ background:var(--notte) !important; }
.wca-testa.e-con{ display:flex !important; flex-direction:column !important; align-items:flex-start !important;
gap:0 !important; margin-bottom:44px !important; max-width:76ch !important; }
.wca-occhiello{ font-size:12.5px !important; letter-spacing:.22em !important; text-transform:uppercase !important;
color:var(--accento) !important; font-weight:600 !important; margin-bottom:18px !important; }
.wca-h2{ font-size:44px !important; color:var(--inchiostro) !important; margin-bottom:18px !important; }
.wca-intro{ font-size:19px; color:var(--secondario) !important; line-height:1.6; max-width:66ch; }
.wca-intro b{ color:var(--inchiostro); font-weight:600; }
/* una classe di testo deve reggere su ENTRAMBI i fondi: le varianti scure stanno qui una volta */
.wca-sez.scura .wca-h2{ color:#FFFFFF !important; }
.wca-sez.scura .wca-occhiello{ color:var(--accento-notte) !important; }
.wca-sez.scura .wca-intro{ color:#CFCBD6 !important; }
.wca-sez.scura .wca-intro b{ color:#FFFFFF; }
.wca-nota{ font-size:15.5px; line-height:1.55; }
.wca-sez.chiara .wca-nota, .wca-sez.alta .wca-nota{ color:#3A3742 !important; }
.wca-sez.scura .wca-nota{ color:#CFCBD6 !important; }/* =================== apertura delle pagine interne: la RISPOSTA, non la scena =================== */
.wca-apertura.e-con{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; max-width:74ch !important; }
.wca-h1{ font-family:"Archivo","Archivo fallback","Arial",sans-serif !important; font-size:54px !important; font-weight:700 !important; line-height:1.05 !important;
letter-spacing:-.02em; color:var(--inchiostro) !important; margin-bottom:22px !important; max-width:20ch; }
.wca-h1 .ris{ color:var(--accento) !important; display:block; }
.wca-risposta{ font-size:21px !important; line-height:1.55 !important; color:#2C2A33 !important; max-width:62ch; margin-bottom:26px !important; }
.wca-risposta b{ color:var(--inchiostro) !important; font-weight:700; }/* =================== elenco con il segno =================== */
.wca-elenco.e-con{ display:flex !important; flex-direction:column !important; gap:9px !important; list-style:none !important;
width:100% !important; border-top:1px solid var(--riga) !important; padding-top:18px !important; }
.wca-elenco > li{ display:flex !important; flex-direction:row !important; align-items:flex-start !important; gap:10px !important; }
.wca-elenco .seg{ color:var(--accento) !important; font-weight:700; flex:0 0 auto; }
.wca-elenco .vv{ font-size:15.5px; color:#3A3742 !important; line-height:1.5; }
.wca-sez.scura .wca-elenco .vv{ color:#CFCBD6 !important; }
.wca-sez.scura .wca-elenco .seg{ color:var(--accento-notte) !important; }
.wca-sez.scura .wca-elenco.e-con{ border-top-color:rgba(255,255,255,.18) !important; }/* =================== le scene: figura (con didascalia), scena-lato, fascia 21/9 =================== */
/* UNA fascia a tutta larghezza per pagina; la scena dentro la sezione si ferma a 900px */
.wca-figura.e-con{ display:flex !important; flex-direction:column !important; gap:10px !important; width:100% !important;
max-width:900px !important; margin:0 !important; }
.wca-figura .wca-foto{ width:100% !important; }
.wca-figura .wca-foto img{ width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; display:block; }
.wca-figura.larga .wca-foto img{ aspect-ratio:16/9; }
.wca-didascalia{ font-size:14px; color:var(--secondario) !important; line-height:1.5; border-left:3px solid var(--accento);
padding-left:12px; max-width:60ch; }
/* una figura dentro una sezione scura: la didascalia si legge (misurato 1,87 sulla landing partner, 16 set 2026) */
.wca-sez.scura .wca-didascalia{ color:#CDE0DF !important; border-left-color:var(--accento-notte); }
/* il rimando di sezione: il link contenitore nasce largo 100% e la riga sotto correva per tutta la
colonna (prezzi e cassetta, 11 set): larghezza del testo e allineato a sinistra */
.vol-link.e-con, .vol-link-notte.e-con{ width:auto !important; align-self:flex-start !important; display:inline-flex !important;
padding-bottom:3px !important; font-size:13px; letter-spacing:.12em; text-transform:uppercase; font-weight:700;
color:var(--accento) !important; border-bottom:2px solid var(--accento); }
.vol-link-notte.e-con{ color:var(--accento-notte) !important; border-bottom-color:var(--accento-notte); }
/* solo il rimando a livello di sezione prende l'aria sopra: dentro i blocchi decide la pagina (home) */
.wca-sez-wrap > .vol-link.e-con, .wca-sez-wrap > .vol-link-notte.e-con{ margin-top:24px !important; }
.wca-scena-lato.e-con{ display:grid !important; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) !important;
gap:48px !important; align-items:start !important; width:100% !important; }
.wca-scena-lato > *{ min-width:0 !important; }
.wca-blocco-testo.e-con{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:0 !important; }
.wca-fascia.e-con{ display:block !important; width:100% !important; overflow:hidden !important; }
.wca-fascia img{ width:100%; height:auto; aspect-ratio:21/9; object-fit:cover; display:block; }/* =================== FAQ native: details/summary =================== */
.wca-faq.e-con{ display:flex !important; flex-direction:column !important; gap:0 !important; border-top:1px solid var(--riga) !important; }
.wca-domanda.e-con{ display:block !important; border-bottom:1px solid var(--riga) !important; padding:0 !important; }
.wca-domanda > summary{ display:flex !important; align-items:center !important; justify-content:space-between !important;
gap:20px !important; cursor:pointer; padding:22px 4px !important; list-style:none; }
.wca-domanda > summary::-webkit-details-marker{ display:none; }
.wca-domanda > summary::after{ content:"+"; font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:26px; color:var(--accento);
flex:0 0 auto; line-height:1; transition:transform 300ms ease-out; }
.wca-domanda[open] > summary::after{ transform:rotate(45deg); }
.wca-domanda .qq{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:20px; font-weight:600; color:var(--inchiostro) !important; line-height:1.25; }
.wca-domanda .rr{ font-size:16.5px; color:#3A3742 !important; line-height:1.65; padding:0 4px 24px !important; max-width:82ch; }/* =================== preventivo: recapiti + modulo (sezione SCURA) =================== */
.wca-prev.e-con{ display:grid !important; grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr) !important;
gap:56px !important; align-items:start !important; }
.wca-prev > *{ min-width:0 !important; }
.wca-prev-info.e-con{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:0 !important; }
.wca-prev-info.e-con > *, .wca-prev-info .e-con > *{ padding-left:0 !important; padding-right:0 !important; }
.wca-recapito.e-con{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:3px !important;
margin-top:22px !important; width:100% !important; padding:18px 0 0 0 !important; border-top:1px solid rgba(255,255,255,.16) !important; }
.wca-recapito > *{ padding-left:0 !important; margin-left:0 !important; }
.wca-recapito .et{ font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#CFCBD6 !important; font-weight:600; }
.wca-recapito .vv{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:24px; color:#FFFFFF !important; font-weight:600; }
a.wca-recapito:hover .vv{ color:var(--accento-notte) !important; }
.wca-form.e-con{ background:var(--superficie) !important; padding:34px 32px 30px !important; display:block !important; }
.wca-form .elementor-widget-shortcode, .wca-form .elementor-shortcode{ width:100% !important; }/* =================== briciole (, senza parallela prendono il padding delle sezioni) =================== */
.wca-briciole.e-con{ background:var(--superficie) !important; border-bottom:1px solid var(--riga) !important; display:block !important; }
.wca-briciole-wrap.e-con{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important;
gap:9px !important; max-width:1200px !important; margin:0 auto !important; padding:14px 40px !important; list-style:none !important; }
.wca-briciole-wrap > *{ width:auto !important; flex:0 0 auto !important; }
.wca-briciole span{ font-size:13.5px; color:var(--secondario) !important; }
.wca-briciole a span{ color:var(--accento) !important; }
.wca-briciole a.attuale span{ color:var(--secondario) !important; } /* la corrente: link a se stessa, resa come testo */
.wca-briciole .sep{ color:rgba(0,0,0,.35) !important; }/* =================== sorelle: schede che promettono la pagina che c'e' =================== */
.wca-sorelle.e-con{ display:grid !important; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)) !important;
gap:20px !important; list-style:none !important; }
.wca-sorella.e-con{ display:flex !important; flex-direction:column !important; align-items:flex-start !important;
background:var(--superficie) !important; border:1px solid var(--riga) !important; padding:24px 26px 26px !important;
gap:0 !important; width:auto !important; transition:transform 300ms ease-out, border-color 300ms ease-out; }
.wca-sorella:hover{ transform:translateY(-4px); border-color:var(--accento) !important; }
.wca-sorella .tt{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:19px; font-weight:600; color:var(--inchiostro) !important; margin-bottom:7px !important; }
.wca-sorella .dd{ font-size:15px; color:#3A3742 !important; line-height:1.5; }
.wca-sorella .vai{ margin-top:12px !important; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--accento) !important; }/* =================== tabella nativa: thead/tbody/tr/th/td sono CONTENITORI col tag =================== */
.wca-tab.e-con{ display:table !important; width:100% !important; table-layout:fixed !important; border-collapse:collapse !important;
background:var(--superficie) !important; border:1px solid var(--riga) !important; }
.wca-thead.e-con{ display:table-header-group !important; }
.wca-tbody.e-con{ display:table-row-group !important; }
.wca-tr.e-con{ display:table-row !important; }
.wca-th.e-con, .wca-td.e-con{ display:table-cell !important; padding:16px 20px !important; vertical-align:top !important;
border-bottom:1px solid var(--riga) !important; text-align:left !important; }
.wca-th.e-con{ background:var(--notte) !important; }
.wca-th span{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#FFFFFF !important; }
.wca-td span{ font-size:16px; color:#3A3742 !important; line-height:1.5; }
.wca-tr:nth-child(even) .wca-td{ background:var(--carta) !important; }/* =================== piede: asimmetrico, P.IVA visibile, titoli di colonna h2 =================== */
.wca-piede.e-con{ background:var(--notte) !important; display:block !important; }
.wca-piede-wrap.e-con{ display:grid !important; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) !important;
gap:48px !important; max-width:1200px !important; margin:0 auto !important; padding:72px 40px 40px !important; }
.wca-piede-wrap > *{ min-width:0 !important; }
.wca-piede-col.e-con{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:0 !important; }
.wca-piede-col > *{ padding-left:0 !important; padding-right:0 !important; }
.wca-piede h2{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:14px !important; font-weight:600 !important; letter-spacing:.18em !important;
text-transform:uppercase; color:var(--accento-notte) !important; margin-bottom:18px !important; padding-top:4px !important; line-height:1.2 !important; }
.wca-piede .nome{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:21px; font-weight:600; color:#FFFFFF !important; text-transform:uppercase; letter-spacing:.02em; }
.wca-piede .paglia{ font-size:15.5px; color:#CFCBD6 !important; line-height:1.6; max-width:46ch; margin-bottom:20px !important; }
.wca-piede-editore.e-con{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:baseline !important;
gap:6px 22px !important; width:100% !important; padding:16px 0 0 0 !important; margin:0 !important; border-top:1px solid rgba(255,255,255,.14) !important; }
.wca-piede-editore .et{ font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--accento-notte) !important; font-weight:600; }
.wca-piede-editore .dato{ font-size:14.5px; color:#E4E1E8 !important; }
.wca-piede-voci.e-con{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:9px !important;
list-style:none !important; width:100% !important; }
.wca-piede-voci > li{ display:flex !important; align-items:flex-start !important; justify-content:flex-start !important; width:100% !important; }
.wca-piede-voci a span, .wca-piede .dato{ font-size:15px; color:#E4E1E8 !important; text-align:left !important; }
.wca-piede-voci a:hover span{ color:var(--accento-notte) !important; }
.wca-piede-basso.e-con{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important;
gap:10px 26px !important; max-width:1200px !important; margin:0 auto !important; padding:22px 40px 40px !important;
border-top:1px solid rgba(255,255,255,.14) !important; }
.wca-piede-basso > *{ width:auto !important; flex:0 0 auto !important; display:flex !important; align-items:center !important; }
.wca-piede-basso span, .wca-piede-basso a span{ font-size:13.5px; color:#CFCBD6 !important; line-height:1.4 !important; }
.wca-piede-basso a:hover span{ color:#FFFFFF !important; }
.wca-piede-basso .wca-ia{ flex-basis:100% !important; margin-top:10px !important; }
.wca-piede-basso .wca-ia span{ font-size:12.5px; color:#A9B7B6 !important; }/* =================== 1024 / 600 =================== */
@media (max-width:1024px){
.wca-sez-wrap.e-con{ padding:72px 32px !important; }
.wca-h2{ font-size:38px !important; }
.wca-h1{ font-size:44px !important; }
.wca-scena-lato.e-con{ grid-template-columns:minmax(0,1fr) !important; gap:28px !important; }
.wca-prev.e-con{ grid-template-columns:minmax(0,1fr) !important; gap:32px !important; }
.wca-piede-wrap.e-con{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
}
@media (max-width:600px){
.wca-sez-wrap.e-con{ padding:48px 22px 52px !important; }
.wca-h2{ font-size:31px !important; }
.wca-h1{ font-size:36px !important; max-width:none; }
.wca-risposta{ font-size:18px !important; }
.wca-piede-wrap.e-con{ grid-template-columns:minmax(0,1fr) !important; gap:32px !important; padding:56px 22px 28px !important; }
.wca-piede-basso.e-con{ padding:18px 22px 34px !important; }
.wca-briciole-wrap.e-con{ padding:12px 22px !important; }
/* le larghezze di colonna dichiarate con :nth-child(N) si resettano con la STESSA forma */
.wca-tab.e-con, .wca-thead.e-con, .wca-tbody.e-con, .wca-tr.e-con, .wca-th.e-con, .wca-td.e-con{ display:block !important; width:100% !important; }
.wca-tr > .wca-td:nth-child(n), .wca-tr > .wca-th:nth-child(n){ width:100% !important; }
.wca-tab.e-con, .wca-thead.e-con, .wca-tbody.e-con, .wca-tr.e-con{ padding-left:0 !important; padding-right:0 !important; }
.wca-td.e-con{ border-left:0 !important; border-right:0 !important; border-top:0 !important; }
.wca-thead.e-con{ display:none !important; }
.wca-tr.e-con{ border-bottom:2px solid var(--riga) !important; padding:10px 0 !important; }
}/* ============================ SORELLE (zn-): la cornice comune delle forme ============================ */
.zn-fonte-riga.e-con{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; gap:4px 6px !important; align-items:baseline !important; margin-top:22px !important; }
.zn-fonte-riga .fk{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:var(--accento) !important; }
.zn-fonte-riga .fl.e-con{ width:auto !important; align-self:baseline !important; display:inline-flex !important; font-size:14px; color:var(--inchiostro) !important; border-bottom:1px solid var(--accento) !important; }
.zn-fonte-riga .fn{ font-size:13.5px; color:var(--secondario) !important; line-height:1.5; flex-basis:100% !important; }
.zn-fonte-riga .fsep{ font-size:14px; color:var(--secondario) !important; }
@media (max-width:700px){ .zn-fonte-riga .fsep{ display:none !important; } }
.wca-sez.scura .zn-fonte-riga .fl.e-con{ color:#FFFFFF !important; border-bottom-color:var(--accento-notte) !important; }
.wca-sez.scura .zn-fonte-riga .fk{ color:var(--accento-notte) !important; }
.wca-sez.scura .zn-fonte-riga .fn{ color:#CDE0DF !important; }
.zn-stima{ font-size:13.5px; color:var(--secondario) !important; line-height:1.5; margin-top:16px !important; }
.wca-sez.scura .zn-stima{ color:#CDE0DF !important; }
/* la striscia fotografica: tre scene, la stessa altezza */
.zn-striscia-sez .wca-sez-wrap.e-con{ padding-top:56px !important; padding-bottom:56px !important; }
.zn-striscia.e-con{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:18px !important; }
.zn-striscia > *{ min-width:0 !important; }
.zn-striscia .wca-figura.e-con{ max-width:none !important; }
.zn-striscia img.wca-foto{ aspect-ratio:4/3; }
.zn-striscia.n4.e-con{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; }
.zn-striscia.n2.e-con{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
@media (max-width:1024px){ .zn-striscia.n4.e-con{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; } }
@media (max-width:820px){ .zn-striscia.e-con, .zn-striscia.n4.e-con, .zn-striscia.n2.e-con{ grid-template-columns:minmax(0,1fr) !important; } }/* la riga delle tre uscite: stessa altezza (60px), sotto il blocco, a tutta larghezza; sul mobile in colonna */
.zn-cta.e-con{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:stretch !important; gap:14px !important; width:100% !important; margin-top:30px !important; }
.zn-cta > .e-con{ width:auto !important; flex:0 0 auto !important; min-height:60px !important; box-sizing:border-box !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; padding-top:0 !important; padding-bottom:0 !important; }
.zn-cta .wca-btn.e-con{ padding:0 30px !important; }
.zn-cta .wca-btn-tel.e-con{ flex-direction:column !important; align-items:flex-start !important; padding:0 22px !important; gap:0 !important; }
.zn-cta .wca-btn-tel .et{ line-height:1.2; }
.zn-cta .wca-btn-tel .nu{ font-size:21px; line-height:1.1; }
.zn-cta .wca-btn-wa.e-con{ padding:0 22px !important; }
.wca-sez.scura .zn-cta .wca-btn-tel.e-con{ border-color:#FFFFFF !important; }
@media (min-width:768px) and (max-width:1024px){
/* tablet: tre bottoni della stessa larghezza su una riga, testo un filo piu' compatto */
.zn-cta.e-con{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:12px !important; }
.zn-cta > .e-con{ width:100% !important; padding-left:10px !important; padding-right:10px !important; }
.zn-cta .wca-btn span, .zn-cta .wca-btn-wa span{ font-size:12px; letter-spacing:.04em; white-space:nowrap; }
.zn-cta .wca-btn-tel.e-con{ align-items:center !important; }
.zn-cta .wca-btn-tel .nu{ font-size:19px; }
.zn-cta .wca-btn-wa.e-con{ gap:8px !important; }
}
@media (max-width:767px){
.zn-cta.e-con{ flex-direction:column !important; gap:10px !important; margin-top:24px !important; }
.zn-cta > .e-con{ width:100% !important; min-height:56px !important; }
.zn-cta .wca-btn-tel.e-con{ flex-direction:row !important; align-items:center !important; justify-content:center !important; gap:10px !important; }
.zn-cta .wca-btn-tel .et{ line-height:1; }
.zn-cta .wca-btn-tel .nu{ line-height:1; }
}
/* WhatsApp: la terza uscita, bordo petrolio, icona a sinistra */
.wca-btn-wa.e-con{ background:transparent !important; border:2px solid var(--notte) !important; padding:14px 22px !important;
display:inline-flex !important; flex-direction:row !important; align-items:center !important; gap:10px !important; flex:0 0 auto !important; width:auto !important;
transition:background 300ms ease-out, transform 300ms ease-out; }
.wca-btn-wa span{ color:var(--notte) !important; font-size:14px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.wca-btn-wa .zn-ico{ width:22px !important; height:22px !important; color:var(--notte); }
.wca-btn-wa:hover{ background:var(--superficie) !important; transform:translateY(-2px); }
.wca-btn-wa.notte.e-con{ border-color:#FFFFFF !important; }
.wca-btn-wa.notte span, .wca-btn-wa.notte .zn-ico{ color:#FFFFFF !important; }
.wca-btn-wa.notte:hover{ background:rgba(255,255,255,.08) !important; }
.wca-sez.scura .wca-btn-tel.e-con{ border-color:#FFFFFF !important; }
.wca-sez.scura .wca-btn-tel .et, .wca-sez.scura .wca-btn-tel .nu{ color:#FFFFFF !important; }
.wca-sez.scura .wca-btn-tel:hover{ background:rgba(255,255,255,.1) !important; } /* sul fondo scuro il fondo chiaro del hover nascondeva il numero (Testaccio, 18 set 2026) */
.zn-rec-wa-riga.e-con{ display:flex !important; flex-direction:row !important; align-items:center !important; gap:10px !important; }
.zn-rec-wa-riga .zn-ico{ width:24px !important; height:24px !important; color:var(--accento-notte); }
a.zn-rec-wa:hover .vv{ color:var(--accento-notte) !important; }
/* icone: misura alla classe, il colore dal contesto */
.zn-ico{ display:block !important; width:28px !important; height:28px !important; min-width:0 !important; color:var(--accento); flex:0 0 auto !important; }
.zn-ico svg{ width:100% !important; height:100% !important; display:block !important; }
.zn-ico.notte{ color:var(--accento-notte); }
.zn-ico.grande{ width:36px !important; height:36px !important; }
@media (max-width:767px){ .wca-btn-wa.e-con{ width:100% !important; justify-content:center !important; } }.mn-zone.e-con{ display:flex !important; flex-direction:column !important; gap:0 !important; list-style:none !important; }
.mn-zone > li{ display:grid !important; grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.9fr) minmax(0,.9fr) !important; gap:12px !important; align-items:baseline !important; padding:12px 0 !important; border-top:1px solid var(--riga) !important; }
.mn-zone > li:last-child{ border-bottom:1px solid var(--riga) !important; }
.mn-zone .mn-zn.e-con{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:baseline !important; gap:0 8px !important; }
.mn-zone .mn-znome, .mn-zlink span{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:18px; font-weight:600; letter-spacing:-.01em; color:var(--inchiostro) !important; line-height:1.3; }
.mn-zlink.e-con{ width:auto !important; display:inline-flex !important; border-bottom:2px solid var(--accento) !important; text-decoration:none !important; }
.mn-zlink span{ color:var(--notte) !important; text-decoration:none !important; }
.mn-zlink:hover span{ color:var(--accento) !important; }
.mn-zone .mn-zc{ font-size:13px; color:var(--secondario) !important; }
.mn-zone .mn-zp{ font-size:14.5px; color:var(--secondario) !important; }
.mn-zone .mn-zd{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:17px; font-weight:700; color:var(--inchiostro) !important; text-align:right; white-space:nowrap; }
.mn-zone .mn-zv, .mn-zone .mn-zv span{ font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--accento) !important; text-align:right; white-space:nowrap; text-decoration:none !important; }
.mn-zone .mn-zv.e-con{ width:auto !important; display:inline-flex !important; justify-self:end !important; }
.mn-zone a.mn-zv:hover span{ color:var(--notte) !important; }
.mn-zone > li.pub{ background:var(--carta) !important; padding:12px 10px !important; margin:0 -10px !important; }
.mn-qz.e-con{ display:flex !important; flex-direction:row !important; }
.mn-quale .mn-zlink span, .mn-quale .mn-znome{ font-size:22px; }
@media (max-width:820px){ .mn-zone > li{ grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) !important; gap:4px 12px !important; } .mn-zone .mn-zp{ grid-column:1; } .mn-zone .mn-zd{ text-align:left; grid-column:2; grid-row:1; } .mn-zone .mn-zv, .mn-zone .mn-zv.e-con{ grid-column:2; text-align:left; justify-self:start !important; } }.zn-apri-grid.e-con{ display:grid !important; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) !important; gap:56px !important; align-items:end !important; margin-bottom:0 !important; }
.zn-apri-grid .wca-risposta{ margin-bottom:0 !important; }
.zn-apri-larga .wca-figura.larga.e-con, .zn-apri-dom .wca-figura.larga.e-con{ margin-top:44px !important; }
.zn-apri-grid > *{ min-width:0 !important; }
.zn-apri-grid .wca-apertura.e-con{ max-width:none !important; }
.zn-cifre.e-con{ display:flex !important; flex-direction:column !important; gap:0 !important; list-style:none !important; border-top:1px solid var(--riga) !important; }
.zn-cifre > li{ display:flex !important; flex-direction:column !important; gap:2px !important; padding:16px 0 !important; border-bottom:1px solid var(--riga) !important; }
.zn-cifre .nu{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:34px; font-weight:700; letter-spacing:-.03em; line-height:1; color:var(--accento) !important; white-space:nowrap; }
.zn-cifre .et{ font-size:14px; color:var(--secondario) !important; line-height:1.45; }
.zn-apri-larga .wca-figura.larga.e-con{ max-width:none !important; }
@media (max-width:1024px){ .zn-apri-grid.e-con{ grid-template-columns:minmax(0,1fr) !important; gap:28px !important; } }.zn-scheda.e-con{ display:flex !important; flex-direction:column !important; gap:0 !important; list-style:none !important; width:100% !important; border-top:1px solid var(--riga) !important; }
.zn-scheda > li{ display:grid !important; grid-template-columns:96px minmax(0,1fr) !important; gap:14px !important; align-items:start !important; padding:13px 0 !important; border-bottom:1px solid var(--riga) !important; }
.zn-scheda .k{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:12.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:600; color:var(--accento) !important; padding-top:3px; }
.zn-scheda .v{ font-size:15.5px; color:#3A4645 !important; line-height:1.5; }
.zn-scheda .v b{ color:var(--inchiostro); font-weight:600; }
.zn-scheda.con-ico > li{ grid-template-columns:28px 88px minmax(0,1fr) !important; align-items:start !important; }
@media (max-width:700px){
.zn-scheda.con-ico > li{ grid-template-columns:28px minmax(0,1fr) !important; gap:4px 14px !important; }
.zn-scheda.con-ico .v{ grid-column:2; }
}
.zn-apri-dom .wca-figura.larga.e-con{ max-width:none !important; }.zn-no.e-con, .zn-regole.e-con{ display:flex !important; flex-direction:column !important; gap:0 !important; list-style:none !important; }
.zn-no > li, .zn-regole > li{ display:grid !important; grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) !important; gap:32px !important; align-items:start !important; padding:20px 0 !important; border-top:1px solid var(--riga) !important; }
.zn-no > li:last-child, .zn-regole > li:last-child{ border-bottom:1px solid var(--riga) !important; }
.zn-no .gt, .zn-regole .gt{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:20px; font-weight:600; letter-spacing:-.01em; line-height:1.25; color:var(--inchiostro) !important; }
.zn-no .gd, .zn-regole .gd{ font-size:15.5px; color:#3A4645 !important; line-height:1.55; }
.zn-no .gd b, .zn-regole .gd b{ color:var(--inchiostro); font-weight:600; }
.zn-no.con-ico > li, .zn-regole.con-ico > li{ grid-template-columns:28px minmax(0,.9fr) minmax(0,1.6fr) !important; gap:18px !important; }
.zn-no-grid .zn-no.con-ico > li{ grid-template-columns:28px minmax(0,1fr) !important; }
.zn-no-grid .zn-no.con-ico .gd{ grid-column:2; }
@media (max-width:700px){ .zn-no > li, .zn-regole > li, .zn-no.con-ico > li, .zn-regole.con-ico > li{ grid-template-columns:28px minmax(0,1fr) !important; gap:6px 14px !important; } .zn-no.con-ico .gd, .zn-regole.con-ico .gd{ grid-column:2; } }.zn-tre.e-con{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:0 !important; list-style:none !important; }
.zn-tre > li{ min-width:0 !important; display:flex !important; flex-direction:column !important; gap:8px !important; padding:8px 28px 8px 0 !important; border-left:1px solid var(--riga) !important; padding-left:28px !important; }
.zn-tre > li:first-child{ border-left:0 !important; padding-left:0 !important; }
.zn-tre > li > .zn-ico{ margin-bottom:6px !important; }
.zn-tre .nu{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:44px; font-weight:700; letter-spacing:-.03em; line-height:1; color:var(--accento) !important; white-space:nowrap; }
.zn-tre .et{ font-size:15px; color:#3A4645 !important; line-height:1.5; }
@media (max-width:900px){ .zn-tre.e-con{ grid-template-columns:minmax(0,1fr) !important; } .zn-tre > li{ border-left:0 !important; padding:16px 0 !important; border-top:1px solid var(--riga) !important; } .zn-tre > li:first-child{ border-top:0 !important; padding-top:0 !important; } }.zn-quattro.e-con{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; }
.zn-quattro .nu{ font-size:36px; }
@media (max-width:1024px){ .zn-quattro.e-con{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:24px 0 !important; } .zn-quattro > li:nth-child(3){ border-left:0 !important; padding-left:0 !important; } }
@media (max-width:900px){ .zn-quattro.e-con{ grid-template-columns:minmax(0,1fr) !important; gap:0 !important; } }.zn-verdetto.e-con{ display:flex !important; flex-direction:column !important; gap:18px !important; align-items:flex-start !important; background:var(--carta) !important; border-left:4px solid var(--accento) !important; padding:30px 34px !important; }
.zn-verdetto .vf{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:28px; font-weight:600; letter-spacing:-.015em; line-height:1.25; color:var(--inchiostro) !important; }
.zn-verdetto .vp{ font-size:16px; color:#3A4645 !important; line-height:1.6; }
@media (max-width:700px){ .zn-verdetto .vf{ font-size:22px; } .zn-verdetto.e-con{ padding:22px 20px !important; } }.zn-uscita.e-con{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0 !important; align-items:center !important; max-width:760px !important; }
.zn-banda-sez .zn-cta.e-con{ margin-top:26px !important; }
.zn-uscita > *{ min-width:0 !important; }
.zn-uscita-testo.e-con{ display:flex !important; flex-direction:column !important; gap:8px !important; }
.zn-uscita .ut{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:30px; font-weight:700; letter-spacing:-.02em; line-height:1.15; color:#FFFFFF !important; }
.zn-uscita .ud{ font-size:16px; color:#CDE0DF !important; line-height:1.55; }
.zn-banda-sez .wca-cta-riga .wca-btn-tel .et, .zn-banda-sez .wca-cta-riga .wca-btn-tel .nu{ color:#FFFFFF !important; }
.zn-recapiti.e-con{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:24px !important; align-items:stretch !important; }
.zn-recapiti > *{ min-width:0 !important; }
.zn-rec.e-con{ display:flex !important; flex-direction:column !important; gap:6px !important; padding:24px !important; border:1px solid var(--riga) !important; background:var(--carta) !important; width:auto !important; }
.zn-rec > .zn-ico, .zn-porta > .zn-ico{ margin-bottom:8px !important; }
.zn-rec .et{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:12.5px; letter-spacing:.2em; text-transform:uppercase; font-weight:600; color:var(--accento) !important; }
.zn-rec .vv{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:24px; font-weight:700; letter-spacing:-.02em; color:var(--inchiostro) !important; line-height:1.2; overflow-wrap:anywhere; }
.zn-rec .vd{ font-size:14px; color:var(--secondario) !important; line-height:1.5; }
.zn-riga-uscita.e-con{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0 !important; align-items:center !important; padding:26px 0 0 !important; border-top:1px solid var(--riga) !important; }
.zn-riga-uscita > *{ min-width:0 !important; }
.zn-riga-uscita .rt{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:24px; font-weight:600; letter-spacing:-.015em; line-height:1.25; color:var(--inchiostro) !important; }
.zn-riga-uscita .wca-cta-riga.e-con{ margin-top:0 !important; }
.zn-porte.e-con{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:24px !important; align-items:stretch !important; }
.zn-porte > *{ min-width:0 !important; }
.zn-porta.e-con{ display:flex !important; flex-direction:column !important; gap:8px !important; padding:28px !important; background:var(--notte) !important; width:auto !important; }
.zn-porta.chiara.e-con{ background:var(--carta) !important; border:1px solid var(--riga) !important; }
.zn-porta .pt{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:12.5px; letter-spacing:.2em; text-transform:uppercase; font-weight:600; color:var(--accento-notte) !important; }
.zn-porta.chiara .pt{ color:var(--accento) !important; }
.zn-porta .pv{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:28px; font-weight:700; letter-spacing:-.02em; color:#FFFFFF !important; line-height:1.15; }
.zn-porta.chiara .pv{ color:var(--inchiostro) !important; }
.zn-porta .pd{ font-size:15px; color:#CDE0DF !important; line-height:1.5; }
.zn-porta.chiara .pd{ color:var(--secondario) !important; }
@media (max-width:900px){ .zn-uscita.e-con, .zn-riga-uscita.e-con, .zn-porte.e-con{ grid-template-columns:minmax(0,1fr) !important; gap:18px !important; } .zn-recapiti.e-con{ grid-template-columns:minmax(0,1fr) !important; } .zn-uscita .ut{ font-size:24px; } }.zn-dove-grid.e-con{ display:grid !important; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important; gap:40px !important; align-items:start !important; }
.zn-dove-grid.inversa.e-con{ grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) !important; }
.zn-dove-grid > *{ min-width:0 !important; }
.zn-dove .wca-figura.e-con{ max-width:none !important; }
.zn-dove-grid .wca-figura img.wca-foto{ aspect-ratio:16/9; }
.zn-dove .wca-figura.larga img.wca-foto{ aspect-ratio:16/9; }
.zn-rif.e-con{ display:flex !important; flex-direction:column !important; gap:0 !important; list-style:none !important; }
.zn-rif > li{ display:grid !important; grid-template-columns:28px minmax(0,1fr) !important; gap:14px !important; align-items:start !important; padding:13px 0 !important; border-top:1px solid var(--riga) !important; }
.zn-rif > li:last-child{ border-bottom:1px solid var(--riga) !important; }
.zn-rif .rb.e-con{ display:flex !important; flex-direction:column !important; gap:2px !important; }
.zn-rif .rk{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:var(--accento) !important; }
.zn-rif .rv{ font-size:15.5px; color:#3A4645 !important; line-height:1.5; }
.zn-rif.chips.e-con{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:0 32px !important; margin-top:22px !important; }
.zn-rif.chips > li{ min-width:0 !important; }
@media (max-width:1024px){ .zn-dove-grid.e-con, .zn-dove-grid.inversa.e-con{ grid-template-columns:minmax(0,1fr) !important; gap:24px !important; } .zn-rif.chips.e-con{ grid-template-columns:minmax(0,1fr) !important; } }
@media (max-width:700px){ .zn-dove .wca-figura img.wca-foto, .zn-dove .wca-figura.larga img.wca-foto{ aspect-ratio:4/3 !important; object-fit:cover !important; width:100% !important; height:auto !important; } }.zn-patto.e-con{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:48px !important; align-items:start !important; }
.zn-patto > *{ min-width:0 !important; }
.zn-patto-col.e-con{ display:flex !important; flex-direction:column !important; gap:10px !important; }
.zn-patto-col .pc-tit{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:12.5px; letter-spacing:.22em; text-transform:uppercase; font-weight:600; color:var(--accento) !important; }
.zn-patto-voci.e-con{ display:flex !important; flex-direction:column !important; gap:0 !important; list-style:none !important; }
.zn-patto-voci > li{ display:flex !important; flex-direction:column !important; gap:3px !important; padding:14px 0 !important; border-top:1px solid var(--riga) !important; }
.zn-patto-voci > li:last-child{ border-bottom:1px solid var(--riga) !important; }
.zn-patto-voci .kk{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:18px; font-weight:600; color:var(--inchiostro) !important; line-height:1.3; }
.zn-patto-voci .kd{ font-size:15px; color:#3A4645 !important; line-height:1.5; }
@media (max-width:820px){ .zn-patto.e-con{ grid-template-columns:minmax(0,1fr) !important; gap:24px !important; } }
.zn-ct-col.e-con{ display:flex !important; flex-direction:column !important; gap:10px !important; }
.zn-ct-tit.e-con{ display:flex !important; flex-direction:row !important; align-items:center !important; gap:10px !important; }.zn-passi.e-con{ display:flex !important; flex-direction:column !important; gap:0 !important; list-style:none !important; }
.zn-passi > li{ display:grid !important; grid-template-columns:44px minmax(0,1fr) !important; gap:14px !important; align-items:start !important; padding:16px 0 !important; border-top:1px solid var(--riga) !important; }
.zn-passi > li:last-child{ border-bottom:1px solid var(--riga) !important; }
.zn-passi .np{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:30px; font-weight:700; color:var(--accento) !important; line-height:1; }
.zn-passi .pb.e-con{ display:flex !important; flex-direction:column !important; gap:3px !important; }
.zn-passi .pt{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:18px; font-weight:600; color:var(--inchiostro) !important; line-height:1.3; }
.zn-passi .pd{ font-size:15px; color:#3A4645 !important; line-height:1.5; }
.zn-metodo.e-con{ display:grid !important; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) !important; gap:48px !important; align-items:start !important; }
.zn-metodo > *{ min-width:0 !important; }
.zn-metodo .wca-figura.e-con{ max-width:none !important; }
@media (max-width:1024px){ .zn-metodo.e-con{ grid-template-columns:minmax(0,1fr) !important; gap:28px !important; } }.zn-perc.e-con{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:0 !important; list-style:none !important; }
.zn-perc > li{ min-width:0 !important; display:flex !important; flex-direction:column !important; gap:10px !important; padding:8px 32px 8px 0 !important; border-left:1px solid var(--riga) !important; padding-left:28px !important; }
.zn-perc > li:first-child{ border-left:0 !important; padding-left:0 !important; }
.zn-perc .tt{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:22px; font-weight:600; letter-spacing:-.01em; line-height:1.2; color:var(--inchiostro) !important; }
.zn-perc .td{ font-size:15.5px; color:#3A4645 !important; line-height:1.55; }
.zn-perc .tv{ font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--accento) !important; margin-top:auto; padding-top:8px; }
@media (max-width:900px){ .zn-perc.e-con{ grid-template-columns:minmax(0,1fr) !important; } .zn-perc > li{ border-left:0 !important; padding:18px 0 !important; border-top:1px solid var(--riga) !important; } .zn-perc > li:first-child{ border-top:0 !important; padding-top:0 !important; } .zn-perc .tv{ margin-top:0; } }.zn-partner.e-con{ display:grid !important; grid-template-columns:36px minmax(0,1fr) auto !important; gap:22px !important; align-items:center !important; padding:28px 32px !important; border:1px solid var(--riga) !important; background:var(--carta) !important; }
.zn-partner > *{ min-width:0 !important; }
.zn-partner-testo.e-con{ display:flex !important; flex-direction:column !important; gap:4px !important; }
.zn-partner .pt{ font-family:"Archivo","Archivo fallback","Arial",sans-serif; font-size:22px; font-weight:600; letter-spacing:-.01em; line-height:1.25; color:var(--inchiostro) !important; }
.zn-partner .pd{ font-size:15px; color:#3A4645 !important; line-height:1.55; }
.zn-partner-btn.e-con{ white-space:nowrap; }
@media (max-width:900px){ .zn-partner.e-con{ grid-template-columns:minmax(0,1fr) !important; gap:12px !important; padding:22px !important; } .zn-partner-btn.e-con{ width:100% !important; justify-content:center !important; } }/* ============ PREVENZIONE COMUNE (guscio_comune.py) ============
Difetti che il crawl gemello prende su OGNI pagina, e che si chiudono una volta
sola nella cornice. Ogni riga qui dentro ha un finding dietro, misurato. *//* --- TOCCABILI SOTTO 24x24 (WCAG 2.5.8, ed e' un finding del crawl).
Misurato il 2 set su affissioni: il link email era 158x20 e la briciola «Home»
34x22. La cura non e' ingrandire il testo, che sposterebbe il disegno: e' dare
AREA al bersaglio con padding verticale e min-height, lasciando il font com'e'.
Si esclude cio' che non e' nostro (il banner cookie ha le sue classi bc-*). */
a:not(.bc-privacy-readmore):not([class*="bc-"]),
button:not([class*="bc-"]),
summary{ min-height:24px; }
/* i link INLINE dentro un paragrafo non si toccano: allargarli spezzerebbe la riga.
Si allargano solo quelli che stanno per conto loro (blocco, flex o griglia). */
a:not([class*="bc-"]):where(.e-con, [class*="af-"], [class*="wca-"]){
display:flex; align-items:center; }
/* i bersagli piccoli e isolati (email, telefono, briciole, voci di piede) prendono
l'area con lo pseudo-elemento, che NON sposta il testo di una virgola */
.wca-tocc{ position:relative; }
.wca-tocc::after{ content:""; position:absolute; left:0; right:0; top:50%;
transform:translateY(-50%); height:24px; }/* --- LINK DENTRO IL TESTO: colore ereditato e area toccabile.
Misurato il 2 set: i link inline aggiunti nei paragrafi uscivano a 1,38 di
contrasto (il colore glielo dava il tema, su un fondo che non e' il suo) e alti
21px. `color:inherit` e' la cura che vale ovunque: il testo attorno ha gia' il
contrasto verificato, quindi il link ce l'ha per costruzione, su fondo chiaro
come su fondo scuro. La sottolineatura resta, o il link non si distingue piu'.
Il padding verticale non sposta la riga ma allarga il rettangolo del bersaglio. */
/* ⚠️ `!important` su padding e decorazione non e' esagerazione: senza, il reset di
piattaforma li azzera e il link resta alto 21px e senza sottolineatura (misurato
sul vivo il 2 set, prima con la regola debole e poi con questa). */
/* ⚠️ `label a` e `.campo a` sono qui dal 7 set 2026, e il perche' e' il buco del
foglio comune: la cura sopra esisteva gia' da cinque giorni, ma i link dentro le
spunte del modulo (l'informativa privacy e la policy) non stanno in un p, in uno
span, in un li ne' in un td: stanno dentro una , che nell'elenco non
c'era. Risultato misurato con Lighthouse mobile su affissioni.roma.it: magenta
#a8005e sul testo #17161b, 2,42:1 contro il 3:1 minimo, e nessuna sottolineatura
(axe link-in-text-block, uno dei due soli falliti di accessibilita').
La lezione vale piu' della riga: una cura in libreria non e' una cura applicata
finche' non si e' cercato il suo selettore nell'HTML SERVITO della pagina. */
p a, span a, li a, td a, label a, .campo a{ color:inherit !important;
text-decoration:underline !important; text-underline-offset:.18em;
text-decoration-thickness:.06em; padding-block:0.2em !important; }
p a:hover, span a:hover, li a:hover, td a:hover,
label a:hover, .campo a:hover{ text-decoration-thickness:.12em; }/* --- I LINK DI NAVIGAZIONE NON SONO LINK NEL TESTO (9 set 2026, misurato su
pellet.roma.it, primo sito della flotta su tema Neve).
La cura sopra prende anche le voci di menu, perche' stanno in un: il computed
del servito diceva `text-decoration: underline` su ogni voce della navigazione, e un
menu sottolineato non e' leggibilita', e' rumore. Non si abbassa la specificita' del
vincitore (i link nel testo devono restare sottolineati: axe link-in-text-block): si
ALZA quella del perdente, aggiungendo il contenitore di navigazione al selettore.
Il padding verticale NON si tocca: e' l'area di tocco da 44px sul mobile.
La sottolineatura torna all'hover, perche' tutto cio' che e' cliccabile deve reagire. */
nav li a, .wca-nav li a, .wca-mobile li a, .wca-piede li a, .wca-briciole li a,
.wca-sorelle li a, ul.nav-ul li a{ text-decoration:none !important; }
nav li a:hover, .wca-nav li a:hover, .wca-mobile li a:hover, .wca-piede li a:hover,
.wca-briciole li a:hover, .wca-sorelle li a:hover, ul.nav-ul li a:hover{
text-decoration:underline !important; text-underline-offset:.18em; }/* --- PAROLE LUNGHE CHE SFORANO A 390 (finding «sfora in larghezza su mobile»).
Un indirizzo email o un numero scritti in un font grande non si spezzano da soli:
a 390px il testo esce dal viewport e la pagina scorre in orizzontale. Misurato sui
contatti: l'email in Oswald 27px arrivava a 463px su 390.
`anywhere` e non `break-word`: break-word spezza solo se la parola e' l'unica cosa
nella riga, anywhere spezza sempre quando serve. */
main a, main span, main p, main td{ overflow-wrap:anywhere; }
main .e-con{ max-width:100% !important; }
/* un bottone con `flex:0 0 auto` non si restringe: se l'etichetta e' lunga esce dallo
schermo. Il tetto glielo mette il contenitore, non il contenuto. */
main a[class*="btn"]{ min-width:0 !important; max-width:100% !important; }/* --- il contenuto principale: il tag e' `main`, qui solo la forma neutra.
⚠️ `main.e-con` va nel reset dei contenitori del sito insieme a section/div/a:
senza, si tiene il padding di serie di Elementor (10px), che e' lo stesso difetto
gia' pagato sui contenitori-link (58px di altezza spuria nel piede). */
main.e-con{ padding:0 !important; }
main.wca-main{ display:block !important; }