/* PESI (27/10/2026, foglio della grafica: «massimo 3 pesi»): nel sito restano 400, 500 (titolo HERO) e 600; i 700 del tema sono diventati 600 */
/* LIMBO — lo stile di testata e footer (25/10/2026, Antonello: «sposta il CSS di testata e footer nel tema
   figlio»). Prima stava nei moduli Codice del Theme Builder e si ripeteva dentro ogni pagina; qui si scarica una
   volta e il browser lo ricorda. Lo collega functions.php in fondo all'<head>, dopo il CSS di Divi, come quando
   stava nei moduli: le regole vincono come prima. Il carattere Work Sans lo carica già Divi (niente @import).
   Si modifica qui, poi si carica il file via FTP. */

/* ======================================================== TESTATA */
/* TESTATA FERMA IN ALTO: resta visibile mentre si scorre */
.et-l--header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:99999;margin-bottom:-36px;}
/* sotto i 600 px la barra di WordPress (solo per chi è loggato) scorre via con la pagina: la testata sta sul bordo */
@media (max-width:600px){.et-l--header{top:0;}}
/* BARRA DI SAFARI (iOS 26): Safari prende il colore dal background-color della testata ferma in cima (trasparente = bianco). Le si da il colore calcolato dallo script, ma dipinto solo dentro le lettere (background-clip:text), che hanno gia il loro colore sopra: a vista non cambia niente */
.et-l--header{background-color:var(--lz-barra,transparent);-webkit-background-clip:text;background-clip:text;}
/* LARGHEZZA: testata e footer come i contenuti (80% della finestra, al massimo 1140px; 90% su telefono): logo, contenuti e footer partono dallo stesso punto */
.et-l--header .lz-header>.et_pb_row,.et-l--footer .et_pb_row{max-width:1140px !important;}
/* la sezione della testata a tutta larghezza (sul sito ufficiale il preset predefinito delle sezioni la stringe al 90%) */
.et-l--header .lz-header{width:100% !important;max-width:100% !important;}
.et-l--header .et_pb_code:not(.lz-logo-testata){position:absolute;width:0;height:0;overflow:hidden;margin:0;}
/* VELATURA: colore di cio che passa sotto (lo imposta lo script), sfuma verso il basso */
#page-container .et-l--header .lz-header{background:transparent !important;border-bottom:0 !important;position:relative;padding-bottom:36px !important;}
.et-l--header .lz-header::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,rgba(var(--lz-velo,255,255,255),var(--lz-velo-a,.88)) 0%,rgba(var(--lz-velo,255,255,255),calc(var(--lz-velo-a,.88)*.65)) 55%,rgba(var(--lz-velo,255,255,255),0) 100%);transition:background .25s;}
.et-l--header .lz-header>.et_pb_row{position:relative;z-index:1;}
.et-l--header .lz-header .et_pb_row{padding:22px 0 !important;}
.et-l--header .lz-header .et_pb_column{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:space-between !important;gap:24px;}
/* LOGO SVG: il colore segue il Colore Primario globale */
/* IL LOGO CON LA SUA LARGHEZZA (27/10/2026, sera: la O si vedeva tagliata a destra). Con solo l'altezza e width:auto alcuni browser danno all'SVG un riquadro più stretto del disegno; ora la larghezza è data dalle proporzioni del logo (viewBox 463,57 × 103,16 = 4,494) e niente lo può stringere o tagliare */
.et-l--header .lz-logo-testata{margin:0 !important;flex:0 0 auto !important;width:auto !important;min-width:0;overflow:visible !important;}
.et-l--header .lz-logo-testata .et_pb_code_inner{overflow:visible !important;width:auto !important;}
.et-l--header .lz-logo-link{display:block;flex:0 0 auto;color:var(--gcid-primary-color,#000);line-height:0;overflow:visible;}
.et-l--header .lz-logo-svg{display:block;height:40px;width:180px;max-width:none !important;flex:0 0 auto;overflow:visible;fill:currentColor;}
.et-l--header .et_pb_menu{background:transparent !important;flex:1 1 auto;width:auto !important;margin:0 !important;}
.et-l--header .et_pb_menu .et_pb_menu_inner_container{display:flex !important;align-items:center !important;justify-content:flex-end !important;}
.et-l--header .et_pb_menu .et_pb_menu__wrap{flex:1 1 auto !important;justify-content:flex-end !important;}
.et-l--header .et_pb_menu .et_pb_menu__menu{justify-content:flex-end !important;}
.et-l--header .et_pb_menu .et_pb_menu__menu>nav>ul{margin-right:0 !important;align-items:center;gap:4px;}
.et-l--header .et_pb_menu .et-menu>li{padding:0 !important;margin:0 !important;}
/* PULSANTI PIÙ STRETTI (27/10/2026, sera, Antonello: «riduciamo il margine attorno al testo nei pulsanti»): imbottitura 10 × 20 in tutti, preset di Divi compresi */
/* LE VOCI DEL MENU SENZA RIQUADRO (27/10/2026, sera, Antonello: «più ravvicinate, non più con il riquadro, le voci solo sottolineate in giallo al passaggio, tranne contatti che resterà così»): Work Sans 600 maiuscolo a 16 px come i pulsanti, vicine (10 px per lato, 4 fra una e l'altra); al passaggio e sulla pagina aperta una riga gialla di 2 px sotto il testo. Contatti resta il riquadro pieno giallo, 13 × 26, e al passaggio diventa nero */
/* VOCI IN MAIUSCOLO, MISURE DEI PULSANTI (27/10/2026, Antonello, dal foglio della grafica): Work Sans 600 a 16 px, interlinea 1,2, imbottitura 13 × 26, come i pulsanti LIMBO del sito */
/* LE VOCI DEL MENU COME PULSANTI NORMALI A SPIGOLO VIVO (26/10/2026, Antonello: «torniamo a pulsanti normali, tutti a spigolo vivo»; prima avevano il «limbo», lato sinistro e in basso con la curva): la voce attiva e quella sotto il mouse hanno il bordo intero, 2 px, nero sul chiaro, giallo su foto e fondi scuri. Contatti resta pieno, giallo */
.et-l--header .et_pb_menu .et-menu>li>a{font-family:'Work Sans',sans-serif !important;font-weight:600 !important;font-size:16px !important;letter-spacing:.04em;text-transform:uppercase;color:#000 !important;opacity:1 !important;padding:13px 10px !important;line-height:1.2 !important;border:2px solid transparent;border-radius:0;text-decoration:underline 2px transparent !important;text-underline-offset:6px;transition:text-decoration-color .2s,background-color .2s;}
.et-l--header .et_pb_menu .et-menu>li>a:hover,.et-l--header .et_pb_menu .et-menu>li.current-menu-item>a{text-decoration-color:#DFFF00 !important;}
.et-l--header .et_pb_menu .et-menu>li:last-child{margin-left:12px !important;}
.et-l--header .et_pb_menu .et-menu>li:last-child>a{background:#DFFF00;border:2px solid #DFFF00;border-radius:0;padding:10px 20px !important;text-decoration:none !important;}
/* Contatti al passaggio resta giallo (27/10/2026, sera, Antonello: «non voglio diventi nero al passaggio del mouse») */
.et-l--header .et_pb_menu .et-menu>li:last-child>a:hover{background:#DFFF00;border-color:#DFFF00;color:#000 !important;}
body.lz-testata-scura .et-l--header .et_pb_menu .et-menu>li:last-child>a,body.lz-testata-scura .et-l--header .et_pb_menu .et-menu>li.current-menu-item:last-child>a{border-color:#DFFF00;}
.et-l--header .mobile_menu_bar:before{color:#000 !important;}
/* SULLE PAGINE CON SEZIONE HERO la testata sta sopra la foto: resta sticky come nelle altre pagine e la foto sale sotto di lei con un margine negativo pari alla sua altezza (--lz-h, la misura lo script) */
body:has(.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9) .et-l--header{margin-bottom:calc(-1 * var(--lz-h,120px));}
/* la foto HERO lascia sopra almeno l'altezza della testata + 40px: con la finestra bassa il titolo non finisce sotto logo e menu */
.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9{padding-top:calc(var(--lz-h,126px) + 40px) !important;}
/* TESTATA SU FONDO SCURO (foto o sezione): logo e voci bianchi */
body.lz-testata-scura .et-l--header .lz-logo-link{color:var(--gcid-secondary-color,#fff);}
body.lz-testata-scura .et-l--header .et_pb_menu .et-menu>li>a{color:#fff !important;}
body.lz-testata-scura .et-l--header .et_pb_menu .et-menu>li:last-child>a{color:#000 !important;}
body.lz-testata-scura .et-l--header .et_pb_menu .et-menu>li:last-child>a:hover{color:#000 !important;}
body.lz-testata-scura .et-l--header .mobile_menu_bar:before{color:#fff !important;}
body.lz-testata-scura .et-l--header .mobile_nav.opened .mobile_menu_bar:before{color:#000 !important;}
@media (max-width:980px){
/* SUL TELEFONO UNA BARRA SOTTILE, COME APPLE (25/10/2026): alta circa 44 px, traslucida e sfocata, ferma in alto, con un filo sotto. Il colore della velatura resta quello di cio che passa sotto (lo script) */
.et-l--header .lz-header .et_pb_row{padding:11px 0 !important;}
.et-l--header .lz-logo-svg{height:22px;width:99px;}
#page-container .et-l--header .lz-header{padding-bottom:0 !important;}
.et-l--header .lz-header::before{background:rgba(var(--lz-velo,255,255,255),.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:inset 0 -1px 0 rgba(0,0,0,.08);}
body.lz-testata-scura .et-l--header .lz-header::before{box-shadow:inset 0 -1px 0 rgba(255,255,255,.12);}
/* COL MENU APERTO (25/10/2026, la X spariva su Safari): niente sfocatura, che su Safari fa un livello suo e copre il pannello e la X; la X su un livello suo, sopra il pannello giallo */
.et-l--header:has(.mobile_nav.opened) .lz-header::before{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;box-shadow:none;}
.et-l--header .et_mobile_nav_menu{margin-right:0 !important;}
.et-l--header .mobile_nav .mobile_menu_bar{position:relative;z-index:100001;display:block;width:24px;height:22px;padding:0 !important;-webkit-transform:translateZ(0);transform:translateZ(0);}
/* icone menu disegnate: 24x16, centrate sull'altezza del logo (22 px) */
.et-l--header .mobile_nav .mobile_menu_bar:before{content:"" !important;position:absolute;top:3px !important;left:0;width:24px;height:16px;font-size:0 !important;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M0 1h28M0 10h28M0 19h28' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M0 1h28M0 10h28M0 19h28' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;}
.et-l--header .mobile_nav.opened .mobile_menu_bar:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M4.5 .5l19 19M23.5 .5l-19 19' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Cpath d='M4.5 .5l19 19M23.5 .5l-19 19' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;}
.et-l--header .mobile_nav.opened .et_mobile_menu{display:flex !important;flex-direction:column;justify-content:center;align-items:center;gap:18px;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:auto;min-height:100lvh;margin:0;padding:0;border:0;box-shadow:none;background:#DFFF00 !important;z-index:100000;overflow-y:auto;}
.et-l--header .mobile_nav.closed .et_mobile_menu{display:none !important;}
html:has(.et-l--header .mobile_nav.opened),body:has(.et-l--header .mobile_nav.opened){overflow:hidden;}
.et-l--header .et_mobile_menu li{width:auto;border:0;text-align:center;padding:0 !important;}
/* nel menu aperto (fondo giallo) la voce attiva sottolineata in nero: il giallo sul giallo non si vedrebbe (27/10/2026, sera); Contatti resta pieno, nero */
.et-l--header .et_mobile_menu li a{font-family:'Work Sans',sans-serif !important;font-weight:600 !important;font-size:30px !important;letter-spacing:.04em;text-transform:uppercase;color:#000 !important;background:transparent !important;border:2px solid transparent !important;border-radius:0;padding:12px 0 !important;display:block !important;width:min(260px,76vw);box-sizing:border-box;text-align:center;}
.et-l--header .et_mobile_menu li.current-menu-item a{text-decoration:underline 2px #000 !important;text-underline-offset:8px;}
/* Contatti nel menu aperto a spigolo vivo (27/10/2026, sera: sul telefono aveva ancora la curva della L in basso a sinistra, una regola vecchia vinceva sul radius senza !important) */
.et-l--header .et_mobile_menu li:last-child a{background:#000 !important;color:#DFFF00 !important;border:0 !important;border-radius:0 !important;clip-path:none !important;}
.et-l--header{margin-bottom:0;}
body:has(.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9) .et-l--header{margin-bottom:calc(-1 * var(--lz-h,44px));}
/* SEZIONE HERO su telefono: altezza piena dello schermo (anche sotto le barre di Safari), titolo e pulsanti in basso sopra la barra */
.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9{min-height:100svh;min-height:100lvh;display:flex !important;flex-direction:column;justify-content:flex-end;align-items:center !important;padding-top:120px !important;padding-bottom:calc(32px + (100lvh - 100svh)) !important;}
.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9>.et_pb_row{flex-direction:column !important;align-items:stretch !important;gap:16px;margin-top:0 !important;margin-bottom:0 !important;}
.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9>.et_pb_row>.et_pb_column{width:100% !important;max-width:100% !important;flex:0 0 auto !important;margin:0 !important;}
.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9>.et_pb_row>.et_pb_column_empty{display:none !important;}
.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9>.et_pb_row>.et_pb_column:nth-child(2){flex-direction:row !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:center !important;gap:12px;}
.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9>.et_pb_row>.et_pb_column:nth-child(2):has(>.et_pb_button_module_wrapper:only-child){justify-content:flex-end !important;}
.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9>.et_pb_row>.et_pb_column:nth-child(2)>.et_pb_button_module_wrapper{margin:0 !important;flex:0 1 auto;width:auto !important;}
/* due pulsanti: meta spazio ciascuno, uno a sinistra e uno a destra */
.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9>.et_pb_row>.et_pb_column:nth-child(2)>.et_pb_button_module_wrapper:not(:only-child){flex:1 1 0;min-width:0;}
.et-l--post .et_pb_section_0.preset--module--divi-section--rlq1ph08a9>.et_pb_row>.et_pb_column:nth-child(2)>.et_pb_button_module_wrapper:not(:only-child) .et_pb_button{width:100% !important;box-sizing:border-box;}
}
/* FOOTER CHE SI SCOPRE (solo su computer, se sta tutto nello schermo: lo decide lo script) */
html.lz-rivela .et-l--footer{position:relative;clip-path:inset(0);}
html.lz-rivela .et-l--footer .lz-footer{position:fixed !important;left:0;right:0;bottom:0;}
/* BARRE DI SAFARI: lo sfondo del body cambia colore (lo imposta lo script), il contenuto resta bianco */
#page-container{background-color:#fff;}

/* ======================================================== TITOLI E LINK: MAI GIALLI SU FONDO CHIARO */
/* (28/10/2026, Antonello: «non si può usare il giallo con sfondo bianco perché illeggibile»). Il nero dei titoli
   c'era solo nel preset predefinito del testo, LIMBO FONT: un modulo con un altro preset (Testo CORRENTE, in Note
   legali e Contatti) ricadeva sul «Colore Testo Intestazioni» del tema, che è il giallo, e così i link sul
   «Colore Link». Qui il ripiego diventa il nero, con la sottolineatura gialla dei link come in LIMBO FONT.
   Specificità bassa apposta (body + elemento): i preset e le impostazioni dei singoli moduli, che hanno una
   classe, vincono ancora. Sulle sezioni scure (LIMBO · Sezione NERA, la vecchia Sezione NERA, la HERO con la
   foto) il ripiego resta quello del tema, giallo. Una sezione scura fatta con un colore di fondo scritto a mano,
   senza preset, qui non si riconosce: le si dà il preset NERA. */
body h1,body h2,body h3,body h4,body h5,body h6{color:#000;}
body :where(.et_pb_text) a{color:#000;text-decoration:underline;text-decoration-color:#DFFF00;text-underline-offset:3px;}
body :where(.preset--module--divi-section--cb2dd3fc-00ff-486c-aaa9-784f1dc5c3ae,.preset--module--divi-section--egl7uwbzk3,.preset--module--divi-section--rlq1ph08a9) :is(h1,h2,h3,h4,h5,h6){color:var(--gcid-heading-color,#DFFF00);}
body :where(.preset--module--divi-section--cb2dd3fc-00ff-486c-aaa9-784f1dc5c3ae,.preset--module--divi-section--egl7uwbzk3,.preset--module--divi-section--rlq1ph08a9) :where(.et_pb_text) a{color:var(--gcid-link-color,#DFFF00);}

/* ======================================================== FOOTER */
.et-l--footer .et_pb_code:not(.lz-logo-box){position:absolute;width:0;height:0;overflow:hidden;margin:0;}
html{background:#DFFF00;}
.et-l--footer .lz-footer{width:100% !important;max-width:100% !important;}
.lz-footer{color:#000;}
.lz-footer .et_pb_row{padding:0;}
.lz-footer, .lz-footer .et_pb_text, .lz-footer p, .lz-footer a, .lz-footer li{font-family:'Work Sans',sans-serif;color:#000;letter-spacing:.02em;}
.lz-riga-alto{padding-top:72px !important;}
.lz-riga-alto>.et_pb_column{flex:1 1 0 !important;width:auto !important;min-width:0;}
.lz-riga-alto>.et_pb_column{display:flex !important;flex-direction:column !important;}
.lz-riga-alto>.et_pb_column>.et_pb_text{flex:1 1 auto;display:flex !important;flex-direction:column;}
.lz-riga-alto .et_pb_text_inner{flex:1 1 auto;display:flex;flex-direction:column;}
.lz-riga-alto .lz-azione{margin-top:auto !important;padding-top:22px !important;}
.lz-col-titolo{font-family:'Work Sans',sans-serif;font-weight:600;font-size:18px;letter-spacing:.02em;text-transform:uppercase;color:#000;padding:0;margin:0 0 10px;line-height:1.2;}
.lz-testo{font-size:18px;line-height:1.45;padding:0 !important;margin:0;}
.lz-azione{padding:0 !important;margin:22px 0 0;}
/* I PULSANTI DEL FOOTER, NORMALI A SPIGOLO VIVO (26/10/2026; prima col «limbo»): bordo intero, 2 px nero; al passaggio si riempiono di nero, scritta gialla */
.lz-btn{display:inline-block;background:transparent;color:#000 !important;font-weight:600;font-size:16px;line-height:1.2;padding:10px 20px;border:2px solid #000;border-radius:0;text-decoration:none !important;transition:background-color .2s,color .2s;}
.lz-btn:hover{background:#000;color:#DFFF00 !important;}
.lz-link-forte{font-weight:600;text-decoration:none;border-bottom:2px solid #000;}
.lz-spazio{height:26px;}
.lz-riga-copy{padding:72px 0 40px !important;}
.lz-legale{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.lz-legali{list-style:none !important;padding:0 !important;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:12px 48px;}
.lz-legali li{padding:0;margin:0;}
.lz-legali li::before{display:none;}
.lz-legali a, .lz-copy a{font-size:15px;text-decoration:none;}
.lz-legali a:hover, .lz-copy a:hover{text-decoration:underline;text-underline-offset:3px;}
/* INSTAGRAM (25/10/2026): l'icona nera, in fila con i link legali; al passaggio diventa un quadrato nero con l'icona gialla, a spigolo vivo */
.lz-social a{display:inline-flex !important;align-items:center;justify-content:center;width:38px;height:38px;margin:-8px 0;border-radius:0;transition:background-color .2s,color .2s;}
.lz-social svg{display:block;width:22px;height:22px;}
.lz-social a:hover{background:#000;color:#DFFF00 !important;}
.lz-copy{font-size:15px;padding:0 !important;margin:0;}
.lz-copy strong{font-weight:600;}
.lz-riga-limbo{padding:0 0 40px !important;}
.lz-logo-box{margin:0 !important;}
.lz-logo{display:block;width:100%;height:auto;fill:#000;}
/* le fisarmoniche del telefono: nascoste dal computer in su. Sul telefono non si forza la loro comparsa (26/10/2026): così, se in Divi la riga è disattivata, resta nascosta */
@media (min-width:981px){.lz-riga-mobile{display:none !important;}}
.et-l--footer .lz-footer .lz-testo{font-size:18px !important;font-weight:400 !important;line-height:1.45 !important;}
.et-l--footer .lz-footer .lz-col-titolo{font-family:'Work Sans',sans-serif !important;font-size:18px !important;font-weight:600 !important;line-height:1.2 !important;}
.et-l--footer .lz-footer a.lz-link-forte{font-size:inherit !important;font-weight:600 !important;}
.et-l--footer .lz-footer a.lz-btn{font-size:16px !important;font-weight:600 !important;line-height:1.2 !important;text-decoration:none !important;}
.et-l--footer .lz-footer .lz-legali a,.et-l--footer .lz-footer .lz-copy,.et-l--footer .lz-footer .lz-copy a{font-size:15px !important;font-weight:400 !important;}
.et-l--footer .lz-footer .lz-copy strong{font-weight:600 !important;}
.lz-copy a, .lz-copy strong{white-space:nowrap;}
/* LE RIGHE IN BASSO, PICCOLE E VICINE (26/10/2026, Antonello): l'indirizzo, poi il ©, poi i link legali; a sinistra sul computer, al centro sul telefono */
.lz-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.lz-info p{margin:0;padding:0 !important;}
.lz-info .lz-legali{gap:4px 24px;margin-top:4px;}
.et-l--footer .lz-footer .lz-info p,.et-l--footer .lz-footer .lz-info a{font-size:13px !important;font-weight:400 !important;line-height:1.5 !important;}
.et-l--footer .lz-footer .lz-info strong{font-weight:600 !important;}
@media (max-width:980px){.lz-info{align-items:center;text-align:center;}.lz-info .lz-legali{justify-content:center;gap:4px 20px;}}
/* LA MAPPA DELLA SEDE NELLO STILE LIMBO (25/10/2026): la scheda del plugin Mappa sede nera col bordo intero giallo da 2 px, a spigolo vivo (26/10/2026; prima col «limbo»), il nome come un'etichetta gialla, il pulsante normale a spigolo vivo, giallo (26/10/2026); i nomi del disegno in Work Sans. Sta qui perché il footer è su tutte le pagine; il modulo Codice con lo shortcode non si tocca */
.mappa-sede{--ms-d-carattere:'Work Sans',sans-serif;}
.mappa-sede .mappa-sede__scheda{width:340px;padding:22px 26px 24px;gap:6px;background:#000;border:2px solid #DFFF00;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;}
.mappa-sede .mappa-sede__scheda:hover{transform:none;box-shadow:none;}
.mappa-sede .mappa-sede__nome{font-family:'Work Sans',sans-serif !important;font-weight:600 !important;font-size:14px !important;letter-spacing:.08em;text-transform:uppercase;color:#DFFF00 !important;padding:0 !important;}
.mappa-sede .mappa-sede__indirizzo{font-family:'Work Sans',sans-serif;font-size:17px;line-height:1.4;color:#fff;}
.mappa-sede .mappa-sede__coordinate{font-family:'Work Sans',sans-serif;font-size:13px;color:#8f8f8f;}
.mappa-sede a.mappa-sede__indicazioni{display:inline-block;align-self:flex-start;margin-top:16px !important;padding:10px 20px !important;background:transparent !important;color:#DFFF00 !important;border:2px solid #DFFF00 !important;border-radius:0 !important;font-family:'Work Sans',sans-serif !important;font-size:16px !important;font-weight:600 !important;line-height:1.2 !important;letter-spacing:0 !important;text-decoration:none !important;opacity:1 !important;transition:background-color .2s,color .2s;}
.mappa-sede a.mappa-sede__indicazioni:hover{background:#DFFF00 !important;color:#000 !important;border-color:#DFFF00 !important;padding:10px 20px !important;opacity:1 !important;}
/* IL PULSANTE DELLA MAPPA, QUALUNQUE SIA (26/10/2026, Antonello: «sistema lo stile anche per il pulsante della mappa»): le due regole qui sopra valgono sia per il pulsante del plugin sia per quello di Divi (impostazione «Classe del pulsante» = et_pb_button), al quale si toglie la freccia che Divi aggiunge al passaggio */
.mappa-sede a.mappa-sede__indicazioni::after,.mappa-sede a.mappa-sede__indicazioni::before{display:none !important;content:none !important;}
.mappa-sede .mappa-sede__crediti{font-family:'Work Sans',sans-serif;color:#8f8f8f;}
/* la mappa resta dentro la sua sezione: niente che sporga sopra il footer (25/10/2026, la schermata di Contatti) */
.et_pb_section:has(.mappa-sede){overflow:hidden;}
.et_pb_code:has(.mappa-sede),.et_pb_code_inner:has(.mappa-sede){height:auto !important;min-height:0 !important;}
.mappa-sede{display:block;}
@media (max-width:600px){.mappa-sede .mappa-sede__scheda{width:auto;left:16px;right:16px;bottom:20px;padding:16px 18px 18px;gap:4px;}.mappa-sede .mappa-sede__coordinate{display:none;}.mappa-sede .mappa-sede__indirizzo{font-size:16px;}.mappa-sede a.mappa-sede__indicazioni{margin-top:10px !important;padding:10px 20px !important;}}
@media (max-width:980px){
.lz-riga-alto{display:none !important;}
.lz-footer{display:flex !important;flex-direction:column;min-height:100svh;min-height:100lvh;}
.lz-footer>.et_pb_row{flex:0 0 auto;}
.lz-footer>.lz-riga-limbo{margin-top:auto !important;}
.lz-riga-mobile{padding:24px 0 0 !important;}
.lz-riga-mobile .et_pb_toggle{background:transparent !important;border:0 !important;border-bottom:1.5px solid #000 !important;padding:20px 0 !important;margin:0 !important;}
.lz-riga-mobile .et_pb_toggle_title{font-family:'Work Sans',sans-serif !important;font-weight:600 !important;font-size:22px !important;letter-spacing:.02em;color:#000 !important;padding-right:40px;}
/* il «+» e il «–» delle fisarmoniche: regola più forte di quella di Divi, che sul sito mostrava due frecce (25/10/2026) */
.et-l--footer .lz-footer .lz-riga-mobile .et_pb_toggle .et_pb_toggle_title:before,.et-l--footer .lz-footer .lz-riga-mobile .et_pb_toggle .et_pb_toggle_title::before{content:'+' !important;font-family:'Work Sans',sans-serif !important;font-size:30px !important;font-weight:400 !important;line-height:1 !important;color:#000 !important;right:0 !important;left:auto !important;speak:none;}
.et-l--footer .lz-footer .lz-riga-mobile .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before,.et-l--footer .lz-footer .lz-riga-mobile .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before{content:'\2013' !important;display:block !important;}
.lz-riga-mobile .et_pb_toggle_content{padding-top:18px;}
.lz-riga-copy{padding:32px 0 28px !important;}
.lz-legale{flex-direction:column;align-items:center;text-align:center;gap:20px;}
.lz-legali{gap:16px 28px;justify-content:center;}
.lz-copy{font-size:14px;line-height:1.6;}
.lz-riga-limbo{padding-bottom:calc(20px + (100lvh - 100svh) + env(safe-area-inset-bottom)) !important;}
}