/* dscms2026 1.0.1 — nome file nuovo: un browser con in cache c26-8f1131ff.css rotto prende questo */
/* =====================================================================
   cms2026 - c26.css v3 - pagine CMS dello Store a schermate (scroll snap)
   Slave CMS, 2026-10-16. Prima pagina: CMS 34 "Forniture Militari".
   Scritto da zero (lo scatto riprende la logica di home2026 snap.js, nostro). Nessun codice esterno.
   Font e colori = tema divesystem2026 (Barlow / Barlow Condensed, #09f #06f #fc0).
   Lo carica il modulo dscms2026 (displayHeader) solo sulle CMS in lista.

   Markup A PROVA DI TinyMCE (vedi stato/SALVATAGGIO_CMS.md): solo classi, id, aria-label, style con variabili;
   niente div vuoti, niente SVG, niente <link>, niente title. I puntini li crea c26.js.
   <div class="c26 c26-snap">
     <section class="c26-sez c26-full c26-scura|c26-chiara c26-sN" id="..." aria-label="Puntino"
              style="--c26-nw:1600px;--c26-nh:1067px;--c26-ar:1600/1067;--c26-bg:url('/cms2026/img/x_t.jpg')">
       <figure class="c26-tela"><img ...></figure>      foto a tutto schermo, MAI oltre la misura naturale
       <div class="c26-in ..."> testi </div>
     </section> ...
   </div>
   <div class="c26-fine">&nbsp;</div>                 da qui la pagina scorre normale
   Regole: bianco solo su foto scurita (sfumatura >= 45%), righe <= 60 caratteri, testo mai sopra il soggetto.
   ===================================================================== */

:root{
  --c26-f-tit:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --c26-f-txt:'Barlow',Arial,Helvetica,sans-serif;
  --c26-blu:#09f;--c26-blu2:#06f;--c26-giallo:#fc0;
  --c26-notte:#0b1015;--c26-nebbia:#c9d2da;--c26-giorno:#f4f4f4;--c26-ink:#111;--c26-grigio:#3c4650;
  --c26-curva:cubic-bezier(.7,0,.2,1);
  --c26-morbida:cubic-bezier(.2,.7,.2,1);
  --c26-h:calc(100vh - var(--testata-ridotta,62px));
  --c26-lato:clamp(18px,4vw,72px);
  --c26-col:1560px;   /* colonna di impaginazione: tutti i testi partono dallo stesso bordo sinistro (--c26-sx) */
  --c26-sx:max(var(--c26-lato),calc((var(--c26-vw,100vw) - var(--c26-col)) / 2 + var(--c26-lato)));
}
@supports (height:100svh){:root{--c26-h:calc(100svh - var(--testata-ridotta,62px))}}

/* --- la pagina: niente briciole (decisione di Giacomo), niente margini del vecchio riquadro --- */
body:has(.c26-snap) .breadcrumb{display:none}
body:has(.c26-snap) #columns{padding-top:0}

/* --- scatto: acceso solo dentro le schermate (classe su <html> messa da c26.js) --- */
html.c26-on{scroll-snap-type:y mandatory;scroll-padding-top:var(--testata-ridotta,62px)}
.c26-snap{position:relative;clear:both}
.c26{font-family:var(--c26-f-txt)}
.c26 *,.c26 *:before,.c26 *:after{box-sizing:border-box}
.rte .c26 p,.rte .c26 ul,.rte .c26 li,.rte .c26 h1,.rte .c26 h2,.rte .c26 figure{margin:0;padding:0}
.rte .c26 ul{list-style:none}
.rte .c26 li:before{display:none}
.c26 img{margin:0!important}   /* il tema mette margini (4px/17px) alle img del contenuto */
/* il tema ha "#cms #center_column p{line-height:18px}" e "h1{margin-bottom:25px}" (due id): qui stessi id */
#cms #center_column .c26 p,#cms #center_column .c26 h1,#cms #center_column .c26 h2{margin:0;padding:0;line-height:inherit}

.c26-sez{position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;
  width:var(--c26-vw,100vw);margin-left:calc(50% - var(--c26-vw,100vw) / 2);height:var(--c26-h);min-height:540px}
.c26-fine{clear:both;height:1px;overflow:hidden;font-size:0;line-height:0;scroll-snap-align:start}
.c26-scura{background:var(--c26-notte);color:#fff}
.c26-chiara{background:var(--c26-giorno);color:var(--c26-ink)}
/* la prima schermata sta sotto la testata intera (in cima alla pagina): aggancia a 0 */
.c26-s1{--c26-h:calc(100vh - var(--testata-piena,128px));scroll-margin-top:calc(var(--testata-piena,128px) - var(--testata-ridotta,62px))}
@supports (height:100svh){.c26-s1{--c26-h:calc(100svh - var(--testata-piena,128px))}}

/* --- fondo d'ambiente: la stessa foto sfocata e scura; si vede SOLO dove lo schermo è più grande della foto --- */
.c26-full:before{content:"";position:absolute;z-index:0;top:-80px;right:-80px;bottom:-80px;left:-80px;
  background:var(--c26-bg) 50% 50%/cover no-repeat;filter:blur(36px) brightness(.32) saturate(1.1)}
.c26-chiara.c26-full:before{filter:blur(36px) brightness(1.15) saturate(.6);opacity:.55}

/* --- la foto: a tutto schermo fino alla sua misura naturale (--c26-nw x --c26-nh), centrata --- */
.c26-tela{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;margin:auto;overflow:hidden;
  width:min(100%,var(--c26-nw));height:min(100%,var(--c26-nh));transition:transform .9s var(--c26-morbida),filter .9s ease}
/* (il reset ".rte .c26 figure{margin:0}" vincerebbe su margin:auto: qui con più peso) */
.rte .c26 .c26-tela{margin:auto}
.rte .c26 .c26-meta .c26-tela{margin:0}
.c26-tela img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--c26-op,50% 50%)}
.c26-tela:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}
/* bordi sfumati quando la foto è più stretta dello schermo (larghezza naturale + 1) */
@media (min-width:1601px){.c26-m1600 .c26-tela{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}}
@media (min-width:2049px){.c26-m2048 .c26-tela{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}}

.c26-credito{position:absolute;z-index:3;right:14px;bottom:8px;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.72);text-shadow:0 1px 2px rgba(0,0,0,.7)}
#cms #center_column .c26 .c26-credito{line-height:1.2}
.c26-chiara .c26-credito{color:rgba(0,0,0,.6);text-shadow:none}
.c26-in{position:absolute;z-index:2;transition:opacity .7s ease,transform .8s var(--c26-morbida)}
/* passaggio: la schermata che esce in alto si allontana */
.c26-sez.c26-sopra .c26-in{opacity:0}
.c26-sez.c26-sopra .c26-tela{transform:scale(.94);filter:brightness(.4)}

/* --- testi comuni --- */
.c26-over{font-family:var(--c26-f-tit);font-weight:600;font-size:clamp(13px,1.05vw,17px);letter-spacing:.2em;text-transform:uppercase;
  color:var(--c26-giallo);transition:opacity 1s ease var(--c26-rit-over,.2s),letter-spacing 1.4s var(--c26-morbida) var(--c26-rit-over,.2s)}
