/* WWC moduli, foglio BASE (= v5 della home, 2026-10-11). Dal 2026-10-12 i componenti delle pagine servizio (v6: hero-split, stairs, ledger, steps, compare, bring, regions, fit, faq--narrow, related, breadcrumb...) stanno in uploads/wwc/wwc-modules-service.css, caricato solo dove servono (wwc-brand.php, sez. 8). */
/*
 * WWC Moduli BizConsult (libreria wwc-mod-*), v5 2026-10-11 (blocco 5: animazioni d'ingresso con opacity:0 e visibility:visible,
 *   cosi i contenuti non ancora animati restano nell'albero di accessibilita; hover card: stato :focus-within anche senza hover).
 * v3 2026-10-11 (blocco 3: tessere --3x2 con frammento di texture per numero e numeri
 *   nascosti agli screen reader, card citazione con geometria !important, linea di avanzamento con binario e linea piena di riserva,
 *   accordion FAQ con titoli a filo, CTA a cavallo del footer).
 * v2 2026-10-11 (home v3, Fase A blocco 2: straddle con cornice sul widget Immagine,
 *   geometria con !important dove Elementor imposta padding/margini logici, :has per le fasce che lasciano sporgere).
 * v1 2026-10-11 (blocco 1).
 * Caricato da wwc-brand.php (sezione 8) come file statico versionato: uploads/wwc/wwc-modules.css?ver=<md5>.
 * Il cliente applica i moduli scrivendo la classe nel campo "Classi CSS" del container Elementor.
 * Testi, immagini, colori di sezione, ordine e animazioni restano nei controlli di Elementor.
 * Mai valori di sovrapposizione ripetuti nei breakpoint di Elementor: si cambiano qui (variabili).
 *
 * Classi:
 *  wwc-mod-hero-dark      hero nero sotto l'header trasparente (attiva anche il trasparente, vedi wwc-brand.php)
 *  wwc-mod-tex            texture WW in filigrana (bianco 6%) nel ::before del container
 *  wwc-mod-straddle       cornice 16:9 a cavallo tra due fasce (--wwc-overlap)
 *  wwc-mod-straddle-next  fascia che riceve la cornice a cavallo (padding-top = overlap + spazio)
 *  wwc-mod-claim          card claim nera agganciata alla cornice a cavallo
 *  wwc-mod-frame          cornice immagine 4:5 (varianti --16x9, --2x1, --1x1)
 *  wwc-mod-shadow         ombra piena sfalsata (--accent arancione, --left / --right speculari)
 *  wwc-mod-cover          fascia foto (2:1 desktop, 4:3 mobile) con immagine in assoluto
 *  wwc-mod-card-sink      card piena che sfonda nella fascia sotto (--wwc-sink)
 *  wwc-mod-sink-next      fascia che riceve la card che sfonda
 *  wwc-mod-quote-card     card citazione sovrapposta alla foto (-40 px da 1025 px)
 *  wwc-mod-hovercard      card con hover nero, texture e filetto arancione (anche :focus-within)
 *  wwc-mod-outline-card   card a contorno 1 px, bordo arancione in hover/focus
 *  wwc-mod-tile           tessera grafica al posto della foto (--paper, --3x2, --dm, --gs, --n1..--n4)
 *  wwc-mod-counters       riga counter (numeri Barlow Condensed 64 px, filetto superiore)
 *  wwc-mod-sticky         colonna sticky da 1025 px (es. FAQ)
 *  wwc-mod-faq            accordion nested (summary 56 px, focus arancione, filetto)
 *  wwc-mod-progress       linea di avanzamento legata allo scroll (miglioramento progressivo)
 *  wwc-mod-breadcrumb     percorso <nav><ol> (dal foglio servizio, 13/10)
 *  wwc-mod-tex--left      texture WW in basso a sinistra (dal foglio servizio, 13/10)
 *  wwc-mod-straddle-footer fascia con gradiente a stop netto 50% bianco/carta: il box dentro sta a cavallo (la fascia contiene solo il box)
 */
