/*
 * WWC moduli, foglio PAGINE SERVIZIO (v6, 2026-10-12; rifiniture P2 e P3). Dipende dal foglio base wwc-modules.css (variabili, tessere, cornici, ombre, FAQ).
 * Caricato da wwc-brand.php (sez. 8) solo sulle pagine il cui _elementor_data cita una di queste classi:
 *  wwc-mod-hero-split, wwc-mod-quote-card--hero, wwc-mod-tex--grid, wwc-mod-stairs, wwc-mod-ledger,
 *  wwc-mod-steps, wwc-mod-compare, wwc-mod-bring, wwc-mod-regions, wwc-mod-fit, wwc-mod-faq--narrow, wwc-mod-related.
 * Dal 13/10/2026 (blocco C2) wwc-mod-breadcrumb e wwc-mod-tex--left stanno nel foglio base.
 * Elenco e uso delle classi: vedi i commenti di ogni blocco.
 */

/* ==== v6: pagina pilastro Sviluppo commerciale, blocco P1 (art direction sviluppo commerciale sez. 1 e 3, 2026-10-12) ====
   Componenti nuovi, scritti come moduli riusabili dalle altre pagine servizio. Non toccano le classi v1-v5.
   Variabili: --wwc-split-overlap (cornice dell'hero a fianco che scende nella fascia sotto: 160/120/72). */