#cms #center_column .c26 .c26-over{line-height:1.3}
.c26-chiara .c26-over{color:var(--c26-blu2)}
.c26-vista .c26-over{opacity:1;letter-spacing:.2em}
.c26-r{display:block;overflow:hidden;padding-bottom:.06em}
.c26-r>span{display:block;transition:transform 1s var(--c26-curva) var(--c26-rit-tit,.3s)}
.c26-vista .c26-r>span{transform:none}
.c26-vista .c26-r+.c26-r>span{transition-delay:calc(var(--c26-rit-tit,.3s) + .14s)}
.c26-sale{transition:opacity .9s ease var(--c26-rit,0s),transform 1s var(--c26-morbida) var(--c26-rit,0s)}
.c26-vista .c26-sale{opacity:1;transform:none}
/* sottolineatura che si disegna: SOLO su una parola o frase chiave per schermata */
.c26-sott{background:linear-gradient(var(--c26-blu),var(--c26-blu)) 0 100%/100% 3px no-repeat;padding-bottom:2px;
  transition:background-size 1.2s var(--c26-curva) var(--c26-rit-sott,1.6s)}
.c26-scura .c26-sott{background-image:linear-gradient(var(--c26-giallo),var(--c26-giallo))}
.c26-vista .c26-sott{background-size:100% 3px}
/* invito a scorrere (freccia; il testo "Scorri" c'è solo per i lettori di schermo) */
/* invito a scorrere "Scorri" + freccia: in basso al centro della schermata (c26.js lo sposta nella schermata),
   compare a fine animazione, sparisce al primo scroll (html.c26-scorso), al clic porta alla schermata dopo */