:root{--wwc-header-h:104px;--wwc-overlap:140px;--wwc-sink:80px;--wwc-tile-ink:#3A3632;--wwc-tile-paper:#E6E1D8;
--wwc-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.06' stroke-width='30' stroke-linecap='round'%3E%3Cpath d='M30 20l45 160M95 20l45 160M160 20l45 160M225 20l45 160'/%3E%3C/g%3E%3C/svg%3E")}
@media (max-width:1024px){:root{--wwc-overlap:100px;--wwc-sink:64px;--wwc-header-h:72px}}
@media (max-width:767px){:root{--wwc-overlap:72px;--wwc-sink:48px}}

/* Header trasparente: i colori del menu seguono le variabili di Blocksy (bianco sul trasparente, nero da sticky). */
#header [data-transparent-row="yes"] [data-id="menu"] > ul > li > .ct-menu-link,
#header [data-transparent-row="yes"] [data-id="menu"] > ul > li > .ct-menu-link:hover,
#header [data-transparent-row="yes"] [data-id="menu"] > ul > li.current-menu-item > .ct-menu-link{color:var(--theme-link-initial-color)}
#header [data-transparent-row="yes"] :focus-visible{outline-color:var(--wwc-orange)}

/* Ancore sotto l'header sticky (solo da desktop: su mobile l'header non è sticky). */
@media (min-width:1000px){.e-con[id],.elementor-element[id],.elementor-menu-anchor{scroll-margin-top:80px}}

/* Scroll to top (Blocksy): 48 px, nero, freccia arancione, raggio 0, solo da desktop (sotto c'è la barra contatti). */
.ct-back-to-top{width:48px;height:48px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:0!important}
.ct-back-to-top:focus-visible{outline:2px solid var(--wwc-orange);outline-offset:2px}
@media (max-width:1024px){.ct-back-to-top{display:none!important}}

/* Hero nero */
.wwc-mod-hero-dark{position:relative;background-color:var(--wwc-ink);color:var(--wwc-on-ink);padding-top:calc(var(--wwc-header-h) + 48px)!important}
@media (max-width:767px){.wwc-mod-hero-dark{padding-top:calc(var(--wwc-header-h) + 48px)!important}}
/* Fasce che contengono una cornice a cavallo o una card che sfonda: niente taglio e sopra la fascia successiva */
.wwc-mod-hero-dark:has(.wwc-mod-straddle),.e-con:has(> .wwc-mod-straddle),.e-con:has(> .wwc-mod-cover){overflow:visible!important;z-index:2}

/* Texture WW */
.wwc-mod-tex{position:relative;isolation:isolate}
.wwc-mod-tex::before{content:"";position:absolute;inset:0 0 0 auto;width:min(60%,760px);background:var(--wwc-tex) right center/cover no-repeat;pointer-events:none;z-index:-1}
@media (max-width:767px){.wwc-mod-tex::before{display:none}}

/* Cornici e ombre */
.wwc-mod-frame{position:relative;aspect-ratio:4/5;background-color:var(--wwc-tile-paper)}
.wwc-mod-frame--16x9{aspect-ratio:16/9}.wwc-mod-frame--2x1{aspect-ratio:2/1}.wwc-mod-frame--1x1{aspect-ratio:1/1}
.wwc-dark .wwc-mod-frame,.wwc-mod-hero-dark .wwc-mod-frame{background-color:var(--wwc-tile-ink)}
.wwc-mod-frame .elementor-widget-image,.wwc-mod-frame .elementor-widget-image .elementor-widget-container,.wwc-mod-straddle > .elementor-widget-image .elementor-widget-container{height:100%;width:100%}
.wwc-mod-frame img,.wwc-mod-straddle > .elementor-widget-image img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:50% 50%}
.wwc-mod-shadow{box-shadow:48px 48px 0 -16px var(--wwc-shadow,#F5F2EC)}
.wwc-mod-shadow--paper{--wwc-shadow:#D9D4CC}
.wwc-mod-shadow--accent{box-shadow:40px 40px 0 0 var(--wwc-orange)}
.wwc-mod-shadow--left{box-shadow:32px 32px 0 0 #D9D4CC;transition:box-shadow .3s ease}
.wwc-mod-shadow--right{box-shadow:-32px 32px 0 0 #D9D4CC;transition:box-shadow .3s ease}
@media (hover:hover){.wwc-mod-shadow--left:hover{box-shadow:40px 40px 0 0 #D9D4CC}.wwc-mod-shadow--right:hover{box-shadow:-40px 40px 0 0 #D9D4CC}}
@media (max-width:767px){.wwc-mod-shadow{box-shadow:24px 24px 0 -8px var(--wwc-shadow,#F5F2EC)}.wwc-mod-shadow--accent{box-shadow:20px 20px 0 0 var(--wwc-orange)}.wwc-mod-shadow--left{box-shadow:16px 16px 0 0 #D9D4CC}.wwc-mod-shadow--right{box-shadow:-16px 16px 0 0 #D9D4CC}}

/* Cornice a cavallo + card claim */
/* La cornice (16:9 da tablet, 1:1 su mobile) è il widget Immagine figlio; la card claim è sorella dell'immagine. */
.wwc-mod-straddle{position:relative;width:100%;max-width:1200px;margin-left:auto!important;margin-right:auto!important;margin-bottom:calc(-1 * var(--wwc-overlap))!important;z-index:2}
.wwc-mod-straddle > .elementor-widget-image,.wwc-mod-straddle > .wwc-mod-tile{position:relative;width:100%;aspect-ratio:16/9;background-color:var(--wwc-tile-ink);margin:0!important}
.wwc-mod-straddle-next{padding-top:calc(var(--wwc-overlap) + var(--wwc-space))!important}
.wwc-mod-claim{position:absolute!important;left:-40px;bottom:-40px;width:min(420px,45%)!important;z-index:3;background:var(--wwc-ink);color:var(--wwc-on-ink);border-top:4px solid var(--wwc-orange);padding:40px!important}
@media (max-width:1279px){.wwc-mod-claim{left:-16px}}
@media (max-width:1024px){.wwc-mod-claim{position:relative!important;left:auto;bottom:auto;width:100%!important;padding:32px 24px!important}}
@media (max-width:767px){.wwc-mod-straddle > .elementor-widget-image,.wwc-mod-straddle > .wwc-mod-tile{aspect-ratio:1/1}}

/* Fascia foto con card che sfonda */
.wwc-mod-cover{position:relative;aspect-ratio:2/1;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;background-color:var(--wwc-tile-ink)}
.wwc-mod-cover > .elementor-widget-image{position:absolute!important;inset:0;margin:0!important;width:100%!important}
.wwc-mod-cover > .elementor-widget-image .elementor-widget-container{height:100%}
.wwc-mod-cover > .elementor-widget-image img{width:100%;height:100%;object-fit:cover;display:block}
.wwc-mod-card-sink{position:relative;z-index:2;width:50%!important;background:var(--wwc-white);border-top:4px solid var(--wwc-orange);padding:64px!important;margin-bottom:calc(-1 * var(--wwc-sink))!important}
.wwc-mod-sink-next{padding-top:calc(var(--wwc-sink) + 60px)!important}
@media (max-width:1024px){.wwc-mod-cover{aspect-ratio:auto;display:block!important}.wwc-mod-cover > .elementor-widget-image{position:relative!important;aspect-ratio:4/3}.wwc-mod-card-sink{width:auto!important;margin:-48px 16px calc(-1 * var(--wwc-sink))!important;padding:40px 24px!important}}

/* Card citazione sovrapposta */
.wwc-mod-quote-card{position:relative;z-index:2;width:70%!important;background:var(--wwc-paper);color:var(--wwc-text);padding:48px!important;margin-top:-120px!important;border-top:4px solid var(--wwc-orange)}
@media (min-width:1025px){.wwc-mod-quote-card{margin-left:-40px!important}}
@media (max-width:1024px){.wwc-mod-quote-card{width:auto!important;margin:-48px 16px 0!important;padding:32px 24px!important}}

/* Card con hover */
.wwc-mod-hovercard{position:relative;background-color:var(--wwc-card);transition:background-color .3s ease,color .3s ease;isolation:isolate}
.wwc-mod-hovercard::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--wwc-orange);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.wwc-mod-hovercard::after{content:"";position:absolute;inset:0;background:var(--wwc-tex) right bottom/480px auto no-repeat;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}
.wwc-mod-hovercard .elementor-icon{color:var(--wwc-orange-text);fill:var(--wwc-orange-text)}
/* :hover solo con puntatore; :focus-within sempre (tastiera anche su touch, es. iPad con tastiera) */
@media (hover:hover){
.wwc-mod-hovercard:hover{background-color:var(--wwc-ink)}
.wwc-mod-hovercard:hover::before{transform:scaleX(1)}
.wwc-mod-hovercard:hover::after{opacity:1}
.wwc-mod-hovercard:hover :is(h2,h3,h4,.elementor-heading-title,.elementor-icon-box-title,.elementor-icon-box-title a){color:#fff}
.wwc-mod-hovercard:hover :is(p,.elementor-icon-box-description,.elementor-widget-text-editor){color:var(--wwc-on-ink)}
.wwc-mod-hovercard:hover .elementor-icon{color:var(--wwc-orange);fill:var(--wwc-orange)}
}
.wwc-mod-hovercard:focus-within{background-color:var(--wwc-ink)}
.wwc-mod-hovercard:focus-within::before{transform:scaleX(1)}
.wwc-mod-hovercard:focus-within::after{opacity:1}
.wwc-mod-hovercard:focus-within :is(h2,h3,h4,.elementor-heading-title,.elementor-icon-box-title,.elementor-icon-box-title a){color:#fff}
.wwc-mod-hovercard:focus-within :is(p,.elementor-icon-box-description,.elementor-widget-text-editor){color:var(--wwc-on-ink)}
.wwc-mod-hovercard:focus-within .elementor-icon{color:var(--wwc-orange);fill:var(--wwc-orange)}
@media (hover:none){.wwc-mod-hovercard::before{transform:scaleX(1)}}
.wwc-mod-outline-card{border:1px solid var(--wwc-rule-ink)!important;padding:48px;transition:border-color .2s ease}
.wwc-mod-outline-card:hover,.wwc-mod-outline-card:focus-within{border-color:var(--wwc-orange)!important}

/* Tessere (campiture al posto delle foto: decorative) */
.wwc-mod-tile{position:relative;overflow:hidden;background:var(--wwc-ink) var(--wwc-tex) right center/140% auto no-repeat;min-height:96px}
.wwc-mod-tile--paper{background-color:var(--wwc-tile-paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200'%3E%3Cg fill='none' stroke='%230E0E0E' stroke-opacity='.06' stroke-width='30' stroke-linecap='round'%3E%3Cpath d='M30 20l45 160M95 20l45 160M160 20l45 160M225 20l45 160'/%3E%3C/g%3E%3C/svg%3E")}
.wwc-mod-tile--3x2{aspect-ratio:3/2;flex-shrink:0!important}
@media (max-width:767px){.wwc-mod-tile--3x2{aspect-ratio:auto;height:96px!important;min-height:96px!important}}
.wwc-mod-tile::after{position:absolute;left:32px;bottom:24px;font:700 56px/1 var(--wwc-font-display);color:var(--wwc-orange)}
@media (max-width:767px){.wwc-mod-tile::after{left:24px;bottom:20px;font-size:44px}}
/* Numeri e iniziali in CSS con testo alternativo vuoto: decorativi, gli screen reader non li leggono */
.wwc-mod-tile--n1::after{content:"01";content:"01" / ""}.wwc-mod-tile--n2::after{content:"02";content:"02" / ""}.wwc-mod-tile--n3::after{content:"03";content:"03" / ""}.wwc-mod-tile--n4::after{content:"04";content:"04" / ""}
/* Frammento diverso della texture per ogni fase */
.wwc-mod-tile--n1,.wwc-mod-tile--n2,.wwc-mod-tile--n3,.wwc-mod-tile--n4{background-size:260% auto}
.wwc-mod-tile--n1{background-position:0% 20%}.wwc-mod-tile--n2{background-position:33% 70%}.wwc-mod-tile--n3{background-position:66% 10%}.wwc-mod-tile--n4{background-position:100% 60%}
.wwc-mod-tile--dm::after,.wwc-mod-tile--gs::after{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);font-size:clamp(96px,14vw,180px);color:transparent;-webkit-text-stroke:2px var(--wwc-orange)}
.wwc-mod-tile--dm::after{content:"DM";content:"DM" / ""}.wwc-mod-tile--gs::after{content:"GS";content:"GS" / ""}

/* Counter */
.wwc-mod-counters{border-top:1px solid var(--wwc-rule);padding-top:32px}
.wwc-mod-counters .elementor-counter-number-wrapper{font:700 64px/1 var(--wwc-font-display);color:var(--wwc-ink)}
.wwc-mod-counters .elementor-counter-title{font:400 15px/1.4 var(--wwc-font-text);color:var(--wwc-muted)}
.wwc-mod-counters a.e-con:focus-visible,.wwc-mod-counters a.e-con:hover .elementor-counter-title{color:var(--wwc-ink)}
@media (max-width:767px){.wwc-mod-counters .elementor-counter-number-wrapper{font-size:44px}}

/* Colonna sticky */
@media (min-width:1025px){.wwc-mod-sticky{position:sticky!important;top:96px;align-self:start}}

/* FAQ accordion nested */
.wwc-mod-faq .e-n-accordion-item{border-bottom:1px solid var(--wwc-rule)}
.wwc-mod-faq .e-n-accordion-item-title{min-height:56px;cursor:pointer}
.wwc-mod-faq .e-n-accordion-item-title:focus-visible{outline:2px solid var(--wwc-orange);outline-offset:2px}
.wwc-mod-faq .e-n-accordion-item-title-icon{color:var(--wwc-orange);fill:var(--wwc-orange)}
.wwc-mod-faq .e-n-accordion-item-title-icon svg{fill:currentColor}

/* Linea di avanzamento: binario 1 px + linea arancione 2 px. Di base la linea è piena (senza supporto, con reduced motion, senza JS);
   si riempie con lo scroll solo dove esiste animation-timeline e senza reduced motion. Orizzontale sopra la griglia, verticale a sinistra su mobile. */
.wwc-mod-progress{position:relative;padding-top:40px!important}
/* Selettori .e-con.wwc-mod-progress e !important: Elementor usa ::before dei container per l'overlay di sfondo */
.e-con.wwc-mod-progress::before,.e-con.wwc-mod-progress::after,.wwc-mod-progress::before,.wwc-mod-progress::after{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:auto!important;width:auto!important;pointer-events:none;border:0!important;opacity:1!important;mix-blend-mode:normal!important;border-radius:0!important}
.e-con.wwc-mod-progress::after,.wwc-mod-progress::after{height:1px!important;top:1px!important;background:var(--wwc-rule)!important}
.e-con.wwc-mod-progress::before,.wwc-mod-progress::before{height:2px!important;background:var(--wwc-orange)!important;transform-origin:left;z-index:1}
@media (max-width:767px){
.wwc-mod-progress{padding-top:0!important;padding-left:28px!important}
.e-con.wwc-mod-progress::before,.e-con.wwc-mod-progress::after,.wwc-mod-progress::before,.wwc-mod-progress::after{right:auto!important;bottom:0!important;height:auto!important}
.e-con.wwc-mod-progress::before,.wwc-mod-progress::before{width:2px!important;transform-origin:top}
.e-con.wwc-mod-progress::after,.wwc-mod-progress::after{width:1px!important;top:0!important;left:1px!important}
}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.e-con.wwc-mod-progress::before,.wwc-mod-progress::before{animation:wwcProgress linear both;animation-timeline:view();animation-range:entry 30% cover 55%}
@media (max-width:767px){.e-con.wwc-mod-progress::before,.wwc-mod-progress::before{animation-name:wwcProgressV;animation-range:entry 10% exit 40%}}
}}
@keyframes wwcProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wwcProgressV{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* CTA a cavallo del footer */
.wwc-mod-straddle-footer{background:linear-gradient(to bottom,var(--wwc-white) 50%,var(--wwc-paper) 50%)}

/* Animazioni d'ingresso (pagine della mappa SEO, classe body wwc-motion): 24 px, 600 ms */
@keyframes wwcFadeUp{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
@keyframes wwcFadeIn{from{opacity:0}to{opacity:1}}
@keyframes wwcFadeSide{from{opacity:0;transform:translate3d(-24px,0,0)}to{opacity:1;transform:none}}
@keyframes wwcFadeSideR{from{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:none}}
.wwc-motion .animated{animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
.wwc-motion .animated.fadeInUp{animation-name:wwcFadeUp}
.wwc-motion .animated.fadeIn{animation-name:wwcFadeIn}
.wwc-motion .animated.fadeInLeft{animation-name:wwcFadeSide}
.wwc-motion .animated.fadeInRight{animation-name:wwcFadeSideR}
/* v5: gli elementi in attesa dell'animazione restano visibili agli screen reader e focalizzabili (opacity:0, non visibility:hidden).
   L'animazione parte comunque da opacity:0 (wwcFadeUp/wwcFadeIn): nessun salto, CLS invariato. */
.wwc-motion .elementor-invisible{visibility:visible!important;opacity:0}
@media print{.elementor-invisible{visibility:visible!important;opacity:1!important}}
@media (prefers-reduced-motion:reduce){.elementor-invisible{visibility:visible!important;opacity:1!important}.animated{animation:none!important}.wwc-mod-hovercard,.wwc-mod-hovercard::before,.wwc-mod-hovercard::after{transition:none!important}}

/* ==== v4: home v3 blocco 4 (revisione AD/Grafico, 2026-10-11) ==== */
/* Texture WW: Elementor usa ::before dei container per l'overlay e lo azzera (content:none):
   si forza con .e-con e !important (come wwc-mod-progress). Grande a destra, nascosta sotto 768. */
.e-con.wwc-mod-tex::before{content:""!important;display:block!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;inset:0 0 0 auto!important;width:min(60%,760px)!important;height:100%!important;background:var(--wwc-tex) right center/cover no-repeat!important;opacity:1!important;z-index:0!important;pointer-events:none!important;border-radius:0!important;mix-blend-mode:normal!important}
@media (max-width:1279px){.e-con.wwc-mod-tex::before{width:min(55%,560px)!important}}
@media (max-width:767px){.e-con.wwc-mod-tex::before{display:none!important}}
/* <picture> (sorgente mobile dedicata): riempie la cornice come l'img */
.wwc-picture{display:block;width:100%;height:100%}
.wwc-picture>img{display:block;width:100%;height:100%;object-fit:cover}
/* wwc-mod-cover: la foto incornicia la card su due lati (sopra e a sinistra), nessun rapporto fisso */
@media (min-width:1025px){
.e-con.wwc-mod-cover{aspect-ratio:auto!important;height:auto!important;padding:120px 0 0 80px!important;justify-content:flex-end!important}
.e-con.wwc-mod-cover>.wwc-mod-card-sink{width:min(560px,50%)!important;max-width:560px!important;margin-left:0!important;margin-bottom:calc(-1*var(--wwc-sink,80px))!important}
}
@media (min-width:1025px) and (max-width:1279px){
.e-con.wwc-mod-cover{padding:96px 0 0 48px!important}
.e-con.wwc-mod-cover>.wwc-mod-card-sink{width:min(450px,50%)!important}
}
/* sotto 1025: niente riserva di colore dietro la card (fascia #3A3632), la riserva resta sulla sola foto */
@media (max-width:1024px){
.e-con.wwc-mod-cover{background:transparent!important;background-color:transparent!important;aspect-ratio:auto!important;padding:0!important}
.e-con.wwc-mod-cover>.elementor-widget-image{background-color:var(--wwc-tile-ink,#3A3632)}
}
/* Footer (tutto il sito): "Cosa facciamo" e "Azienda" affiancati sotto 768 */
@media (max-width:767px){
.ct-footer [data-row*="middle"] .ct-container{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:16px!important}
.ct-footer [data-row*="middle"] [data-column="widget-area-1"],.ct-footer [data-row*="middle"] [data-column="widget-area-4"]{grid-column:1/-1}
}

/* ==== Dal foglio servizio, 13/10/2026 (blocco C2 Chi siamo, proposta AD chi-siamo 3.1): breadcrumb e texture a sinistra servono anche
   alle pagine approfondimento (Metodo, Chi siamo), che cosi non caricano il foglio servizio (34 KB). Regole identiche, stesso ordine
   relativo (in coda al base = prima del foglio servizio, come prima). ==== */
.e-con.wwc-mod-tex.wwc-mod-tex--left::before{inset:auto auto 0 0!important;top:auto!important;right:auto!important;left:0!important;bottom:0!important;width:min(45%,560px)!important;height:auto!important;aspect-ratio:3/2;background:var(--wwc-tex) left bottom/contain no-repeat!important}
/* wwc-mod-breadcrumb: <nav aria-label="Percorso"><ol>, ultima voce aria-current="page". Chiaro di base, scuro dentro .wwc-dark / hero nero. */
.wwc-mod-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 .5rem;margin:0;padding:0;list-style:none}
.wwc-mod-breadcrumb li{display:inline-flex;align-items:center;gap:.5rem;margin:0;font:600 .8125rem/1.4 var(--wwc-font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--wwc-muted)}
.wwc-mod-breadcrumb li + li::before{content:"/";content:"/" / "";color:var(--wwc-orange-text)}
.wwc-mod-breadcrumb a{display:inline-flex;align-items:center;min-height:24px;color:inherit!important;font-weight:600!important;text-decoration:none!important}
.wwc-mod-breadcrumb a:hover,.wwc-mod-breadcrumb a:focus-visible{text-decoration:underline!important;text-decoration-color:var(--wwc-orange)!important;text-decoration-thickness:2px!important}
.wwc-mod-breadcrumb [aria-current="page"]{color:var(--wwc-ink)}
:is(.wwc-dark,.wwc-mod-hero-dark) .wwc-mod-breadcrumb li{color:var(--wwc-on-ink-muted)}
:is(.wwc-dark,.wwc-mod-hero-dark) .wwc-mod-breadcrumb li + li::before{color:var(--wwc-orange)}
:is(.wwc-dark,.wwc-mod-hero-dark) .wwc-mod-breadcrumb [aria-current="page"]{color:var(--wwc-on-ink)}
@media (max-width:767px){.wwc-mod-breadcrumb a{min-height:44px}}
:is(.wwc-dark,.wwc-mod-hero-dark) .wwc-mod-breadcrumb [aria-current="page"]{color:var(--wwc-on-ink-muted)} /* AD corr. 11 (P3) */