:root{--wwc-split-overlap:160px;
--wwc-tex-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.06' stroke-width='1.2'%3E%3Ccircle cx='200' cy='200' r='196'/%3E%3Cellipse cx='200' cy='200' rx='150' ry='196'/%3E%3Cellipse cx='200' cy='200' rx='98' ry='196'/%3E%3Cellipse cx='200' cy='200' rx='44' ry='196'/%3E%3Cpath d='M200 4v392M4 200h392M30 102h340M30 298h340M84 46h232M84 354h232'/%3E%3C/g%3E%3C/svg%3E")}
@media (max-width:1024px){:root{--wwc-split-overlap:120px}}
@media (max-width:767px){:root{--wwc-split-overlap:72px}}

/* Texture WW in basso a sinistra (--left) e texture a meridiani (--grid). Base: .e-con.wwc-mod-tex::before della v4. */
/* (wwc-mod-tex--left spostato nel foglio base il 13/10/2026, blocco C2) */
.e-con.wwc-mod-tex.wwc-mod-tex--grid::before{inset:0 auto 0 50%!important;left:50%!important;right:auto!important;width:min(70%,900px)!important;transform:translateX(-50%);background:var(--wwc-tex-grid) center/contain no-repeat!important}

/* wwc-mod-hero-split: hero con cornice a fianco (destra) che scende nella fascia sotto.
   Struttura: sezione .wwc-mod-hero-split > griglia __grid > colonna __text + colonna __media (cornice wwc-mod-frame + card quote-card--hero).
   La fascia successiva riceve la sporgenza con wwc-mod-straddle-next (qui l'overlap vale --wwc-split-overlap). */
.e-con.wwc-mod-hero-split{overflow:visible!important;z-index:2;padding-bottom:0!important}
.wwc-mod-hero-split + .e-con.wwc-mod-straddle-next{padding-top:calc(var(--wwc-split-overlap) + var(--wwc-space))!important}
.wwc-mod-hero-split__grid.e-con{display:grid!important;grid-template-columns:minmax(0,1fr);row-gap:40px!important;width:100%;max-width:var(--wwc-max);margin-inline:auto!important}
.wwc-mod-hero-split__text.e-con{padding-bottom:48px!important}
.wwc-mod-hero-split__media.e-con{position:relative;margin-bottom:calc(-1 * var(--wwc-split-overlap))!important;z-index:2}
.wwc-mod-hero-split__media .wwc-mod-frame{width:100%!important;aspect-ratio:4/3}
@media (min-width:1025px){
.wwc-mod-hero-split__grid.e-con{grid-template-columns:minmax(0,55fr) minmax(0,45fr);column-gap:90px!important;align-items:end}
.wwc-mod-hero-split__text.e-con{align-self:center;padding-bottom:var(--wwc-space)!important}
.wwc-mod-hero-split__media.e-con{justify-self:end;width:min(480px,100%)!important;align-self:end}
.wwc-mod-hero-split__media .wwc-mod-frame{aspect-ratio:4/5}
}
@media (min-width:1025px) and (max-width:1279px){.wwc-mod-hero-split__media.e-con{width:min(400px,100%)!important}.wwc-mod-hero-split__grid.e-con{column-gap:64px!important}}
/* La tessera riempie la cornice */
.wwc-mod-frame > .wwc-mod-tile,.wwc-mod-frame > .e-con.wwc-mod-tile{position:absolute!important;inset:0;width:100%!important;height:100%!important;min-height:0;margin:0!important}

/* wwc-mod-quote-card--hero: card su tre piani (nero, foto, bianco). Base: wwc-mod-quote-card. --ink = stato tessera (nera, testo bianco). */
.wwc-mod-quote-card.wwc-mod-quote-card--hero{border:1px solid var(--wwc-rule);border-top:4px solid var(--wwc-orange);margin:-48px 16px 0 24px!important;width:auto!important;padding:32px 28px!important;z-index:3}
.wwc-mod-quote-card--hero.wwc-mod-quote-card--ink{background:var(--wwc-ink);color:var(--wwc-on-ink);border:0;border-top:4px solid var(--wwc-orange)}
.wwc-mod-quote-card--hero blockquote{margin:0;padding:0;border:0;quotes:none}
.wwc-mod-quote-card--hero blockquote p{margin:0;font:600 clamp(1.375rem,1.2rem + .5vw,1.625rem)/1.15 var(--wwc-font-display);text-transform:none;letter-spacing:0;color:var(--wwc-ink);text-wrap:balance}
.wwc-mod-quote-card--hero .wwc-mod-quote-card__by{margin:1rem 0 0!important;font:600 .8125rem/1.4 var(--wwc-font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--wwc-muted)}
.wwc-mod-quote-card--ink blockquote p{color:#fff}
.wwc-mod-quote-card--ink .wwc-mod-quote-card__by{color:var(--wwc-on-ink-muted)}
@media (max-width:767px){.wwc-mod-quote-card.wwc-mod-quote-card--hero{margin:-48px 16px 0 0!important;padding:28px!important}}
@media (min-width:1025px){.wwc-mod-quote-card.wwc-mod-quote-card--hero{position:absolute!important;left:-32px;bottom:-40px;width:320px!important;margin:0!important;padding:40px!important}}
@media (min-width:1280px){.wwc-mod-quote-card.wwc-mod-quote-card--hero{left:-64px;width:360px!important}}

/* wwc-mod-breadcrumb: spostato nel foglio base il 13/10/2026 (blocco C2 Chi siamo, proposta AD chi-siamo 3.1). */

/* wwc-mod-stairs: 3 card a scalini (0/48/96 da 1025), filetto arancione a sinistra; __card--link = card intera come link. */
.wwc-mod-stairs.e-con{display:grid!important;grid-template-columns:minmax(0,1fr);gap:16px!important;align-items:start}
.wwc-mod-stairs__card.e-con{position:relative;background:var(--wwc-paper);box-shadow:inset 4px 0 0 var(--wwc-orange);padding:28px 24px 28px 28px!important}
.wwc-mod-stairs--on-paper .wwc-mod-stairs__card.e-con{background:var(--wwc-white)}
.wwc-mod-stairs__card :is(h3,.elementor-heading-title){font:700 clamp(1.5rem,1.2rem + 1vw,1.875rem)/1.02 var(--wwc-font-display);text-transform:uppercase;color:var(--wwc-ink);margin:0}
.wwc-mod-stairs__card .elementor-widget-text-editor{font-size:1.0625rem}
a.wwc-mod-stairs__card{color:inherit;text-decoration:none!important;transition:outline-color .2s ease}
a.wwc-mod-stairs__card .wwc-mod-stairs__more{display:inline-flex;align-items:center;gap:.5rem;font:600 1rem/1.4 var(--wwc-font-text);color:var(--wwc-ink);text-decoration:underline;text-decoration-color:var(--wwc-orange);text-decoration-thickness:2px;text-underline-offset:.25em}
a.wwc-mod-stairs__card .wwc-mod-stairs__arrow{display:inline-block;transition:transform .2s ease}
@media (hover:hover){a.wwc-mod-stairs__card:hover{outline:1px solid var(--wwc-ink);outline-offset:-1px}a.wwc-mod-stairs__card:hover .wwc-mod-stairs__arrow{transform:translateX(4px)}}
a.wwc-mod-stairs__card:focus-visible{outline:2px solid var(--wwc-orange);outline-offset:2px}
a.wwc-mod-stairs__card:focus-visible .wwc-mod-stairs__arrow{transform:translateX(4px)}
@media (min-width:1025px){
.wwc-mod-stairs.e-con{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px!important}
.wwc-mod-stairs > .e-con:nth-child(2){margin-top:48px!important}
.wwc-mod-stairs > .e-con:nth-child(3){margin-top:96px!important}
.wwc-mod-stairs__card.e-con{padding:48px 40px!important}
}

/* wwc-mod-ledger: registro <ol role="list"> su fondo scuro, 2 colonne che scorrono per righe da 1025.
   Riga: indice (counter CSS, testo alternativo vuoto) · __body (<strong> attività + dettaglio) · __phase (etichetta di fase, testo vero). */
.wwc-mod-ledger{counter-reset:wwc-ledger;list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:minmax(0,1fr);column-gap:64px}
.wwc-mod-ledger > li{counter-increment:wwc-ledger;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:8px;row-gap:10px;align-items:start;margin:0!important;padding:16px 0;border-top:1px solid var(--wwc-rule-ink)}
.wwc-mod-ledger > li:last-child{border-bottom:1px solid var(--wwc-rule-ink)}
.wwc-mod-ledger > li::before{content:counter(wwc-ledger,decimal-leading-zero);content:counter(wwc-ledger,decimal-leading-zero) / "";font:600 1.125rem/1.35 var(--wwc-font-display);color:var(--wwc-orange)}
.wwc-mod-ledger__body{grid-column:2;font:400 .9375rem/1.5 var(--wwc-font-text);color:var(--wwc-on-ink-muted)}
.wwc-mod-ledger__body strong{display:block;font:600 1.1875rem/1.35 var(--wwc-font-text);color:var(--wwc-paper);margin-bottom:.25rem}
.wwc-mod-ledger__phase{grid-column:2;justify-self:start;font:600 .75rem/1 var(--wwc-font-text);letter-spacing:.1em;text-transform:uppercase;color:var(--wwc-on-ink-muted);border:1px solid var(--wwc-rule-ink);padding:6px 8px;white-space:nowrap}
@media (min-width:1025px){
.wwc-mod-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}
.wwc-mod-ledger > li{grid-template-columns:40px minmax(0,1fr) auto;column-gap:16px;padding:20px 0}
.wwc-mod-ledger__phase{grid-column:3;grid-row:1;margin-top:2px}
.wwc-mod-ledger > li:last-child{border-bottom:0}
.wwc-mod-ledger > li:nth-last-child(-n+2){border-bottom:1px solid var(--wwc-rule-ink)}
}

/* wwc-mod-steps: timeline a nodi su binario fermo (fondo carta). Container wwc-mod-steps (role=list) con 4 item wwc-mod-steps__item
   (role=listitem): numero (p, aria-hidden, classe wwc-mod-steps__num), H3, testo. Nodo e binario in CSS (::after: ::before è di Elementor). */
.wwc-mod-steps.e-con{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr);gap:32px!important;padding-left:40px!important}
.e-con.wwc-mod-steps::after{content:""!important;position:absolute!important;left:6px!important;top:6px!important;bottom:6px!important;width:2px!important;height:auto!important;background:linear-gradient(to bottom,var(--wwc-orange) 0 25%,var(--wwc-rule) 25% 100%)!important;z-index:0;pointer-events:none}
.wwc-mod-steps__item.e-con{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:12px!important;align-items:baseline}
.e-con.wwc-mod-steps__item::after{content:""!important;position:absolute!important;left:-40px!important;top:6px!important;width:14px!important;height:14px!important;background:var(--wwc-ink)!important;box-shadow:0 0 0 4px var(--wwc-steps-bg,var(--wwc-paper));z-index:1;transition:background-color .2s ease;pointer-events:none}
.e-con.wwc-mod-steps__item:first-child::after{background:var(--wwc-orange)!important}
.wwc-mod-steps__item:focus-within::after{background:var(--wwc-orange)!important}
@media (hover:hover){.wwc-mod-steps__item:hover::after{background:var(--wwc-orange)!important}}
.wwc-mod-steps__num .elementor-heading-title{font:700 2rem/1 var(--wwc-font-display)!important;color:var(--wwc-ink)!important;margin:0!important}
.wwc-mod-steps__num{margin:0!important}
.wwc-mod-steps__item :is(h3,.elementor-heading-title:not(p)){font:600 1.5rem/1.05 var(--wwc-font-display);text-transform:uppercase;color:var(--wwc-ink);margin:0}
.wwc-mod-steps__item > .elementor-widget-text-editor{grid-column:1 / -1;margin-top:.75rem!important;font-size:1rem;line-height:1.55}
@media (min-width:1025px){
.wwc-mod-steps.e-con{grid-template-columns:repeat(4,minmax(0,1fr));padding-left:0!important}
.e-con.wwc-mod-steps::after{left:0!important;right:0!important;top:55px!important;bottom:auto!important;width:auto!important;height:2px!important;background:linear-gradient(to right,var(--wwc-orange) 0 25%,var(--wwc-rule) 25% 100%)!important}
.wwc-mod-steps__item.e-con{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.e-con.wwc-mod-steps__item::after{left:0!important;top:48px!important}
.wwc-mod-steps__num .elementor-heading-title{font-size:2.5rem!important}
.wwc-mod-steps__num{margin-bottom:46px!important}
.wwc-mod-steps__item > .elementor-widget-text-editor{margin-top:.75rem!important}
}

/* wwc-mod-compare: tabella comparativa (widget HTML con role espliciti), card per partner sotto 1025. */
.wwc-mod-compare{width:100%}
.wwc-mod-compare table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0;border:0}
.wwc-mod-compare caption{caption-side:top;text-align:left;font:600 .9375rem/1.4 var(--wwc-font-text);color:var(--wwc-muted);margin:0 0 16px;padding:0}
.wwc-mod-compare th,.wwc-mod-compare td{text-align:left;vertical-align:top;border:0;font-family:var(--wwc-font-text)}
.wwc-mod-compare thead th{background:var(--wwc-ink);color:var(--wwc-paper);font:600 .8125rem/1.35 var(--wwc-font-text);letter-spacing:.06em;text-transform:uppercase;padding:16px 24px;border-bottom:3px solid var(--wwc-orange)}
.wwc-mod-compare tbody th{background:var(--wwc-paper);font:700 1.375rem/1.05 var(--wwc-font-display);text-transform:uppercase;color:var(--wwc-ink);padding:24px;border-bottom:1px solid var(--wwc-rule)}
.wwc-mod-compare td{font-size:1rem;line-height:1.5;color:var(--wwc-text);padding:24px;border-bottom:1px solid var(--wwc-rule);background:var(--wwc-white);transition:background-color .2s ease}
.wwc-mod-compare .wwc-cmp-label{display:none}
@media (hover:hover) and (min-width:1025px){.wwc-mod-compare tbody tr:hover td{background:var(--wwc-card)}}
@media (min-width:1025px){.wwc-mod-compare thead th:first-child{width:18%}}
@media screen and (max-width:1024px){
.wwc-mod-compare table,.wwc-mod-compare tbody,.wwc-mod-compare tr,.wwc-mod-compare th,.wwc-mod-compare td{display:block;width:auto}
.wwc-mod-compare thead{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wwc-mod-compare tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.wwc-mod-compare tbody tr{border:1px solid var(--wwc-rule);background:var(--wwc-white)}
.wwc-mod-compare tbody th{background:var(--wwc-ink);color:#fff;font-size:1.5rem;padding:16px 20px;border-bottom:3px solid var(--wwc-orange)}
.wwc-mod-compare td{padding:16px 20px}
.wwc-mod-compare tr td:last-child{border-bottom:0}
.wwc-mod-compare .wwc-cmp-label{display:block;font:600 .75rem/1.4 var(--wwc-font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--wwc-muted);margin:0 0 4px}
}
@media screen and (min-width:768px) and (max-width:1024px){.wwc-mod-compare tbody{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* wwc-mod-bring: lista "cosa portare" (<ol class="wwc-mod-bring" role="list">), indice in quadrato con counter CSS. */
.wwc-mod-bring{counter-reset:wwc-bring;list-style:none;margin:0!important;padding:0!important}
.wwc-mod-bring > li{counter-increment:wwc-bring;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:16px;align-items:start;margin:0!important;padding:16px 0;border-top:1px solid var(--wwc-rule);font-size:1rem;line-height:1.5;color:var(--wwc-text)}
.wwc-mod-bring > li:last-child{border-bottom:1px solid var(--wwc-rule)}
.wwc-mod-bring > li::before{content:counter(wwc-bring);content:counter(wwc-bring) / "";display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--wwc-ink);font:600 1.125rem/1 var(--wwc-font-display);color:var(--wwc-ink)}
.wwc-mod-bring > li > *{grid-column:2}
.wwc-mod-bring strong{display:block;font:600 1.125rem/1.35 var(--wwc-font-text);color:var(--wwc-ink)}
.wwc-mod-bring__note{margin-top:16px!important;font-style:italic;font-size:.9375rem;color:var(--wwc-muted)}
@media (min-width:768px){.wwc-mod-bring > li{grid-template-columns:40px minmax(0,1fr);column-gap:20px}.wwc-mod-bring > li::before{width:40px;height:40px;font-size:1.25rem}}

/* wwc-mod-regions: atlante tipografico (griglia 12 colonne da 1025, aree in posizione geografica approssimata). */
.wwc-mod-regions.e-con{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0}
.wwc-mod-regions__area.e-con{position:relative;padding:28px 0!important;border-top:1px solid var(--wwc-rule-ink)}
.wwc-mod-regions__area.e-con::after{content:""!important;position:absolute!important;left:0!important;top:-1px!important;width:40px!important;height:3px!important;background:var(--wwc-orange)!important;pointer-events:none}
.wwc-mod-regions__area :is(h3,.elementor-heading-title){font:700 clamp(2.5rem,1.6rem + 2.4vw,3.5rem)/.95 var(--wwc-font-display);text-transform:uppercase;color:#fff;margin:0}
.wwc-mod-regions__area ul{list-style:none;margin:.75rem 0 0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:1rem;line-height:1.5;color:var(--wwc-on-ink-muted)}
.wwc-mod-regions__area ul li{margin:0}
.wwc-mod-regions__area ul li + li::before{content:"·";content:"·" / "";margin-right:.5rem;color:var(--wwc-on-ink-muted)}
.wwc-mod-regions__origin{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font:600 .8125rem/1.4 var(--wwc-font-text);color:var(--wwc-on-ink)}
.wwc-mod-regions__origin::before{content:"";width:10px;height:10px;background:var(--wwc-orange);flex:none}
.wwc-mod-regions__from.e-con{margin-top:56px!important;padding-top:24px!important;border-top:1px solid var(--wwc-rule-ink)}
.wwc-mod-regions__from .wwc-mod-regions__names{font:600 1.5rem/1.3 var(--wwc-font-display);text-transform:uppercase;color:var(--wwc-paper)}
.wwc-mod-regions__from .wwc-mod-regions__sep{color:var(--wwc-orange);margin:0 .5rem}
@media (min-width:768px) and (max-width:1024px){.wwc-mod-regions.e-con{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px!important}}
@media (min-width:1025px){
.wwc-mod-regions.e-con{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px!important;row-gap:56px!important;min-height:420px;align-content:start}
.wwc-mod-regions__area--na.e-con{grid-column:1 / span 3;grid-row:1}
.wwc-mod-regions__area--eu.e-con{grid-column:5 / span 3;grid-row:1}
.wwc-mod-regions__area--asia.e-con{grid-column:9 / span 4;grid-row:1}
.wwc-mod-regions__area--me.e-con{grid-column:6 / span 3;grid-row:2}
}

/* wwc-mod-fit: coppia sì/no. __yes nera con ombra piena e texture piccola, __no bianca a contorno. Marcatori decorativi. */
.wwc-mod-fit.e-con{display:grid!important;grid-template-columns:minmax(0,1fr);gap:40px!important}
.wwc-mod-fit__yes.e-con,.wwc-mod-fit__no.e-con{padding:28px 24px!important}
.wwc-mod-fit__yes.e-con{position:relative;background:var(--wwc-ink);color:var(--wwc-on-ink);box-shadow:12px 12px 0 0 var(--wwc-rule);isolation:isolate}
.e-con.wwc-mod-fit__yes::after{content:""!important;position:absolute!important;right:0!important;bottom:0!important;width:min(45%,260px)!important;aspect-ratio:3/2;background:var(--wwc-tex) right bottom/contain no-repeat!important;z-index:-1;pointer-events:none}
.wwc-mod-fit__no.e-con{background:var(--wwc-white);border:1px solid var(--wwc-rule)}
.wwc-mod-fit :is(h3,.elementor-heading-title){font:700 clamp(1.625rem,1.3rem + 1vw,2rem)/1.02 var(--wwc-font-display);text-transform:uppercase;margin:0 0 1.25rem}
.wwc-mod-fit__yes :is(h3,.elementor-heading-title){color:#fff}
.wwc-mod-fit__no :is(h3,.elementor-heading-title){color:var(--wwc-ink)}
.wwc-mod-fit ul{list-style:none;margin:0!important;padding:0!important}
.wwc-mod-fit ul li{position:relative;margin:0!important;padding:.6rem 0 .6rem 22px;font-size:1.0625rem;line-height:1.5}
.wwc-mod-fit ul li::before{content:"";position:absolute;left:0;top:1.05rem;width:8px;height:8px}
.wwc-mod-fit__yes ul li{color:var(--wwc-on-ink)}
.wwc-mod-fit__yes ul li::before{background:var(--wwc-orange)}
.wwc-mod-fit__no ul li{color:var(--wwc-text)}
.wwc-mod-fit__no ul li::before{border:1px solid var(--wwc-muted)}
@media (min-width:1025px){.wwc-mod-fit.e-con{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px!important;align-items:start}.wwc-mod-fit__yes.e-con,.wwc-mod-fit__no.e-con{padding:48px!important}.wwc-mod-fit__yes.e-con{box-shadow:24px 24px 0 0 var(--wwc-rule)}}

/* wwc-mod-faq--narrow: FAQ a colonna unica (860 px), nessuna colonna sticky. */
.wwc-mod-faq--narrow{max-width:860px;width:100%}

/* wwc-mod-related: riga di link testuali con freccia, filetto superiore, impilati sotto 768. */
.wwc-mod-related.e-con{margin-top:clamp(3rem,6vw,5rem)!important;padding-top:32px!important;border-top:1px solid var(--wwc-rule)}
.wwc-mod-related ul{list-style:none;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:0}
.wwc-mod-related li{margin:0}
.wwc-mod-related a{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;font:600 1.375rem/1.1 var(--wwc-font-display);text-transform:uppercase;color:var(--wwc-ink)!important;text-decoration:none!important}
.wwc-mod-related a .wwc-mod-related__arrow{color:var(--wwc-orange-text);transition:transform .2s ease}
.wwc-mod-related a:hover,.wwc-mod-related a:focus-visible{text-decoration:underline!important;text-decoration-color:var(--wwc-orange)!important;text-decoration-thickness:2px!important}
.wwc-mod-related a:focus-visible .wwc-mod-related__arrow{transform:translateX(4px)}
@media (hover:hover){.wwc-mod-related a:hover .wwc-mod-related__arrow{transform:translateX(4px)}}
@media (min-width:768px){.wwc-mod-related ul{flex-direction:row;flex-wrap:wrap;gap:8px 48px}}

@media print{.wwc-mod-compare thead{position:static!important;width:auto;height:auto;clip:auto}.wwc-mod-compare table{display:table}.wwc-mod-compare .wwc-cmp-label{display:none!important}}
@media (prefers-reduced-motion:reduce){.wwc-mod-steps__item::after,a.wwc-mod-stairs__card .wwc-mod-stairs__arrow,.wwc-mod-related a .wwc-mod-related__arrow,.wwc-mod-compare td{transition:none!important}}

/* ==== Pagine servizio, blocco P2 del pilastro (2026-10-12): rifiniture dei componenti v6 provati in pagina ==== */
/* wwc-mod-regions: testo dell'area in un Editor di testo (prosa del piano al posto dell'elenco paesi). */
.wwc-mod-regions__area .elementor-widget-text-editor{margin-top:.875rem!important;font-size:1rem;line-height:1.55;color:var(--wwc-on-ink-muted);max-width:30rem}
.wwc-mod-regions__area .elementor-widget-text-editor p{margin:0}
@media (min-width:1025px){.wwc-mod-regions__area :is(h3,.elementor-heading-title){font-size:clamp(2.5rem,1.2rem + 2.2vw,3.25rem)}}
/* wwc-mod-fit: le liste sono dentro un Editor di testo; colori ereditati dalla card. */
.wwc-mod-fit__yes .elementor-widget-text-editor{color:var(--wwc-on-ink)}
/* wwc-mod-bring: testo delle voci a 17 px (come il corpo della pagina). */
.wwc-mod-bring > li{font-size:1.0625rem}
/* wwc-mod-compare: contenitore raggiungibile da tastiera solo come rete di sicurezza (non scorre): focus visibile. */
.wwc-mod-compare:focus-visible{outline:2px solid var(--wwc-orange);outline-offset:4px}
.wwc-mod-compare td strong{font-weight:600;color:var(--wwc-ink)}
@media screen and (max-width:767px){.wwc-mod-compare td{padding:12px 20px}.wwc-mod-compare tbody th{padding:14px 20px}}
/* wwc-mod-faq--narrow: Elementor dà ai widget nei container max-width 100%: la colonna da 860 px va forzata. */
.wwc-mod-faq--narrow{max-width:860px!important}

/* ==== Pagine servizio, blocco P3 del pilastro (2026-10-12): revisione AD (corr. 4, 7, 9, 10, 11, 12, 13) ==== */
/* wwc-mod-breadcrumb su scuro: tutte le voci #B8B1A7, anche l'ultima (lo stato lo dà aria-current, non il colore). AD corr. 11 */
/* (breadcrumb su scuro, AD corr. 11: spostato nel foglio base con il resto del breadcrumb, 13/10/2026) */
/* wwc-mod-ledger: __phase--rep = etichetta uguale a quella della voce sopra, nascosta sotto 768; righe a 12 px. AD corr. 10 (A8) */
@media (max-width:767px){.wwc-mod-ledger > li{padding:12px 0}.wwc-mod-ledger__phase--rep{display:none}}
/* wwc-mod-compare sotto 1025: didascalia a tutta larghezza (bug: 6 righe in 90 px), etichetta e valore sulla stessa riga (42% / resto);
   sotto 360 torna l'impilato. Gli span delle etichette restano aria-hidden. AD corr. 4 e 9 (A7) */
@media screen and (max-width:1024px){
.wwc-mod-compare caption{display:block;width:100%;text-align:left;margin:0 0 12px}
.wwc-mod-compare td{display:grid;grid-template-columns:42% minmax(0,1fr);column-gap:12px;align-items:baseline;padding:12px 16px;font-size:1rem}
.wwc-mod-compare .wwc-cmp-label{font:600 .6875rem/1.4 var(--wwc-font-text);letter-spacing:.06em;margin:0}
.wwc-mod-compare tbody th{padding:14px 16px}
}
@media screen and (max-width:359px){.wwc-mod-compare td{display:block}.wwc-mod-compare .wwc-cmp-label{margin:0 0 4px}}
/* wwc-mod-regions da 1025: 4 aree su una riga, da ovest a est (Nord America 1-3, Europa 4-6, Medio Oriente 7-9, Asia 10-12);
   H3 48 px da 1280 e 40 px da 1025, allineati sulla base (min 2 righe). AD corr. 7 (A4) */
@media (min-width:1025px){
.wwc-mod-regions.e-con{row-gap:0!important;min-height:0;align-content:start}
.wwc-mod-regions__area--na.e-con{grid-column:1 / span 3;grid-row:1}
.wwc-mod-regions__area--eu.e-con{grid-column:4 / span 3;grid-row:1}
.wwc-mod-regions__area--me.e-con{grid-column:7 / span 3;grid-row:1}
.wwc-mod-regions__area--asia.e-con{grid-column:10 / span 3;grid-row:1}
.wwc-mod-regions__area :is(h3,.elementor-heading-title){font-size:2.5rem;display:flex;align-items:flex-end;min-height:1.9em}
}
@media (min-width:1280px){.wwc-mod-regions__area :is(h3,.elementor-heading-title){font-size:3rem}}
/* wwc-mod-tex--grid: meridiani min(60%,760px), centrati in verticale sulla fascia. AD corr. 7 */
.e-con.wwc-mod-tex.wwc-mod-tex--grid::before{top:50%!important;bottom:auto!important;width:min(60%,760px)!important;height:auto!important;aspect-ratio:1;transform:translate(-50%,-50%)!important}
/* wwc-mod-fit: texture della card "sì" in basso a destra fuori dal testo (AD corr. 13); sotto 768 card più stretta di 12 px, ombra dentro il margine (corr. 12) */
.wwc-mod-fit__yes.e-con{overflow:hidden}
.e-con.wwc-mod-fit__yes::after{right:-24px!important;bottom:-24px!important;width:140px!important}
@media (max-width:1024px){.wwc-mod-fit__yes.e-con{width:calc(100% - 12px)!important}}
@media (min-width:768px) and (max-width:1024px){.wwc-mod-fit__yes ul{padding-right:120px!important}}

/* ==== Pagine servizio, blocco S1 del pilastro (2026-10-12): animazioni misurate ====
   Regole: niente nel primo schermo, una volta sola, solo opacity/transform/clip-path, niente parallasse,
   prefers-reduced-motion = tutto fermo e visibile, senza JS tutto visibile (gli stati nascosti esistono solo con le classi
   wwc-s1-arm messe dallo script della pagina). Lo script (widget wwc-css della pagina) aggiunge: wwc-s1-arm / wwc-s1-in su
   .wwc-mod-compare, .wwc-mod-regions, .wwc-mod-reveal; wwc-s1-done su .wwc-mod-steps a binario pieno.
   Classe nuova: wwc-mod-reveal (cornice foto che entra a tendina, clip-path). */

/* (1) wwc-mod-steps: binario che si riempie con lo scroll e nodi accesi in sequenza (animation-timeline: view()).
   Senza supporto: binario fermo col primo quarto arancione (regole v6 sopra). */
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.wwc-mod-steps.e-con{view-timeline-name:--wwc-steps;view-timeline-axis:block;background:linear-gradient(var(--wwc-rule),var(--wwc-rule)) 6px 6px/2px calc(100% - 12px) no-repeat}
.e-con.wwc-mod-steps::after{background:var(--wwc-orange)!important;transform-origin:50% 0;animation:wwc-s1-fill-y linear both;animation-timeline:--wwc-steps;animation-range:cover 20% cover 55%}
.e-con.wwc-mod-steps__item::before{content:""!important;display:block!important;position:absolute!important;left:-40px!important;top:6px!important;width:14px!important;height:14px!important;background:var(--wwc-orange)!important;border:0!important;border-radius:0!important;mix-blend-mode:normal!important;z-index:2;pointer-events:none;transition:none;opacity:0;animation:wwc-s1-node-2 linear both;animation-timeline:--wwc-steps;animation-range:cover 20% cover 55%}
.e-con.wwc-mod-steps__item:first-child::before{opacity:1;animation:none}
.e-con.wwc-mod-steps__item:nth-child(3)::before{animation-name:wwc-s1-node-3}
.e-con.wwc-mod-steps__item:nth-child(4)::before{animation-name:wwc-s1-node-4}
.wwc-mod-steps.wwc-s1-done.e-con::after{animation:none;transform:none}
.wwc-mod-steps.wwc-s1-done .e-con.wwc-mod-steps__item::before{animation:none;opacity:1}
}
@media (prefers-reduced-motion: no-preference) and (min-width:1025px) {
.wwc-mod-steps.e-con{background-position:0 55px;background-size:100% 2px}
.e-con.wwc-mod-steps::after{transform-origin:0 50%;animation-name:wwc-s1-fill-x}
.e-con.wwc-mod-steps__item::before{left:0!important;top:48px!important}
}
}
@keyframes wwc-s1-fill-y{from{transform:scaleY(.04)}to{transform:scaleY(1)}}
@keyframes wwc-s1-fill-x{from{transform:scaleX(.04)}to{transform:scaleX(1)}}
@keyframes wwc-s1-node-2{0%,30%{opacity:0}36%,100%{opacity:1}}
@keyframes wwc-s1-node-3{0%,61%{opacity:0}67%,100%{opacity:1}}
@keyframes wwc-s1-node-4{0%,92%{opacity:0}98%,100%{opacity:1}}

@media (prefers-reduced-motion: no-preference) {
/* (2) wwc-mod-compare: righe a cascata (80 ms) all'ingresso */
.wwc-mod-compare.wwc-s1-arm tbody tr{opacity:0;transform:translateY(16px)}
.wwc-mod-compare.wwc-s1-in tbody tr{animation:wwc-s1-rise .6s cubic-bezier(.2,.7,.2,1) both}
.wwc-mod-compare.wwc-s1-in tbody tr:nth-child(2){animation-delay:80ms}
.wwc-mod-compare.wwc-s1-in tbody tr:nth-child(3){animation-delay:160ms}
.wwc-mod-compare.wwc-s1-in tbody tr:nth-child(4){animation-delay:240ms}
.wwc-mod-compare.wwc-s1-in tbody tr:nth-child(5){animation-delay:320ms}
/* (3) wwc-mod-regions: le aree si accendono una dopo l'altra, tratto arancione che si allunga sotto il nome */
.wwc-mod-regions.wwc-s1-arm .wwc-mod-regions__area{opacity:0}
.wwc-mod-regions.wwc-s1-arm .wwc-mod-regions__area > .elementor-widget-heading::after{transform:scaleX(0)}
.wwc-mod-regions.wwc-s1-in .wwc-mod-regions__area{animation:wwc-s1-light .5s ease both}
.wwc-mod-regions.wwc-s1-in .wwc-mod-regions__area > .elementor-widget-heading::after{animation:wwc-s1-stroke .6s cubic-bezier(.2,.7,.2,1) both}
.wwc-mod-regions.wwc-s1-in .wwc-mod-regions__area:nth-child(2),.wwc-mod-regions.wwc-s1-in .wwc-mod-regions__area:nth-child(2) > .elementor-widget-heading::after{animation-delay:280ms}
.wwc-mod-regions.wwc-s1-in .wwc-mod-regions__area:nth-child(3),.wwc-mod-regions.wwc-s1-in .wwc-mod-regions__area:nth-child(3) > .elementor-widget-heading::after{animation-delay:560ms}
.wwc-mod-regions.wwc-s1-in .wwc-mod-regions__area:nth-child(4),.wwc-mod-regions.wwc-s1-in .wwc-mod-regions__area:nth-child(4) > .elementor-widget-heading::after{animation-delay:840ms}
/* (4) wwc-mod-reveal: foto che entra a tendina (dall'alto in basso), poi ferma */
.wwc-mod-reveal.wwc-s1-arm{clip-path:inset(0 0 100% 0)}
.wwc-mod-reveal.wwc-s1-in{animation:wwc-s1-curtain .9s cubic-bezier(.65,0,.35,1) both}
}
/* Tratto sotto il nome dell'area (fermo e visibile senza JS e con reduced motion) */
.wwc-mod-regions__area > .elementor-widget-heading{position:relative}
.wwc-mod-regions__area > .elementor-widget-heading::after{content:"";content:"" / "";position:absolute;left:0;bottom:-10px;width:48px;height:3px;background:var(--wwc-orange);transform-origin:0 50%;pointer-events:none}
@keyframes wwc-s1-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes wwc-s1-light{from{opacity:0}to{opacity:1}}
@keyframes wwc-s1-stroke{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wwc-s1-curtain{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
/* Tabella: colonna evidenziata con filetto arancione in alto al passaggio del mouse (da 1025, dove è tabella) */
@media (hover:hover) and (min-width:1025px){
.wwc-mod-compare tbody tr:hover td{background:var(--wwc-white)}
.wwc-mod-compare table:has(tbody td:nth-child(2):hover,thead th:nth-child(2):hover) td:nth-child(2),
.wwc-mod-compare table:has(tbody td:nth-child(3):hover,thead th:nth-child(3):hover) td:nth-child(3),
.wwc-mod-compare table:has(tbody td:nth-child(4):hover,thead th:nth-child(4):hover) td:nth-child(4),
.wwc-mod-compare table:has(tbody td:nth-child(5):hover,thead th:nth-child(5):hover) td:nth-child(5){background:var(--wwc-card)}
.wwc-mod-compare table:has(tbody td:nth-child(2):hover,thead th:nth-child(2):hover) thead th:nth-child(2),
.wwc-mod-compare table:has(tbody td:nth-child(3):hover,thead th:nth-child(3):hover) thead th:nth-child(3),
.wwc-mod-compare table:has(tbody td:nth-child(4):hover,thead th:nth-child(4):hover) thead th:nth-child(4),
.wwc-mod-compare table:has(tbody td:nth-child(5):hover,thead th:nth-child(5):hover) thead th:nth-child(5){box-shadow:inset 0 4px 0 var(--wwc-orange)}
}
@media print{.wwc-s1-arm,.wwc-s1-arm *{opacity:1!important;transform:none!important;clip-path:none!important;animation:none!important}}