.c26-giu{position:absolute;z-index:4;left:50%;bottom:clamp(12px,2.6vh,26px);display:flex;flex-direction:column;align-items:center;gap:8px;
  transform:translateX(-50%);color:#fff;text-decoration:none!important;border:0!important;transition:opacity .8s ease 2.6s}
.c26-giu span{font-family:var(--c26-f-tit);font-weight:600;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.c26-giu:after{content:"";display:block;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.7);
  background:linear-gradient(#fff,#fff) 50% 46%/2px 14px no-repeat;-webkit-mask:none}
.c26-giu:before{content:"";position:absolute;left:50%;bottom:13px;width:10px;height:10px;margin-left:-5px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.c26-giu:hover:after{background-color:rgba(255,255,255,.15)}
.c26-chiara .c26-giu,.c26-chiara .c26-giu span{color:var(--c26-ink);text-shadow:none}
.c26-chiara .c26-giu:after{border-color:rgba(0,0,0,.35);background-image:linear-gradient(var(--c26-ink),var(--c26-ink))}
.c26-chiara .c26-giu:before{border-color:var(--c26-ink)}
.c26-vista .c26-giu{opacity:1;animation:c26-rimbalzo 2.2s ease-in-out 3.6s infinite}
html.c26-scorso .c26-giu{opacity:0!important;pointer-events:none;transition-delay:0s}
@keyframes c26-rimbalzo{0%,100%{transform:translateX(-50%)}50%{transform:translateX(-50%) translateY(7px)}}

/* =====================================================================
   1. APERTURA - la foto si apre dalla fessura a tutto schermo, titolo in basso
   ===================================================================== */
.c26-s1 .c26-tela{transition:clip-path 1.5s var(--c26-curva) .7s,transform .9s var(--c26-morbida),filter .9s ease}
.c26-s1 .c26-tela img{transition:filter 2s ease 1.1s}
.c26-s1 .c26-tela:after{background:linear-gradient(0deg,rgba(5,8,12,.9) 0%,rgba(5,8,12,.62) 26%,rgba(5,8,12,0) 52%),linear-gradient(180deg,rgba(5,8,12,.55) 0%,rgba(5,8,12,0) 16%)}
/* la fessura: linea blu che si allunga al centro, poi la foto si apre da lì */
.c26-s1:after{content:"";position:absolute;z-index:3;left:8%;right:8%;top:50%;height:2px;margin-top:-1px;background:var(--c26-blu);
  opacity:0;transition:transform .7s var(--c26-curva) .1s,opacity .4s ease 1s;pointer-events:none}
.c26-s1.c26-vista .c26-tela{clip-path:inset(0 0 0 0)}
.c26-s1.c26-vista .c26-tela img{filter:none}
.c26-s1.c26-vista:after{transform:scaleX(1);opacity:0}
.c26-s1 .c26-in{left:0;right:0;bottom:clamp(92px,12vh,124px);margin:0 auto;padding:0 var(--c26-lato);max-width:1440px;text-align:center;--c26-rit-over:1.9s;--c26-rit-tit:2s;--c26-rit-sott:3.1s}
.c26-s1 .c26-over{margin-bottom:12px!important}
.rte .c26-s1 .c26-tit{font-family:var(--c26-f-tit);font-weight:800;font-size:clamp(30px,3.2vw,60px);color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.45)}
#cms #center_column .c26-s1 .c26-tit{line-height:1.02}
.c26-s1 .c26-claim{margin-top:clamp(12px,1.8vh,20px)!important;font-family:var(--c26-f-tit);font-weight:600;font-style:italic;font-size:clamp(19px,1.6vw,28px);color:#fff;--c26-rit:2.6s}
#cms #center_column .c26-s1 .c26-claim{line-height:1.25}

/* =====================================================================
   WOW chiara (.c26-taglio) - foto a tutto schermo che entra di taglio, frase a sinistra sul cielo
   ===================================================================== */
.c26-taglio .c26-tela{transition:clip-path 1.4s var(--c26-curva) .1s,transform .9s var(--c26-morbida),filter .9s ease}
.c26-taglio.c26-vista .c26-tela{clip-path:polygon(0 0,130% 0,100% 100%,0 100%)}
.c26-taglio .c26-tela:after{background:linear-gradient(100deg,rgba(244,244,244,.94) 0%,rgba(244,244,244,.8) 26%,rgba(244,244,244,0) 50%)}
.c26-taglio .c26-in{left:var(--c26-sx);top:50%;transform:translateY(-50%);width:min(35%,600px);--c26-rit-sott:1.5s}
.c26-taglio .c26-claim2{font-family:var(--c26-f-tit);font-weight:700;font-size:clamp(28px,2.7vw,52px);color:var(--c26-ink);--c26-rit:.5s}
#cms #center_column .c26-taglio .c26-claim2{line-height:1.12}
.c26-prod{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(20px,3vh,34px)!important}
.c26 .c26-prod li{font-family:var(--c26-f-tit);font-weight:600;font-size:clamp(14px,1.05vw,18px);letter-spacing:.07em;text-transform:uppercase;color:#fff;
  background:var(--c26-ink);border-radius:3px;padding:9px 15px 8px;box-shadow:0 8px 18px -10px rgba(0,0,0,.6);
  transition:opacity .6s ease,transform .7s var(--c26-morbida)}
#cms #center_column .c26 .c26-prod li{line-height:1.2}
.c26-vista .c26-prod li{opacity:1;transform:none}
.c26-vista .c26-prod li:nth-child(1){transition-delay:1.3s}.c26-vista .c26-prod li:nth-child(2){transition-delay:1.4s}
.c26-vista .c26-prod li:nth-child(3){transition-delay:1.5s}.c26-vista .c26-prod li:nth-child(4){transition-delay:1.6s}
.c26-vista .c26-prod li:nth-child(5){transition-delay:1.7s}.c26-vista .c26-prod li:nth-child(6){transition-delay:1.8s}

/* =====================================================================
   WOW scura (.c26-fuoco) - la foto "va a fuoco", testo a sinistra sul buio
   ===================================================================== */
.c26-fuoco .c26-tela img{transition:filter 1.8s ease .1s}
.c26-fuoco.c26-vista .c26-tela img{filter:none}
.c26-fuoco .c26-tela:after{background:linear-gradient(90deg,rgba(5,8,12,.9) 0%,rgba(5,8,12,.72) 30%,rgba(5,8,12,.2) 48%,rgba(5,8,12,0) 56%)}
.c26-fuoco .c26-in{left:var(--c26-sx);top:50%;transform:translateY(-50%);width:min(40%,640px);--c26-rit-sott:2s}
.c26-fuoco .c26-grande{font-family:var(--c26-f-tit);font-weight:700;font-size:clamp(26px,2.4vw,46px);color:#fff;--c26-rit:.6s}
#cms #center_column .c26-fuoco .c26-grande{line-height:1.12}
.c26-fuoco .c26-testo{margin-top:clamp(14px,2.2vh,24px)!important;font-weight:500;font-size:clamp(16px,1.15vw,20px);color:#dfe6ec;--c26-rit:1.1s}
#cms #center_column .c26-fuoco .c26-testo{line-height:1.55}

/* =====================================================================
   TESTO scura (.c26-meta) - pannello scuro a sinistra (reparti), foto a destra
   ===================================================================== */
.c26-meta .c26-tela{left:auto;margin:0;width:56%;height:100%;transition:clip-path 1.3s var(--c26-curva) .1s,transform .9s var(--c26-morbida),filter .9s ease}
.c26-meta.c26-vista .c26-tela{clip-path:inset(0 0 0 0)}
.c26-meta .c26-tela:after{background:linear-gradient(90deg,rgba(11,16,21,1) 0%,rgba(11,16,21,0) 16%)}
.c26-meta:before{display:none}
.c26-meta .c26-in{left:var(--c26-sx);top:50%;transform:translateY(-50%);width:calc(44% - var(--c26-sx));--c26-rit-sott:1.1s}
.c26-meta .c26-tit2{font-family:var(--c26-f-tit);font-weight:700;font-size:clamp(24px,2.1vw,40px);color:#fff;--c26-rit:.3s}
#cms #center_column .c26-meta .c26-tit2{line-height:1.12}
.c26-reparti{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:clamp(16px,2.6vh,28px)!important}
.c26 .c26-reparti li{position:relative;padding:8px 12px 8px 14px;background:rgba(255,255,255,.06);border-left:3px solid var(--c26-blu);border-radius:2px;
  font-size:clamp(14px,1vw,17px);color:var(--c26-nebbia);transition:opacity .6s ease,transform .7s var(--c26-morbida)}
#cms #center_column .c26 .c26-reparti li{line-height:1.35}
.c26 .c26-reparti li strong{display:block;font-family:var(--c26-f-tit);font-weight:700;font-size:1.22em;letter-spacing:.03em;color:#fff}
.c26 .c26-reparti li:first-child{grid-column:1 / -1}
.c26-vista .c26-reparti li{opacity:1;transform:none}
.c26-vista .c26-reparti li:nth-child(1){transition-delay:.9s}.c26-vista .c26-reparti li:nth-child(2){transition-delay:1s}
.c26-vista .c26-reparti li:nth-child(3){transition-delay:1.1s}.c26-vista .c26-reparti li:nth-child(4){transition-delay:1.2s}
.c26-vista .c26-reparti li:nth-child(5){transition-delay:1.3s}.c26-vista .c26-reparti li:nth-child(6){transition-delay:1.4s}
.c26-vista .c26-reparti li:nth-child(7){transition-delay:1.5s}.c26-vista .c26-reparti li:nth-child(8){transition-delay:1.6s}
.c26-vista .c26-reparti li:nth-child(9){transition-delay:1.7s}.c26-vista .c26-reparti li:nth-child(10){transition-delay:1.8s}

/* WOW: titolo grande e poco testo (schermate 3 e 5) */
.c26-taglio .c26-wtit{font-family:var(--c26-f-tit);font-weight:800;font-size:clamp(32px,3.3vw,64px);color:var(--c26-ink);--c26-rit:.5s}
#cms #center_column .c26-taglio .c26-wtit{line-height:1.06}
.rte .c26-fuoco h2.c26-grande{font-size:clamp(32px,3.2vw,62px);font-weight:800}
#cms #center_column .c26-fuoco h2.c26-grande{line-height:1.06}
.c26-fuoco .c26-testo strong{color:#fff}
/* paesi esteri che compaiono uno dopo l'altro */
.c26-estero{margin-top:clamp(14px,2.2vh,24px)!important;font-size:clamp(14px,1vw,17px);color:var(--c26-nebbia);--c26-rit:1.9s}
#cms #center_column .c26-meta .c26-estero{line-height:1.55}
.c26-estero strong{color:#fff;font-weight:700;display:inline-block;transition:opacity .45s ease,transform .5s var(--c26-morbida)}
.c26-vista .c26-estero strong{opacity:1;transform:none}
.c26-vista .c26-estero strong:nth-of-type(1){transition-delay:2.2s}.c26-vista .c26-estero strong:nth-of-type(2){transition-delay:2.3s}
.c26-vista .c26-estero strong:nth-of-type(3){transition-delay:2.4s}.c26-vista .c26-estero strong:nth-of-type(4){transition-delay:2.5s}
.c26-vista .c26-estero strong:nth-of-type(5){transition-delay:2.6s}.c26-vista .c26-estero strong:nth-of-type(6){transition-delay:2.7s}
.c26-vista .c26-estero strong:nth-of-type(7){transition-delay:2.8s}.c26-vista .c26-estero strong:nth-of-type(8){transition-delay:2.9s}
.c26-vista .c26-estero strong:nth-of-type(9){transition-delay:3s}.c26-vista .c26-estero strong:nth-of-type(10){transition-delay:3.1s}

/* =====================================================================
   TESTO chiara (.c26-testi) - testo leggibile a sinistra, foto di supporto (823 px, mai ingrandite) a destra
   ===================================================================== */
.c26-testi .c26-in{position:relative;height:100%;max-width:var(--c26-col);margin:0 auto;padding:0 var(--c26-lato);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(46%,823px));gap:clamp(28px,4vw,80px);align-items:center}
.c26-testi .c26-claim2{font-family:var(--c26-f-tit);font-weight:700;font-size:clamp(26px,2.3vw,44px);color:var(--c26-ink);max-width:34ch;--c26-rit:.3s}
#cms #center_column .c26-testi .c26-claim2{line-height:1.14}
.rte .c26-testi h2.c26-h2{font-family:var(--c26-f-tit);font-weight:700;font-size:clamp(24px,2vw,38px);color:var(--c26-ink)}
#cms #center_column .c26-testi h2.c26-h2{line-height:1.12;margin-top:clamp(18px,3vh,34px)}
.c26-para{margin-top:clamp(14px,2.2vh,24px)!important;max-width:62ch;font-weight:500;font-size:clamp(16px,1.18vw,20px);color:#2b333b}
#cms #center_column .c26-testi .c26-para{line-height:1.6}
.c26-para strong{color:var(--c26-ink)}
.c26-testi .c26-prod li{background:var(--c26-ink)}
/* foto di supporto: si scopre da destra, angolo blu sfalsato */
.c26-foto{position:relative;width:100%;max-width:823px;justify-self:center}
.c26-foto img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.12),0 30px 60px -28px rgba(0,0,0,.6);
  clip-path:inset(0 0 0 0 round 6px);transition:clip-path 1.3s var(--c26-curva) .35s}
.c26-vista .c26-foto img{clip-path:inset(0 0 0 0 round 6px)}
.c26-foto:before{content:"";position:absolute;z-index:-1;bottom:-14px;left:-14px;width:38%;height:62%;border-bottom:3px solid var(--c26-blu);border-left:3px solid var(--c26-blu);border-radius:0 0 0 10px;
  transition:opacity .8s ease .2s,transform 1.1s var(--c26-morbida) .2s}
.c26-vista .c26-foto:before{opacity:1;transform:none}
/* mosaico di foto di supporto (3 colonne), entrano una dopo l'altra */
.c26-mosaico{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:823px;justify-self:center}
.c26 .c26-mosaico li{overflow:hidden;border-radius:4px;transition:opacity .6s ease,transform .8s var(--c26-morbida)}
.c26-mosaico img{display:block;width:100%;height:auto}
#cms #center_column .c26 .c26-mosaico li{margin:0;line-height:0}
.c26-vista .c26-mosaico li{opacity:1;transform:none}
.c26-vista .c26-mosaico li:nth-child(1){transition-delay:.3s}.c26-vista .c26-mosaico li:nth-child(2){transition-delay:.4s}.c26-vista .c26-mosaico li:nth-child(3){transition-delay:.5s}
.c26-vista .c26-mosaico li:nth-child(4){transition-delay:.6s}.c26-vista .c26-mosaico li:nth-child(5){transition-delay:.7s}.c26-vista .c26-mosaico li:nth-child(6){transition-delay:.8s}
.c26-vista .c26-mosaico li:nth-child(7){transition-delay:.9s}.c26-vista .c26-mosaico li:nth-child(8){transition-delay:1s}.c26-vista .c26-mosaico li:nth-child(9){transition-delay:1.1s}
/* logo NATO accanto al titolo: 360x429 naturale, mostrato piccolo */
/* il logo sta in una riga sua, allineato a sinistra con il testo, con aria sopra e sotto */
#cms #center_column .c26-testi .c26-logo-riga{margin-top:clamp(22px,3.6vh,40px);line-height:0}
#cms #center_column .c26-testi .c26-logo-riga+h2.c26-h2{margin-top:clamp(12px,1.8vh,18px)}
.c26-logo{display:block;width:clamp(52px,3.8vw,72px);height:auto;margin:0;transition:opacity .4s ease 1.6s,transform .6s cubic-bezier(.3,1.6,.5,1) 1.6s}
.c26-vista .c26-logo{opacity:1;transform:none}

/* =====================================================================
   STATI DI PARTENZA degli effetti d'ingresso: valgono SOLO se c26.js gira (mette "c26-js" su <html>)
   e finché la schermata non è in vista. Senza JS, o con un JS vecchio in cache, tutto resta visibile al suo posto.
   ===================================================================== */
.c26-js .c26-sez:not(.c26-vista) .c26-over{opacity:0;letter-spacing:.28em}
.c26-js .c26-sez:not(.c26-vista) .c26-r>span{transform:translateY(108%)}
.c26-js .c26-sez:not(.c26-vista) .c26-sale{opacity:0;transform:translateY(22px)}
.c26-js .c26-sez:not(.c26-vista) .c26-sott{background-size:0 3px}
.c26-js .c26-sez:not(.c26-vista) .c26-giu{opacity:0}
.c26-js .c26-s1:not(.c26-vista) .c26-tela{clip-path:inset(49.7% 0 49.7% 0)}
.c26-js .c26-s1:not(.c26-vista) .c26-tela img{filter:brightness(.3) saturate(.5)}
.c26-js .c26-s1:not(.c26-vista):after{transform:scaleX(0);opacity:1}
.c26-js .c26-taglio:not(.c26-vista) .c26-tela{clip-path:polygon(0 0,0 0,0 100%,0 100%)}
.c26-js .c26-fuoco:not(.c26-vista) .c26-tela img{filter:blur(14px) brightness(.45)}
.c26-js .c26-meta:not(.c26-vista) .c26-tela{clip-path:inset(0 0 0 100%)}
.c26-js .c26-sez:not(.c26-vista) .c26-prod li{opacity:0;transform:translateY(16px) scale(.96)}
.c26-js .c26-sez:not(.c26-vista) .c26-reparti li{opacity:0;transform:translateX(-18px)}
.c26-js .c26-sez:not(.c26-vista) .c26-estero strong{opacity:0;transform:translateY(8px)}
.c26-js .c26-sez:not(.c26-vista) .c26-foto img{clip-path:inset(0 0 0 100% round 6px)}
.c26-js .c26-sez:not(.c26-vista) .c26-foto:before{opacity:0;transform:translate(18px,-18px)}
.c26-js .c26-sez:not(.c26-vista) .c26-mosaico li{opacity:0;transform:translateY(18px)}
.c26-js .c26-sez:not(.c26-vista) .c26-logo{opacity:0;transform:scale(1.25) rotate(-6deg)}

/* pulsanti in fondo (stile bottoni h2 della home: blu pieno + contorno) */
#cms #center_column .c26-testi .c26-azioni{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:clamp(20px,3.2vh,34px);line-height:1}
.c26 a.c26-btn,.c26 a.c26-btn2{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:4px;
  font-family:var(--c26-f-tit);font-weight:700;font-size:18px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .25s,color .25s,box-shadow .25s,transform .25s}
.c26 a.c26-btn{background:var(--c26-blu);color:#fff;box-shadow:0 10px 24px -14px rgba(0,102,255,.9)}
.c26 a.c26-btn:hover,.c26 a.c26-btn:focus{background:var(--c26-blu2);color:#fff;transform:translateY(-2px)}
.c26 a.c26-btn2{background:transparent;color:var(--c26-blu2);box-shadow:inset 0 0 0 2px var(--c26-blu2)}
.c26 a.c26-btn2:hover,.c26 a.c26-btn2:focus{background:var(--c26-blu2);color:#fff}

/* =====================================================================
   Effetti aggiunti per la CMS 35 (Azienda) - riusabili
   ===================================================================== */
/* WOW "sipario": la foto si apre dal centro in verticale e passa dal bianco e nero al colore; testo in basso a sinistra */
.c26-sipario .c26-tela{transition:clip-path 1.5s var(--c26-curva) .3s,transform .9s var(--c26-morbida),filter .9s ease}
.c26-sipario .c26-tela img{transition:filter 2.2s ease .9s}
.c26-sipario .c26-tela:after{background:linear-gradient(20deg,rgba(5,8,12,.92) 0%,rgba(5,8,12,.7) 30%,rgba(5,8,12,0) 58%),linear-gradient(180deg,rgba(5,8,12,.5) 0%,rgba(5,8,12,0) 16%)}
.c26-sipario .c26-in{left:var(--c26-sx);bottom:clamp(92px,12vh,124px);width:min(52%,860px);--c26-rit-over:1.4s;--c26-rit-tit:1.5s;--c26-rit-sott:2.6s}
.c26-sipario .c26-over{margin-bottom:12px!important}
/* anche se è la prima schermata (.c26-s1): testo a sinistra, niente linea blu della fessura */
.c26-s1.c26-sipario .c26-in{left:var(--c26-sx);right:auto;margin:0;padding:0;max-width:none;text-align:left}
.c26-s1.c26-sipario:after{display:none}
.rte .c26-sipario .c26-tit{font-family:var(--c26-f-tit);font-weight:800;font-size:clamp(34px,3.8vw,72px);color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.45)}
#cms #center_column .c26-sipario .c26-tit{line-height:1.02}
.rte .c26-sipario h2.c26-claim{margin-top:clamp(12px,1.8vh,20px)!important;font-family:var(--c26-f-tit);font-weight:600;font-size:clamp(19px,1.6vw,28px);color:#fff;--c26-rit:2.1s}
#cms #center_column .c26-sipario h2.c26-claim{line-height:1.25}
.c26-js .c26-sipario:not(.c26-vista) .c26-tela{clip-path:inset(0 50% 0 50%)}
.c26-js .c26-sipario:not(.c26-vista) .c26-tela img{filter:grayscale(1) brightness(.5)}

/* WOW "tre pannelli": tre foto affiancate a tutta altezza che salgono una dopo l'altra; testo su una fascia in basso */
.c26-tre{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;background:var(--c26-notte)}
.c26-pan{position:relative;overflow:hidden;transition:transform 1.2s var(--c26-curva),clip-path 1.2s var(--c26-curva)}
.c26-pan img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--c26-op,50% 50%)}
.c26-pan:nth-child(2){transition-delay:.15s}.c26-pan:nth-child(3){transition-delay:.3s}
.c26-tre:after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;pointer-events:none;background:linear-gradient(0deg,rgba(5,8,12,.92) 0%,rgba(5,8,12,.7) 35%,rgba(5,8,12,0) 100%)}
.c26-js .c26-sez:not(.c26-vista) .c26-pan{clip-path:inset(100% 0 0 0);transform:translateY(12%)}
.c26-trefascia .c26-in{left:0;right:0;bottom:clamp(28px,7vh,80px);margin:0 auto;padding:0 var(--c26-lato);max-width:1100px;text-align:center;--c26-rit-sott:1.8s}
.c26-trefascia .c26-grande{font-family:var(--c26-f-tit);font-weight:700;font-size:clamp(26px,2.6vw,50px);color:#fff;--c26-rit:1s}
#cms #center_column .c26-trefascia .c26-grande{line-height:1.12}
.c26-conta{font-variant-numeric:tabular-nums}

/* WOW "pennellata": la foto entra di traverso da destra; testo a sinistra sul buio */
.c26-pennello .c26-tela{transition:clip-path 1.5s var(--c26-curva) .1s,transform .9s var(--c26-morbida),filter .9s ease}
.c26-pennello .c26-tela:after{background:linear-gradient(90deg,rgba(5,8,12,.9) 0%,rgba(5,8,12,.75) 32%,rgba(5,8,12,.15) 52%,rgba(5,8,12,0) 60%)}
.c26-pennello .c26-in{left:var(--c26-sx);top:50%;transform:translateY(-50%);width:min(40%,640px);--c26-rit-sott:1.7s}
.rte .c26-pennello h2.c26-grande{font-family:var(--c26-f-tit);font-weight:800;font-size:clamp(32px,3.2vw,62px);color:#fff;--c26-rit:.6s}
#cms #center_column .c26-pennello h2.c26-grande{line-height:1.06}
.rte .c26 h3.c26-h3{margin-top:8px!important;font-family:var(--c26-f-tit);font-weight:600;font-size:clamp(18px,1.4vw,26px);letter-spacing:.02em;color:var(--c26-giallo);--c26-rit:.8s}
.c26-chiara h3.c26-h3,.rte .c26-chiara h3.c26-h3{color:var(--c26-blu2)}
#cms #center_column .c26 h3.c26-h3{line-height:1.2}
.c26-pennello .c26-testo{margin-top:clamp(14px,2.2vh,24px)!important;font-weight:500;font-size:clamp(15px,1.08vw,19px);color:#dfe6ec;--c26-rit:1.1s}
#cms #center_column .c26-pennello .c26-testo{line-height:1.6}
.c26-js .c26-pennello:not(.c26-vista) .c26-tela{clip-path:polygon(100% 0,100% 0,100% 100%,130% 100%)}

/* testo d'apertura di una schermata di lettura (più grande del paragrafo) */
.c26-lead{max-width:56ch;font-family:var(--c26-f-tit);font-weight:600;font-size:clamp(20px,1.65vw,30px);color:var(--c26-ink);--c26-rit:.3s}
#cms #center_column .c26-testi .c26-lead{line-height:1.3}
/* collage di due foto di supporto: la seconda più piccola, sfalsata in basso a sinistra sopra la prima */
.c26-collage{position:relative;width:100%;max-width:823px;justify-self:center;padding-bottom:22%}
.c26-collage img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.12),0 30px 60px -28px rgba(0,0,0,.6);transition:clip-path 1.2s var(--c26-curva) .3s,transform 1.2s var(--c26-morbida) .3s}
.c26-collage img+img{position:absolute;left:-6%;bottom:0;width:58%;border:6px solid var(--c26-giorno);transition-delay:.7s}
.c26-js .c26-sez:not(.c26-vista) .c26-collage img{clip-path:inset(0 0 0 100% round 6px)}
.c26-js .c26-sez:not(.c26-vista) .c26-collage img+img{clip-path:inset(0 0 0 0 round 6px);transform:translateY(30%);opacity:0}
.c26-collage img+img{opacity:1}

/* due prodotti affiancati (titolo, sottotitolo, testo, due foto) */
.c26-due-prod .c26-in{grid-template-columns:1fr 1fr;align-items:center}
.c26-prodotto .c26-foto2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:clamp(14px,2.2vh,24px)}
.c26-prodotto .c26-foto2 img{display:block;width:100%;height:auto;border-radius:4px;transition:opacity .7s ease .9s,transform .9s var(--c26-morbida) .9s}
.c26-prodotto .c26-foto2 img+img{transition-delay:1.05s}
.c26-js .c26-sez:not(.c26-vista) .c26-prodotto .c26-foto2 img{opacity:0;transform:translateY(20px)}
.c26-prodotto+.c26-prodotto .c26-sale{--c26-rit:.5s}

/* =====================================================================
   CMS 68 (DiveSystem a casa tua): foto piccole ricavate dalle grafiche -> layout a riquadri, niente tutto schermo
   ===================================================================== */
/* schermate scure con testo + foto (apertura e contatti): stessa griglia delle schermate di testo */
.c26-intro .c26-in,.c26-contatti-sez .c26-in{position:relative;height:100%;max-width:var(--c26-col);margin:0 auto;padding:0 var(--c26-lato);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(46%,700px));gap:clamp(28px,4vw,80px);align-items:center}
.c26-intro{background:radial-gradient(ellipse at 75% 40%,#13355f 0%,var(--c26-notte) 70%)}
.c26-s1.c26-intro .c26-in{left:auto;right:auto;bottom:auto;text-align:left;max-width:var(--c26-col)}
.c26-s1.c26-intro:after{display:none}
.rte .c26-intro .c26-tit{font-family:var(--c26-f-tit);font-weight:800;font-size:clamp(46px,6vw,110px);color:#fff}
#cms #center_column .c26-intro .c26-tit{line-height:.98}
.c26-nome{font-size:.36em;letter-spacing:.32em;text-transform:uppercase;font-weight:700;color:var(--c26-nebbia);padding-top:.5em}
.c26-intro .c26-claim{margin-top:clamp(16px,2.4vh,28px)!important;font-family:var(--c26-f-txt);font-weight:500;font-style:normal;font-size:clamp(18px,1.5vw,26px);color:#fff;--c26-rit:1.6s}
#cms #center_column .c26-intro .c26-claim{line-height:1.35}
.c26-anni{display:flex;align-items:center;gap:18px;margin-top:clamp(18px,3vh,34px)!important;--c26-rit:2s;--c26-rit-sott:3.4s}
.c26-num{font-family:var(--c26-f-tit);font-weight:800;font-size:clamp(64px,7vw,128px);color:var(--c26-giallo);line-height:.9;min-width:1.1em}
.c26-anni-t{max-width:24ch;font-family:var(--c26-f-tit);font-weight:600;font-size:clamp(17px,1.35vw,24px);color:#fff}
#cms #center_column .c26-anni-t{line-height:1.25}
.c26-foto-scura:before{border-color:var(--c26-giallo)}
.c26-foto-scura img{box-shadow:0 30px 60px -24px rgba(0,0,0,.9)}
/* fascia fotografica sopra un blocco di testo (misura naturale, mai ingrandita) */
#cms #center_column .c26 .c26-banda{margin:0 0 clamp(14px,2.2vh,22px);line-height:0}
.c26-banda img{display:block;width:100%;height:auto;border-radius:6px;transition:clip-path 1.2s var(--c26-curva) .3s}
.c26-prodotto+.c26-prodotto .c26-banda img{transition-delay:.5s}
.c26-js .c26-sez:not(.c26-vista) .c26-banda img{clip-path:inset(0 100% 0 0 round 6px)}
/* eventi: fascia larga (1366 px naturali) in alto, sotto testo e riquadro dell'evento */
.c26-eventi .c26-in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3vh,36px)}
.c26-largo,.rte .c26 .c26-largo{width:min(100%,1366px);margin:0 auto;line-height:0}
.c26-largo img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);transition:clip-path 1.4s var(--c26-curva) .1s}
@media (max-width:1366px){.c26-largo img{-webkit-mask-image:none;mask-image:none}}
.c26-js .c26-sez:not(.c26-vista) .c26-largo img{clip-path:inset(0 50% 0 50%)}
.c26-eventi-testo{width:100%;max-width:var(--c26-col);margin:0 auto;padding:0 var(--c26-lato);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,3.5vw,64px);align-items:start}
.rte .c26-eventi h2.c26-grande{font-family:var(--c26-f-tit);font-weight:800;font-size:clamp(30px,2.8vw,54px);color:#fff;--c26-rit:.5s}
#cms #center_column .c26-eventi h2.c26-grande{line-height:1.05}
.c26-eventi .c26-testo{margin-top:12px!important;font-weight:500;font-size:clamp(15px,1.08vw,19px);color:#dfe6ec;--c26-rit:.8s}
#cms #center_column .c26-eventi .c26-testo{line-height:1.6}
.c26-riquadro{background:#fff;color:var(--c26-ink);border-radius:6px;border-top:4px solid var(--c26-blu);padding:clamp(16px,1.8vw,26px);box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
.c26-riq-tit{font-family:var(--c26-f-tit);font-weight:700;font-size:clamp(19px,1.5vw,26px);color:var(--c26-ink)}
#cms #center_column .c26 .c26-riq-tit{line-height:1.15}
.c26-riq-sotto{margin-top:6px!important;font-family:var(--c26-f-tit);font-weight:600;font-style:italic;font-size:clamp(16px,1.2vw,20px);color:var(--c26-blu2)}
.c26-riq-t{margin-top:10px!important;font-size:clamp(14px,1vw,17px);color:#2b333b}
#cms #center_column .c26 .c26-riq-t{line-height:1.5}
.c26-riq-t a{color:var(--c26-blu2);font-weight:700;text-decoration:none;white-space:nowrap}
.c26-riq-t a:hover{text-decoration:underline}
/* riquadro secondario (Nostromo, CMS 68): in basso, piccolo, senza fondo bianco */
.c26-riq-sec{align-self:end;justify-self:end;max-width:340px;background:rgba(255,255,255,.06);color:#dfe6ec;border-top:2px solid rgba(255,255,255,.35);box-shadow:none;padding:clamp(12px,1.2vw,18px)}
.c26-riq-sec .c26-riq-tit{font-size:clamp(14px,1vw,16px);color:#fff}
.c26-riq-sec .c26-riq-sotto{font-size:clamp(13px,.9vw,15px);color:#9fc3e6}
.c26-riq-sec .c26-riq-t{font-size:clamp(12px,.8vw,14px);color:#c9d3dc}
.c26-riq-sec .c26-riq-t a{color:#9fc3e6}
/* chi sono: testo lungo in due colonne, ritratto rotondo */
.c26-colonne{columns:2 30ch;column-gap:clamp(24px,3vw,48px);margin-top:4px}
#cms #center_column .c26-colonne .c26-para{margin:0 0 .8em!important;font-size:clamp(14px,1vw,17px);line-height:1.55;break-inside:avoid-column}
.c26-chisono .c26-in{grid-template-columns:minmax(0,1fr) minmax(0,min(24%,320px))}
.c26-tondo{justify-self:center;width:100%;max-width:286px;line-height:0}
.c26-tondo img{display:block;width:100%;height:auto;border-radius:50%;box-shadow:0 0 0 6px #fff,0 0 0 9px var(--c26-blu),0 30px 60px -20px rgba(0,0,0,.5);transition:transform 1s var(--c26-morbida) .4s,opacity .8s ease .4s}
.c26-js .c26-sez:not(.c26-vista) .c26-tondo img{transform:scale(.85) rotate(-8deg);opacity:0}
/* contatti finali */
.c26-contatti-sez .c26-over{margin-bottom:14px!important}
.c26-contatti-sez .c26-testo{font-weight:500;font-size:clamp(15px,1.1vw,19px);color:#dfe6ec}
#cms #center_column .c26-contatti-sez .c26-testo{line-height:1.6}
.c26-contatti-sez .c26-grande{margin-top:clamp(12px,2vh,20px)!important;font-family:var(--c26-f-tit);font-weight:700;font-size:clamp(22px,1.9vw,34px);color:#fff}
#cms #center_column .c26-contatti-sez .c26-grande{line-height:1.2}
.c26-contatti{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:clamp(18px,3vh,32px)!important}
.c26 .c26-contatti li{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--c26-nebbia);transition:opacity .6s ease,transform .7s var(--c26-morbida)}
#cms #center_column .c26 .c26-contatti li{line-height:1.3}
.c26 .c26-contatti li a{width:100%}
.c26-contatti-sez a.c26-btn2{color:#fff;box-shadow:inset 0 0 0 2px #fff}
.c26-contatti-sez a.c26-btn2:hover{background:#fff;color:var(--c26-ink)}
.c26-vista .c26-contatti li:nth-child(2){transition-delay:.1s}.c26-vista .c26-contatti li:nth-child(3){transition-delay:.2s}.c26-vista .c26-contatti li:nth-child(4){transition-delay:.3s}
.c26-js .c26-sez:not(.c26-vista) .c26-contatti li{opacity:0;transform:translateY(16px)}

/* =====================================================================
   Pagine di servizio (.c26-doc): testo leggibile, una colonna, niente scroll snap. Assistenza (.c26-hub): schede di link.
   ===================================================================== */
.c26-doc{max-width:860px;margin:clamp(20px,4vh,44px) auto clamp(40px,7vh,80px);padding:clamp(20px,3vw,44px);background:#fff;border-radius:8px;
  box-shadow:0 1px 3px rgba(0,0,0,.08),0 14px 30px -16px rgba(0,0,0,.3);color:#2b333b;font-size:17px}
#cms #center_column .c26-doc p,#cms #center_column .c26-doc li{line-height:1.65;font-size:17px;color:#2b333b}
#cms #center_column .c26-doc p{margin:0 0 1em}
.rte .c26-doc h1,.rte .c26-doc h2,.rte .c26-doc h3,.rte .c26-doc h4{font-family:var(--c26-f-tit);color:var(--c26-ink);text-transform:none}
#cms #center_column .c26-doc h1{margin:0 0 .5em;font-weight:800;font-size:clamp(30px,3vw,46px);line-height:1.08}
#cms #center_column .c26-doc h2{margin:1.3em 0 .45em;font-weight:700;font-size:clamp(24px,2.2vw,34px);line-height:1.12}
#cms #center_column .c26-doc h3{margin:1.2em 0 .4em;font-weight:700;font-size:clamp(20px,1.7vw,26px);line-height:1.15;color:var(--c26-blu2)}
#cms #center_column .c26-doc h4{margin:1em 0 .3em;font-weight:700;font-size:20px;line-height:1.2}
#cms #center_column .c26-doc>h1:first-child,#cms #center_column .c26-doc>h2:first-child{margin-top:0}
.rte .c26-doc ul,.rte .c26-doc ol{margin:0 0 1.1em;padding-left:1.3em}
.rte .c26-doc ul{list-style:none;padding-left:0}
.rte .c26-doc ul li{position:relative;padding-left:20px;margin:.25em 0}
.rte .c26-doc ul li:before{content:"";display:block;position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--c26-blu)}
.rte .c26-doc ol li{margin:.3em 0;padding-left:4px}
.c26-doc a{color:var(--c26-blu2);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(0,102,255,.3)}
.c26-doc a:hover{border-bottom-color:var(--c26-blu2)}
/* un link da solo nel suo paragrafo = un bottone */
.c26-doc p>a:only-child{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border:0;border-radius:4px;background:var(--c26-blu);color:#fff;
  font-family:var(--c26-f-tit);font-weight:700;font-size:17px;letter-spacing:.06em;text-transform:uppercase}
.c26-doc p>a:only-child:hover{background:var(--c26-blu2)}
.c26-doc img{display:block;width:auto;max-width:100%;height:auto;margin:1em auto!important;border-radius:6px}   /* misura naturale o più piccola, anche per foto esterne */
.c26-doc iframe{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:6px;margin:.6em 0 1.4em}
.c26-doc table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:15px}
.c26-doc td,.c26-doc th{border:1px solid var(--c26-linea,#e3e3e3);padding:8px 10px;vertical-align:top}
.c26-doc hr{border:0;border-top:1px solid #e3e3e3;margin:1.6em 0}
.c26-doc strong{color:var(--c26-ink)}
/* Assistenza: schede di link */
.c26-hub{max-width:1100px;background:none;box-shadow:none;padding:0 var(--c26-lato)}
.c26-schede{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin:0 0 clamp(28px,4vh,44px)!important;padding:0!important}
.rte .c26-hub .c26-schede>li{margin:0;padding:clamp(16px,1.8vw,24px)!important;background:#fff;border-radius:8px;border-top:4px solid var(--c26-blu);
  box-shadow:0 1px 3px rgba(0,0,0,.08),0 14px 30px -18px rgba(0,0,0,.3)}
.rte .c26-hub .c26-schede>li:before{display:none}
.c26-hub .c26-schede h2{margin:0 0 .4em!important;font-size:22px!important}
.rte .c26-hub .c26-schede ul{margin:0;padding:0}
.rte .c26-hub .c26-schede ul li{margin:.1em 0;padding-left:20px}
#cms #center_column .c26-hub .c26-schede li{font-size:17px;line-height:1.45}
.c26-hub .c26-schede a{border-bottom:0;display:inline-block;padding:4px 0}
.c26-hub .c26-schede a:hover{text-decoration:underline}

/* =====================================================================
   Pagine con azioni (CMS 8 Istruttori, 12 Outlet) — .c26-az: testata scura con foto, passi, requisiti, avviso, azioni finali.
   Regole impeccable/ui-ux-pro-max (19/10): un solo bottone principale per blocco, niente etichette sopra i titoli,
   niente bordi colorati laterali, contrasto >= 4.5:1, bottoni a tutta larghezza sul telefono, focus visibile.
   ===================================================================== */
.c26-az{max-width:1120px;margin:clamp(16px,3vh,32px) auto clamp(40px,7vh,80px);padding:0 var(--c26-lato);color:#2b333b}
.c26-az a:focus-visible{outline:3px solid var(--c26-giallo);outline-offset:3px}
#cms #center_column .c26-az p,#cms #center_column .c26-az li{font-size:17px;line-height:1.6;color:#2b333b;margin:0}
.rte .c26-az h1,.rte .c26-az h2,.rte .c26-az h3{font-family:var(--c26-f-tit);text-transform:none;margin:0}
/* testata */
.c26-az-testa{position:relative;overflow:hidden;border-radius:10px;padding:clamp(32px,5.5vw,80px) clamp(22px,5vw,72px);
  background:linear-gradient(90deg,rgba(11,16,21,.97) 0,rgba(11,16,21,.9) 42%,rgba(11,16,21,.45) 100%),var(--c26-foto,none) 70% 50%/cover no-repeat var(--c26-notte)}
#cms #center_column .c26-az-testa h1{max-width:20ch;font-weight:800;font-size:clamp(36px,4.4vw,64px);line-height:1.02;letter-spacing:-.01em;color:#fff;text-wrap:balance}
#cms #center_column .c26-az-testa p{max-width:56ch;color:#dfe6ec}
#cms #center_column .c26-az-testa p.c26-az-lead{margin-top:18px;font-family:var(--c26-f-tit);font-weight:600;font-size:clamp(20px,1.8vw,27px);line-height:1.25;color:#fff}
#cms #center_column .c26-az-testa p+p{margin-top:14px}
.c26-az-testa .c26-sott{background-image:linear-gradient(var(--c26-giallo),var(--c26-giallo))}
/* bottoni */
#cms #center_column .c26-az .c26-azioni{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:26px;line-height:1}
.c26-az a.c26-btn,.c26-az a.c26-btn2,.c26-az a.c26-btn3{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;padding:12px 28px;
  border:0;border-radius:4px;font-family:var(--c26-f-tit);font-weight:700;font-size:18px;line-height:1.15;letter-spacing:.06em;text-transform:uppercase;text-align:center;text-decoration:none;
  transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.c26-az a.c26-btn3{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
.c26-az a.c26-btn3:hover{background:#fff;color:var(--c26-ink)}
.c26-az .c26-btn-pre{display:block;margin-bottom:4px;font-family:var(--c26-f-txt);font-weight:600;font-size:14px;letter-spacing:.02em;text-transform:none;opacity:.9}
/* sezioni */
.c26-az-sez{margin-top:clamp(40px,6vh,64px)}
#cms #center_column .c26-az-sez>h2{max-width:30ch;font-weight:700;font-size:clamp(26px,2.4vw,36px);line-height:1.1;color:var(--c26-ink)}
#cms #center_column .c26-az-sez>h2+p{margin-top:12px;max-width:70ch}
/* passi */
.rte .c26-az ol.c26-az-passi{counter-reset:c26p;list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rte .c26-az ol.c26-az-passi>li{counter-increment:c26p;position:relative;display:flex;flex-direction:column;gap:10px;margin:0;padding:24px 24px 26px;background:#fff;border-radius:10px;
  box-shadow:0 1px 2px rgba(0,0,0,.06),0 16px 32px -20px rgba(0,0,0,.35)}
.rte .c26-az ol.c26-az-passi>li:before{content:counter(c26p);display:block!important;position:static;width:auto;height:auto;background:none;border-radius:0;
  font-family:var(--c26-f-tit);font-weight:800;font-size:44px;line-height:1;color:var(--c26-blu)}
#cms #center_column .c26-az ol.c26-az-passi h3{font-weight:700;font-size:22px;line-height:1.15;color:var(--c26-ink)}
#cms #center_column .c26-az ol.c26-az-passi .c26-azioni{margin-top:auto;padding-top:6px}
.c26-az ol.c26-az-passi a:not(.c26-btn){color:var(--c26-blu2);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(0,102,255,.35);word-break:break-word}
/* requisiti */
.c26-az-req{margin-top:16px;padding:24px 28px;background:#fff;border-radius:10px;border:1px solid #dfe4e8}
#cms #center_column .c26-az-req h3{font-weight:700;font-size:20px;color:var(--c26-ink)}
.rte .c26-az-req ul{margin:12px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px 28px}
.rte .c26-az-req ul li{position:relative;margin:0;padding-left:28px}
.rte .c26-az-req ul li:before{content:"";display:block;position:absolute;left:0;top:.42em;width:16px;height:9px;border-left:2.5px solid var(--c26-blu);border-bottom:2.5px solid var(--c26-blu);transform:rotate(-45deg) scale(.8);background:none;border-radius:0}
/* elenco in un'unica card (Outlet) */
.rte .c26-az ul.c26-az-voci{margin:22px 0 0;padding:8px 28px;list-style:none;background:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.06),0 16px 32px -20px rgba(0,0,0,.35);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.rte .c26-az ul.c26-az-voci>li{margin:0;padding:20px 0;border-top:1px solid #e6eaee}
.rte .c26-az ul.c26-az-voci>li:before{display:none}
.rte .c26-az ul.c26-az-voci>li:nth-child(-n+2){border-top:0}
.rte .c26-az ul.c26-az-voci>li.c26-az-largo{grid-column:1/-1}
#cms #center_column .c26-az ul.c26-az-voci h3{font-weight:700;font-size:21px;line-height:1.15;color:var(--c26-ink);margin-bottom:6px}
#cms #center_column .c26-az ul.c26-az-voci p{font-size:16px}
/* avviso */
#cms #center_column .c26-az .c26-az-avviso{margin-top:16px;padding:18px 24px;background:#fff6d1;border:1px solid #f0d36b;border-radius:10px}
#cms #center_column .c26-az .c26-az-avviso p{color:#3a3320}
.c26-az .c26-az-avviso strong{color:#1a1608}
/* blocco finale */
.c26-az-fine{margin-top:clamp(40px,6vh,64px);padding:clamp(28px,4vw,56px);border-radius:10px;background:var(--c26-notte);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.c26-az-fine.c26-az-uno{grid-template-columns:1fr}
.c26-az-fine>div{display:flex;flex-direction:column;justify-content:space-between;gap:16px}
#cms #center_column .c26-az-fine h2{font-weight:700;font-size:clamp(24px,2.2vw,32px);line-height:1.1;color:#fff}
#cms #center_column .c26-az-fine p{color:#c9d3dc}
#cms #center_column .c26-az-fine .c26-azioni{margin-top:0}
.c26-az img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:10px}
@media (max-width:900px){
  .rte .c26-az ol.c26-az-passi{grid-template-columns:1fr}
  .c26-az-fine{grid-template-columns:1fr}
  .c26-az-fine>div+div{padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
}
@media (max-width:767px){
  .c26-az{padding:0 12px}
  .c26-az-testa{background:linear-gradient(180deg,rgba(11,16,21,.55) 0,rgba(11,16,21,.92) 45%,rgba(11,16,21,.98) 100%),var(--c26-foto,none) 60% 0/cover no-repeat var(--c26-notte);padding-top:150px}
  .rte .c26-az ul.c26-az-voci{grid-template-columns:1fr;padding:4px 20px}
  .rte .c26-az ul.c26-az-voci>li:nth-child(2){border-top:1px solid #e6eaee}
  #cms #center_column .c26-az .c26-azioni a{flex:1 1 100%}
  .c26-az-req{padding:20px}
}

/* --- puntini a destra (creati da c26.js dentro <body>) --- */
.c26-punti{position:fixed;right:22px;top:50%;z-index:900;display:flex;flex-direction:column;gap:14px;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .3s}
html.c26-on .c26-punti{opacity:1;pointer-events:auto}
.c26-punti a{display:block;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(0,0,0,.5);transition:transform .25s,background .25s}
.c26-punti a:hover{background:#fff}
.c26-punti a.attivo{background:var(--c26-blu);box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.35);transform:scale(1.25)}

/* --- schermi verticali (tablet in piedi) e telefono: foto sopra a tutta larghezza, testo sotto --- */
@media (max-width:1023px) and (max-aspect-ratio:5/4),(max-width:767px){
  .c26-sez{height:auto;min-height:var(--c26-h);display:flex;flex-direction:column;justify-content:center}
  .c26-full:before{display:none}
  .c26-sez.c26-sopra .c26-tela{transform:none;filter:none}
  .c26-tela,.c26-meta .c26-tela,.rte .c26 .c26-tela{position:relative;width:100%;height:auto;margin:0;aspect-ratio:var(--c26-ar,3/2);-webkit-mask-image:none;mask-image:none}
  .c26-in,.c26-s1 .c26-in,.c26-taglio .c26-in,.c26-fuoco .c26-in,.c26-meta .c26-in{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto;max-width:none;
    margin:0;padding:clamp(22px,4vh,40px) var(--c26-lato) clamp(36px,6vh,64px);text-align:left}
  .c26-sez.c26-sopra .c26-in{opacity:1}
  .c26-s1 .c26-tela:after{background:linear-gradient(0deg,rgba(11,16,21,1) 0%,rgba(11,16,21,0) 35%)}
  .c26-s1 .c26-in{text-align:center}
  .c26-taglio .c26-tela:after,.c26-fuoco .c26-tela:after,.c26-meta .c26-tela:after{background:none}
  .c26-reparti{grid-template-columns:1fr}
  .c26-sipario .c26-in,.c26-s1.c26-sipario .c26-in,.c26-pennello .c26-in,.c26-trefascia .c26-in{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto;max-width:none;margin:0;padding:clamp(22px,4vh,40px) var(--c26-lato) clamp(36px,6vh,64px);text-align:left}
  .c26-sipario .c26-tela:after,.c26-pennello .c26-tela:after{background:none}
  .c26-tre{position:relative;height:62vw;max-height:520px}
  .c26-tre:after{display:none}
  .c26-due-prod .c26-in{display:block}
  .c26-intro .c26-in,.c26-contatti-sez .c26-in,.c26-chisono .c26-in{display:block;height:auto;padding-top:clamp(28px,5vh,48px);padding-bottom:clamp(36px,6vh,64px)}
  .c26-eventi-testo{display:block}
  .c26-riquadro{margin-top:24px}
  .c26-colonne{columns:1}
  .c26-tondo{max-width:200px;margin:28px auto 0}
  .c26-contatti{grid-template-columns:1fr}
  .c26-intro .c26-foto,.c26-contatti-sez .c26-foto{margin-top:28px}
  .c26-prodotto+.c26-prodotto{margin-top:36px}
  .c26-collage{margin-top:28px}
  .c26-testi .c26-in{display:block;height:auto}
  .c26-foto,.c26-mosaico{margin-top:28px}
}
/* --- telefono: scatto "morbido" (proximity), niente puntini --- */
@media (max-width:767px){
  html.c26-on{scroll-snap-type:y proximity}
  .c26-giu{position:relative;left:auto;bottom:auto;transform:none;margin:4px auto 24px}
  .c26-vista .c26-giu{animation:none}
  .c26-sez{scroll-snap-stop:normal;min-height:0;display:block}
  .c26-punti{display:none}
}
/* --- riduci movimento: tutto subito visibile, niente animazioni --- */
@media (prefers-reduced-motion:reduce){
  .c26 *,.c26 *:before,.c26 *:after,.c26-sez:after{transition:none!important;animation:none!important}
  .c26-banda img,.c26-largo img,.c26-tondo img,.c26-contatti li,.c26-over,.c26-sale,.c26-prod li,.c26-reparti li,.c26-giu,.c26-estero strong,.c26-mosaico li,.c26-logo,.c26-foto:before,.c26-pan,.c26-collage img,.c26-prodotto .c26-foto2 img{opacity:1!important;transform:none!important}
  .c26-r>span{transform:none!important}
  .c26-tela,.c26-foto img,.c26-pan,.c26-collage img,.c26-banda img,.c26-largo img{clip-path:none!important}.c26-tela img{filter:none!important}
  .c26-sott{background-size:100% 3px!important}.c26-s1:after{display:none}
  .c26-sez.c26-sopra .c26-in{opacity:1}.c26-sez.c26-sopra .c26-tela{transform:none;filter:none}
}