/* EDA – Blocchi «Valori»: replica di /i-nostri-valori/ (acrobaticagroup.com, Salient 16). v1.3.0 — citazione anche a tutta larghezza; box: sfumatura dal basso, testo con margine, icone allineate (altezza comune via JS), righe larghe anche nelle pagine con menu laterale */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&display=swap');

/* ---------- tipografia comune ai blocchi (Salient: Mulish 18/26, h3 26/36) ---------- */
.eda-quote-row,.eda-duo,.eda-boxes,.eda-quote-row p,.eda-duo p,.eda-duo li,.eda-fbox h3,.eda-fbox p{font-family:'Mulish',-apple-system,'Segoe UI',sans-serif}
.eda-duo p,.eda-duo li{font-size:18px;line-height:1.6;color:#1c1c1c;font-weight:400;margin:0;padding:0 0 27px}
.eda-duo p:last-child{padding-bottom:0}
.eda-duo strong,.eda-quote-row strong{font-weight:700}
.eda-editor-hint{margin:0 0 8px;padding:6px 10px;background:#f0f0f0;border-left:4px solid #0c2340;font-size:12px;line-height:1.4}

/* ---------- righe larghe (fino ai bordi della finestra o del contenitore .container) ----------
   Il JS misura la posizione reale della riga e scrive --eda-full-ml/--eda-full-mr (funziona anche con il menu laterale,
   dove la colonna del contenuto NON è centrata). Senza JS: riga centrata sulla colonna (--eda-vw = larghezza finestra). */
:root{--eda-vw:100vw}
.eda-full{margin-left:var(--eda-full-ml,calc(50% - var(--eda-vw)/2))!important;margin-right:var(--eda-full-mr,calc(50% - var(--eda-vw)/2))!important}
.eda-full.eda-static,.block-editor-block-list__layout .eda-full{margin-left:0!important;margin-right:0!important}

/* ---------- Citazione grande (nectar_responsive_text 30px/34px, nera, centrata) ---------- */
.eda-quote-row{max-width:1245px;margin:0 auto}
@media(min-width:1000px) and (max-width:1424px){.eda-quote-row{padding-left:74px;padding-right:74px}}
.eda-quote{padding:var(--eda-q-top,30px) var(--eda-q-side,15%) var(--eda-q-bottom,30px);text-align:center}
.eda-quote p{font-size:30px;line-height:34px;color:#000;font-weight:400;padding:0;margin:0}
.eda-quote p.eda-quote-bold{font-weight:700}
@media(max-width:999px){.eda-quote{padding-left:0;padding-right:0}}
@media(max-width:690px){.eda-quote p{font-size:24px}.eda-quote{padding-top:min(var(--eda-q-top,30px),60px);padding-bottom:max(var(--eda-q-bottom,30px),30px)}}
/* citazione a tutta larghezza (1.3.0): la riga segue la finestra/il contenitore come la griglia larga, il testo resta in un
   riquadro centrato di al massimo 1245px. Sotto i 1024px il menu laterale va sopra il contenuto (colonna gia' centrata):
   niente sbordo, altrimenti il testo toccherebbe i bordi del telefono. */
.eda-quote-row.eda-full{max-width:none}
.eda-quote-row.eda-full>.eda-quote{max-width:1245px;margin-left:auto;margin-right:auto}
@media(max-width:1023px){.eda-quote-row.eda-full{margin-left:auto!important;margin-right:auto!important}}

/* ---------- Testo e foto (riga equal-height; tablet/telefono: foto sopra il testo) ---------- */
.eda-duo{display:flex;align-items:stretch}
.eda-duo>*{flex:0 0 50%;max-width:50%;min-width:0}
.eda-duo.eda-duo-foto-sinistra{flex-direction:row-reverse}
.eda-duo-text{background-color:#f1f2f7;padding:4vw;display:flex;align-items:center}
.eda-duo-text .eda-anim{width:100%}
.eda-duo-img{background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:25px}
.eda-duo-img-vuota{background:repeating-linear-gradient(45deg,#e6e6e6 0 12px,#f4f4f4 12px 24px);min-height:240px}
@media(max-width:999px){.eda-duo,.eda-duo.eda-duo-foto-sinistra{flex-direction:column-reverse}.eda-duo>*{flex:0 0 auto;max-width:100%}.eda-duo-text{padding:5vw}.eda-duo-text .eda-anim{padding-right:25%}.eda-duo-img{height:60vh}}
@media(max-width:690px){.eda-duo-text{padding:4vw}.eda-duo-text .eda-anim{padding-right:0}.eda-duo-img{height:40vh}}
/* dissolvenza dal basso (Nectar fade-in-from-bottom: 75px, 700ms easeOutQuart, soglia 88% del viewport) */
.eda-anim{opacity:0;transform:translateY(75px);transition:opacity .7s cubic-bezier(.165,.84,.44,1),transform .7s cubic-bezier(.165,.84,.44,1)}
.eda-anim.in,.eda-anim.eda-static,.eda-static .eda-anim{opacity:1;transform:none}

/* ---------- Griglia box ----------
   --eda-cols = colonne scelte nel blocco, --eda-c = colonne effettive al breakpoint, --eda-gap = spazio tra i box. */
.eda-boxes{--eda-c:var(--eda-cols,4);--eda-gap:0px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--eda-gap);padding-top:var(--eda-boxes-top,4vw)}
.eda-boxes>.acf-innerblocks-container{display:contents}
.eda-boxes>.eda-fbox,.eda-boxes>.acf-innerblocks-container>.eda-fbox{flex:0 0 calc((100% - (var(--eda-c) - 1)*var(--eda-gap))/var(--eda-c));max-width:calc((100% - (var(--eda-c) - 1)*var(--eda-gap))/var(--eda-c))}
/* griglia dentro la colonna del contenuto: meno colonne quando lo spazio si stringe */
@media(max-width:1359px){.eda-boxes:not(.eda-full){--eda-c:min(var(--eda-cols,4),3)}}
@media(max-width:1023px){.eda-boxes:not(.eda-full){--eda-c:min(var(--eda-cols,4),2)}}
/* griglia larga: 5 colonne → 3+2 sotto i 1200px; 2 colonne sotto i 1000px */
@media(max-width:1199px){.eda-boxes.eda-full.eda-cols-5{--eda-c:3}}
@media(max-width:999px){.eda-boxes.eda-full{--eda-c:min(var(--eda-cols,4),2)}}
@media(max-width:689px){.eda-boxes{--eda-c:1}}
/* editor: i figli InnerBlocks affiancati come nel sito */
.eda-boxes .block-editor-block-list__layout{display:flex;flex-wrap:wrap;gap:var(--eda-gap)}
.eda-boxes .block-editor-block-list__layout>.wp-block{flex:0 0 calc((100% - (var(--eda-c) - 1)*var(--eda-gap))/var(--eda-c));max-width:calc((100% - (var(--eda-c) - 1)*var(--eda-gap))/var(--eda-c));margin:0}

/* ---------- Box (nectar-fancy-box parallax_hover) ---------- */
.eda-fbox{position:relative;container-type:inline-size;opacity:0;transform:scale(.75);transition:opacity .7s cubic-bezier(.15,.84,.35,1.25),transform .7s cubic-bezier(.15,.84,.35,1.25)}
.eda-fbox.in,.eda-fbox.eda-static{opacity:1;transform:none}
.eda-fbox:hover{z-index:100}
.eda-fbox-link{display:block;color:inherit;text-decoration:none!important}
.eda-fbox-wrap{position:relative;transform:translateZ(0)}
.eda-fbox-3d{position:relative;width:100.2%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .27s ease-out;z-index:2;outline:1px solid transparent}
.eda-fbox-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;backface-visibility:hidden}
.eda-fbox-bg-vuoto{background:repeating-linear-gradient(45deg,#8a8a8a 0 12px,#9c9c9c 12px 24px)}
.eda-fbox-bg:before,.eda-fbox-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
/* velatura uniforme sulla foto (si intensifica al passaggio del mouse) */
.eda-fbox-bg:before{background:var(--eda-ovc,#0c2340);opacity:var(--ov,.15);transition:opacity .45s cubic-bezier(.25,1,.2,1)}
.eda-fbox:hover .eda-fbox-bg:before{opacity:var(--ovh,.35)}
/* sfumatura scura dal basso: piena sotto il testo, trasparente in alto (colore = overlay) */
.eda-fbox-bg:after{opacity:0;background:linear-gradient(to top,rgba(var(--eda-ovc-rgb,12,35,64),.96) 0%,rgba(var(--eda-ovc-rgb,12,35,64),.88) 28%,rgba(var(--eda-ovc-rgb,12,35,64),.62) 55%,rgba(var(--eda-ovc-rgb,12,35,64),.22) 80%,rgba(var(--eda-ovc-rgb,12,35,64),0) 100%)}
.eda-fbox-grad .eda-fbox-bg:after{opacity:1}
.eda-fbox-layer{position:relative;transition:transform .27s ease-out;backface-visibility:hidden}
.eda-fbox:not(.eda-static):hover .eda-fbox-layer{transform:translateZ(65px)!important}
/* contenuto in basso; --eda-inner-h (JS) = altezza del contenuto più lungo della griglia ⇒ icone/titoli alla stessa quota in tutti i box */
.eda-fbox-meta{display:flex;flex-direction:column;justify-content:flex-end;min-height:var(--eda-hmin,650px)}
.eda-fbox-inner{position:relative;z-index:10;box-sizing:border-box;width:100%;min-height:var(--eda-inner-h,auto);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:26px 28px 30px;color:#fff;text-align:left}
.eda-fbox-icon{display:block;margin-bottom:14px;opacity:.85;transition:opacity .45s cubic-bezier(.25,1,.2,1)}
.eda-fbox:hover .eda-fbox-icon{opacity:1}
.eda-fbox-icon svg,.eda-fbox-icon img{display:block;width:var(--eda-ico,50px);height:var(--eda-ico,50px)}
.eda-fbox-icon svg.eda-ico-fill{fill:#fff}
.eda-fbox-icon svg.eda-ico-stroke{fill:none;stroke:#fff}
.eda-fbox-icon img.eda-ico-bianca{filter:brightness(0) invert(1)}
.eda-boxes .eda-fbox-inner h3{font-size:24px;line-height:1.2;font-weight:700;color:#fff;margin:0 0 10px;padding:0;letter-spacing:0;text-transform:none;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.eda-boxes .eda-fbox-inner p{font-size:16px;line-height:1.55;color:#fff;opacity:.94;margin:0;padding:0;text-shadow:0 1px 3px rgba(0,0,0,.35)}
@media(max-width:689px){.eda-fbox-meta{min-height:min(var(--eda-hmin,650px),110vw)}}
.eda-fbox-shadow{position:absolute;top:5%;left:5%;width:90%;height:90%;z-index:1;opacity:0;box-shadow:0 35px 100px rgba(0,0,0,.4),0 16px 40px rgba(0,0,0,.4);transition:transform .27s ease-out,opacity .27s ease-out}
.eda-fbox:not(.eda-static):hover .eda-fbox-shadow{opacity:1}
/* box stretti: margini, testo e icona proporzionati alla larghezza del box */
@container (max-width:340px){
  .eda-fbox-inner{padding:22px 22px 26px}
  .eda-boxes .eda-fbox-inner h3{font-size:22px}
  .eda-boxes .eda-fbox-inner p{font-size:15px;line-height:1.5}
  .eda-fbox-icon svg,.eda-fbox-icon img{width:min(var(--eda-ico,50px),40px);height:min(var(--eda-ico,50px),40px)}
}
@container (max-width:250px){
  .eda-fbox-inner{padding:18px 18px 22px}
  .eda-boxes .eda-fbox-inner h3{font-size:20px}
  .eda-boxes .eda-fbox-inner p{font-size:14px;line-height:1.45}
}

/* ---------- «Aspetto come acrobaticagroup.com» (campo pagina): hero, barra gialla, contenuto attaccato ---------- */
.eda-stile-salient .page-content-wrapper{margin-top:0!important;padding-top:0!important}
.eda-stile-salient .page-header{height:auto!important;min-height:0!important;padding:12vw 10%!important;align-items:center;justify-content:center;text-align:center;text-shadow:none}
.eda-stile-salient .page-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.5;z-index:-1}
.eda-stile-salient .page-header figure .header-image.desktop{display:block}
.eda-stile-salient .page-header .container{padding:0}
.eda-stile-salient .page-header h1{font-family:'Mulish',sans-serif;font-size:60px;line-height:72px;font-weight:400;color:#fff;margin:0;letter-spacing:0;text-transform:none}
@media(max-width:1300px){.eda-stile-salient .page-header h1{font-size:45px;line-height:54px}}
@media(max-width:999px){.eda-stile-salient .page-header{padding:25vw 10% 12vw!important}.eda-stile-salient .page-header h1{font-size:39px;line-height:46.8px}}
@media(max-width:690px){.eda-stile-salient .page-header{padding:40vw 10%!important}.eda-stile-salient .page-header h1{font-size:21px;line-height:25.2px}}
.eda-stile-salient .thor-section-submenu{margin-top:0!important;margin-bottom:0!important}
.eda-stile-salient .thor-submenu-list{gap:4px 25px;padding:20px 0}
.eda-stile-salient .thor-submenu-list a{font-family:'Mulish',sans-serif;font-weight:400;font-size:16px;opacity:.7;border-bottom:0;transition:opacity .1s ease}
.eda-stile-salient .thor-submenu-list a:hover,.eda-stile-salient .thor-submenu-list a:focus{opacity:1;border-bottom:0}
.eda-stile-salient .thor-submenu-list a.is-current{color:#002D72;font-weight:700;opacity:1;border-bottom:0}
@media(max-width:900px){.eda-stile-salient .thor-submenu-list{padding:0 0 14px}.eda-stile-salient .thor-submenu-list a{padding:10px 20px}}

/* ---------- 1.4.0 — Apertura con foto obliqua (mockup del cliente, 24/09/2026) ----------
   Foto grande a sinistra con il lato destro tagliato in obliquo (clip-path) e un'ombra morbida lungo il taglio
   (drop-shadow sul contenitore, che segue il ritaglio); foto piccola sovrapposta; a destra titolo + testo tra due
   barrette. Carattere del tema (non Mulish), come nel mockup. */
.eda-obl{--eda-acc:#FEDB3D;--eda-tit:#002D72;position:relative;display:flex;align-items:stretch;min-height:640px;margin:0;font-family:inherit}
.eda-obl-media{position:relative;flex:0 0 50%;max-width:50%;filter:drop-shadow(10px 0 16px rgba(0,26,70,.18))}
.eda-obl-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-repeat:no-repeat;clip-path:polygon(0 0,100% 0,85% 100%,0 100%)}
.eda-obl-vuoto{background:repeating-linear-gradient(45deg,#e6e6e6 0 12px,#f4f4f4 12px 24px)}
.eda-obl-piccola{position:absolute;left:11%;top:17%;height:52%;aspect-ratio:4/7;background-size:cover;background-repeat:no-repeat}
.eda-obl-testo{flex:1 1 50%;display:flex;align-items:center;box-sizing:border-box;padding:56px 5% 56px 5%}
.eda-obl-testo>.eda-anim{width:100%}
.eda-obl .eda-obl-barra{display:block;width:48px;height:3px;background:var(--eda-acc)}
.eda-obl .eda-obl-titolo{font-family:inherit;font-size:clamp(26px,2.3vw,36px);line-height:1.22;font-weight:400;color:var(--eda-tit);margin:30px 0 32px;padding:0;letter-spacing:0;text-transform:none;text-align:left}
.eda-obl .eda-obl-corpo p{font-family:inherit;font-size:16px;line-height:1.6;color:#2b3445;margin:0 0 18px;padding:0;text-align:left}
.eda-obl .eda-obl-corpo p:last-child{margin-bottom:32px}
.eda-obl .eda-obl-corpo strong{font-weight:700}
@media(max-width:1199px){.eda-obl{min-height:580px}.eda-obl .eda-obl-corpo p{font-size:15px}}
@media(max-width:767px){
  .eda-obl{flex-direction:column;min-height:0}
  .eda-obl-media{flex:0 0 auto;max-width:100%;height:80vw;filter:drop-shadow(0 10px 14px rgba(0,26,70,.16))}
  .eda-obl-bg{clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}
  .eda-obl-piccola{left:8%;top:10%;height:64%}
  .eda-obl-testo{padding:36px 0 8px}
}

/* ---------- 1.4.0 — Griglia in stile «schede»: schede bianche con icona colorata su fondo chiaro ---------- */
.eda-boxes.eda-stile-schede{--eda-acc:#FEDB3D;background:var(--eda-schede-bg,#F4F7F9);padding:22px;margin-top:var(--eda-boxes-top,0);box-sizing:border-box;font-family:inherit}
.eda-stile-schede .eda-fbox h3,.eda-stile-schede .eda-fbox p{font-family:inherit}
.eda-stile-schede .eda-fbox{transform:translateY(24px)}
.eda-stile-schede .eda-fbox.in,.eda-stile-schede .eda-fbox.eda-static{transform:none}
.eda-stile-schede .eda-fbox-link,.eda-stile-schede .eda-fbox-wrap,.eda-stile-schede .eda-fbox-3d{height:100%}
.eda-stile-schede .eda-fbox-3d{width:100%;background:#fff;border-radius:2px;box-shadow:0 1px 2px rgba(0,26,70,.06),0 6px 18px rgba(0,26,70,.06);transform:none!important;transition:box-shadow .3s ease}
.eda-stile-schede .eda-fbox:hover .eda-fbox-3d{box-shadow:0 2px 4px rgba(0,26,70,.08),0 12px 28px rgba(0,26,70,.12)}
.eda-stile-schede .eda-fbox-bg,.eda-stile-schede .eda-fbox-shadow{display:none}
.eda-stile-schede .eda-fbox:not(.eda-static):hover .eda-fbox-layer{transform:none!important}
.eda-stile-schede .eda-fbox-meta{min-height:0;justify-content:flex-start}
.eda-stile-schede .eda-fbox-inner{min-height:0;padding:26px 22px 28px;color:#2b3445}
.eda-stile-schede .eda-fbox-icon{opacity:1;margin-bottom:16px}
.eda-stile-schede .eda-fbox-icon svg.eda-ico-stroke{stroke:var(--eda-acc)}
.eda-stile-schede .eda-fbox-icon svg.eda-ico-fill{fill:var(--eda-acc)}
.eda-stile-schede .eda-fbox-icon img.eda-ico-bianca{filter:none}
.eda-boxes.eda-stile-schede .eda-fbox-inner h3{font-size:19px;line-height:1.25;font-weight:700;color:#002D72;text-shadow:none;margin:0 0 10px}
.eda-boxes.eda-stile-schede .eda-fbox-inner p{font-size:14.5px;line-height:1.6;color:#2b3445;opacity:1;text-shadow:none}
@media(max-width:689px){.eda-boxes.eda-stile-schede{padding:14px}}