/* Staging completi (30/10/2026, Riccardo: «due staging completi sia per una variante che per l'altra»).
   Blocchi delle pagine interne, piè di pagina (D-036), avviso cookie (D-033), azioni in basso (D-030), invito e anteprima della quotazione.
   Stessi blocchi nelle due proposte: colori e caratteri vengono dalle variabili di tema_1.css (Immersiva) e tema_2.css (Materica). */

:root{--h-barra:76px;--lato:var(--gutter)}
[hidden]{display:none!important}
html{scroll-padding-top:90px}
:focus-visible{outline:3px solid rgba(255,90,31,.7);outline-offset:3px}
/* 03/11 (revisione): il contorno arancio non si vedeva sui blocchi arancio (1:1) e poco sugli sfondi chiari (2:1): lì il fuoco è scuro */
.f3-invito :focus-visible,.p-sez.arancio :focus-visible,.p-quota :focus-visible,.arancio :focus-visible,.avviso-c :focus-visible,.hero .ue :focus-visible,.targa :focus-visible,.c-sedi :focus-visible,.c-ue :focus-visible,.chiaro :focus-visible{outline-color:#111316}
/* 03/11: testo nascosto alla vista ma letto dai lettori di schermo (per esempio i titoli h2 che mancavano tra h1 e h3) */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
main:focus{outline:none}
.nw{white-space:nowrap}   /* 03/11: codici, orari e sigle che non vanno spezzati */
.salta{position:absolute;left:12px;top:-60px;z-index:100;background:var(--p-accento);color:var(--p-su-accento);padding:10px 14px;font-weight:700}
.salta:focus{top:12px}
.menu a[aria-current]{color:var(--p-menu-qui)}

/* ---------- testa della pagina ---------- */
.p-testa{padding:calc(var(--h-barra) + clamp(70px,9vw,130px)) var(--gutter) clamp(56px,7vw,96px);background:var(--p-sfondo-testa);border-bottom:1px solid var(--p-filetto)}
/* 02/11: con il minimo fisso di 46 px, sui telefoni da 320–360 px «TECNOLOGICA» e «QUOTAZIONE» uscivano dallo schermo (controllo automatico) */
.p-testa h1{font:var(--p-h1-peso) clamp(min(46px,11.5vw),7vw,var(--p-h1-max))/.96 var(--disp);font-stretch:var(--disp-w);letter-spacing:var(--p-h1-spazio);margin-top:26px;max-width:11.7em}   /* 03/11 (D-053): misura in em, non in ch: «1ch» è la larghezza dello zero e cambia con il carattere (con Anybody il riquadro si stringeva del 23%); 11.7em = 16ch di Archivo largo */
.p-testa h1 b{font-weight:var(--p-forte-peso);color:var(--p-forte-colore)}
/* 02/11 sera (Riccardo, «Cosa lavo-riamo»: «non deve mai succedere»): nessun titolo si spezza a metà parola, regola 3.15. Niente sillabazione
   né a capo dentro le parole; se la parola più lunga non sta nella riga, sito.js rimpicciolisce il titolo quanto basta */
h1,h2,h3,.p-mat b,.f3-titolo,p.grande{hyphens:manual;overflow-wrap:normal;word-break:normal}
.p-testa .lead{color:var(--p-tenue);max-width:600px;margin-top:28px;font-size:clamp(17px,1.4vw,20px);line-height:1.55}

/* ---------- sezioni ---------- */
.p-sez{padding:clamp(80px,10vw,140px) var(--gutter);background:var(--p-sfondo);color:var(--p-testo)}
.p-sez.alt{background:var(--p-sfondo-alt)}
.p-sez.chiara{background:var(--p-chiaro);color:var(--p-su-chiaro)}
.p-sez.chiara .p-tenue,.p-sez.chiara p{color:var(--p-su-chiaro-tenue)}
.p-sez.arancio{background:var(--p-accento);color:var(--p-su-accento)}
.p-sez.arancio p,.p-sez.arancio .p-numeri span{color:var(--p-su-accento)}
.p-h2{font:var(--p-h2-peso) clamp(32px,4.4vw,64px)/1.04 var(--disp);font-stretch:var(--disp-w);letter-spacing:var(--p-h2-spazio);max-width:12.4em;text-transform:var(--p-h2-maiuscolo)}   /* 03/11 (D-053): misura in em, non in ch: «1ch» è la larghezza dello zero e cambia con il carattere (con Anybody il riquadro si stringeva del 23%); 11.7em = 16ch di Archivo largo; portato a 12.4em perché in tedesco «eine durchgehende» (parole legate) in Anybody è largo 11.85em */
.p-h2 b{font-weight:var(--p-forte-peso);color:var(--p-forte-colore-h2)}
.p-sez.arancio .p-h2 b,.p-sez.chiara .p-h2 b{color:inherit}
.p-capo>*{min-width:0}
.p-capo{display:flex;justify-content:space-between;align-items:end;gap:24px 60px;flex-wrap:wrap;margin-bottom:clamp(40px,5vw,70px)}
.p-capo p{max-width:440px;color:var(--p-tenue)}
p{text-wrap:pretty}

/* due colonne: titolo e testo */
.p-due{display:grid;grid-template-columns:5fr 7fr;gap:clamp(30px,6vw,110px);align-items:start}
.p-due .testo p{color:var(--p-tenue);font-size:clamp(16px,1.2vw,18px);margin-bottom:18px;max-width:62ch}
.p-due .testo p:first-child{color:var(--p-testo);font-size:clamp(19px,1.6vw,24px);line-height:1.45}
.p-sez.chiara .p-due .testo p:first-child{color:var(--p-su-chiaro)}
.p-sez.arancio .p-due .testo p,.p-sez.arancio .p-due .testo p:first-child{color:var(--p-su-accento)}
.p-link{display:inline-flex;align-items:center;gap:10px;margin-top:10px;font:var(--p-link-font);font-stretch:var(--p-link-stretch);letter-spacing:var(--p-link-spazio);text-transform:var(--p-link-maiuscolo);border-bottom:2px solid var(--p-accento);padding-bottom:4px}
.p-link:hover{color:var(--p-accento)}
.p-sez.arancio .p-link{border-color:var(--p-su-accento)}

/* voci numerate */
.p-voci{list-style:none;border-top:1px solid var(--p-filetto-forte)}
.p-voci li{display:grid;grid-template-columns:90px 4fr 7fr;gap:12px 40px;padding:clamp(28px,3vw,40px) 0;border-bottom:1px solid var(--p-filetto)}
.p-voci .num{font:var(--p-num-font);font-stretch:var(--disp-w);color:var(--p-accento);line-height:1}
.p-voci h3{font:var(--p-h3-font);font-stretch:var(--disp-w);letter-spacing:-.01em;text-transform:var(--p-h3-maiuscolo);line-height:1.1}
.p-voci p{color:var(--p-tenue);max-width:60ch}
.p-voci p+p{margin-top:10px}
.p-sez.chiara .p-voci p{color:var(--p-su-chiaro-tenue)}

/* passaggi */
.p-passi{list-style:none;display:grid;grid-template-columns:repeat(var(--p-passi-n,4),1fr);gap:28px;counter-reset:passo;position:relative;padding-top:34px}
.p-passi::before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--p-filetto-forte)}
.p-passi li{position:relative;counter-increment:passo}
.p-passi li::before{content:"";position:absolute;top:-34px;left:0;width:16px;height:16px;border-radius:50%;background:var(--p-accento);box-shadow:0 0 0 6px var(--p-sfondo-passi)}
.p-passi h3{font:var(--p-h3-font);font-stretch:var(--disp-w);font-size:clamp(19px,1.6vw,23px);text-transform:var(--p-h3-maiuscolo);line-height:1.15}
.p-passi h3::before{content:counter(passo,decimal-leading-zero) "\00a0·\00a0";color:var(--p-accento);font-weight:600}
.p-passi p{color:var(--p-tenue);margin-top:10px;font-size:15.5px}
.p-sez.arancio .p-passi li::before{background:var(--p-su-accento);box-shadow:0 0 0 6px var(--p-accento)}
.p-sez.arancio .p-passi::before{background:var(--p-su-accento)}
.p-sez.arancio .p-passi h3::before{color:var(--p-su-accento)}
.p-sez.arancio .p-passi p{color:var(--p-su-accento)}
.p-azioni{margin-top:clamp(40px,5vw,60px);display:flex;align-items:center;gap:20px 30px;flex-wrap:wrap}

/* numeri */
.p-numeri{display:grid;grid-template-columns:repeat(var(--p-numeri-n,4),1fr);border-top:1px solid var(--p-filetto-forte);--colonne:var(--p-numeri-n,4);--aria:clamp(18px,2.2vw,36px);container-type:inline-size}
.p-numeri div{padding:34px var(--aria) 30px;border-right:1px solid var(--p-filetto)}
.p-numeri div:first-child{padding-left:0}
.p-numeri div:last-child{border-right:0;padding-right:0}
/* la cifra si misura sulla fila (larghezza di una colonna meno l'aria ai lati), uguale in tutte le colonne:
   «25.000 t» non arriva mai al divisorio */
.p-numeri strong{display:block;font:var(--p-cifra-font);font-size:clamp(36px,calc((100cqi / var(--colonne) - 2 * var(--aria)) * .23),92px);font-stretch:var(--disp-w);letter-spacing:-.04em;line-height:1;white-space:nowrap}
.p-numeri strong small{font-size:.42em;margin-left:4px;letter-spacing:0}
.p-numeri span{display:block;margin-top:14px;color:var(--p-tenue);max-width:240px;font-size:15px}
.p-sez.arancio .p-numeri{border-color:var(--p-su-accento)}
.p-sez.arancio .p-numeri div{border-color:rgba(17,19,22,.25)}

/* schede */
.p-schede{display:grid;grid-template-columns:repeat(var(--p-schede-n,2),1fr);gap:var(--p-schede-gap)}
.p-scheda{background:var(--p-scheda);border:var(--p-scheda-bordo);display:flex;flex-direction:column;overflow:hidden}
.p-scheda figure{aspect-ratio:16/9;overflow:hidden;background:var(--p-sfondo-alt)}
.p-scheda figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.p-scheda:hover figure img{transform:scale(1.04)}
.p-scheda .dentro{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:12px;flex:1}
.p-scheda .sopra{font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.14em;text-transform:uppercase;color:var(--p-accento-testo)}
.p-scheda h3{font:var(--p-h3-font);font-stretch:var(--disp-w);font-size:clamp(26px,2.6vw,40px);letter-spacing:-.02em;text-transform:var(--p-h3-maiuscolo);line-height:1.05}
.p-scheda p{color:var(--p-tenue)}
.p-scheda dl{margin-top:auto;padding-top:14px;border-top:1px solid var(--p-filetto);display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:15px}
.p-scheda dt{font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.12em;text-transform:uppercase;color:var(--p-tenue-2);padding-top:2px}
.p-scheda dd{color:var(--p-testo)}

/* elenco compatto (contatti, dati) */
.p-elenco{display:grid;grid-template-columns:repeat(var(--p-elenco-n,4),1fr);border-top:1px solid var(--p-filetto-forte)}
.p-elenco div{padding:26px 24px 26px 0;border-bottom:1px solid var(--p-filetto)}
.p-elenco span{display:block;font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.12em;text-transform:uppercase;color:var(--p-tenue-2);margin-bottom:8px}
.p-elenco a,.p-elenco b{font:var(--p-elenco-font);font-size:clamp(17px,1.35vw,21px);overflow-wrap:anywhere}
.p-elenco a:hover{color:var(--p-accento)}
.p-elenco small{display:block;margin-top:6px;color:var(--p-tenue);font-size:14.5px}

/* testi legali (pagine in preparazione) */
.p-legale{max-width:760px}
.p-legale h2{font:var(--p-h3-font);font-stretch:var(--disp-w);font-size:clamp(22px,2vw,28px);margin:44px 0 12px;text-transform:var(--p-h3-maiuscolo)}
.p-legale h2:first-child{margin-top:0}
.p-legale p,.p-legale li{color:var(--p-tenue);margin-bottom:12px}
.p-legale ul{padding-left:20px}
.p-legale b{color:var(--p-testo)}
.p-avviso{border:1px solid var(--p-filetto-forte);background:var(--p-sfondo-alt);padding:16px 20px;margin-bottom:40px;color:var(--p-testo);display:flex;gap:12px;align-items:baseline}
.p-avviso::before{content:"";flex:none;width:8px;height:8px;background:var(--p-accento)}

/* immagine larga */
.p-figura{margin:0;position:relative;overflow:hidden;aspect-ratio:21/8;background:var(--p-sfondo-alt)}
.p-figura img{width:100%;height:100%;object-fit:cover;filter:var(--p-figura-filtro)}

/* conferire materiale: modulo e colonna dei dettagli */
.p-modulo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,4vw,60px);align-items:start}
.p-modulo aside{position:sticky;top:110px;display:grid;gap:14px}
.p-info{background:var(--p-scheda);border:var(--p-scheda-bordo);padding:24px 26px}
.p-info h3{font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.12em;text-transform:uppercase;color:#FF7A4D;margin-bottom:8px}   /* 05/11: contrasto 5,2:1 sul fondo della scheda */
.p-info p{color:var(--p-tenue);font-size:15.5px}
.p-info a{color:var(--p-testo);border-bottom:1px solid var(--p-accento)}
.p-info b{color:var(--p-testo)}

/* anteprima della quotazione in home: si sceglie il materiale e si continua sulla pagina del modulo */
.p-quota{padding:clamp(90px,11vw,150px) var(--gutter);background:var(--p-quota-sfondo);color:var(--p-quota-testo)}
.p-quota .p-h2 b{color:var(--p-quota-forte)}
.p-quota .p-capo p{color:var(--p-quota-tenue)}
.p-mat{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.p-mat a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;padding:18px;overflow:hidden;background:var(--p-scheda);border:var(--p-scheda-bordo);color:#fff;isolation:isolate}
.p-mat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s}
.p-mat a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(17,19,22,.85),rgba(17,19,22,.05) 70%)}
.p-mat a:hover img{transform:scale(1.06)}
.p-mat a.vuoto{background:linear-gradient(135deg,#3A4048,#1D2126)}
.p-mat b{font:700 clamp(19px,1.7vw,24px)/1.1 var(--disp);font-stretch:var(--disp-w);text-transform:var(--p-h3-maiuscolo)}
/* 02/11 (Riccardo, dal telefono: le scritte «sbordano»): il titolo si misura sulla scheda, non sullo schermo. Sul telefono la scheda è
   larga circa 170 px e «FINESTRAME» in Archivo largo ne occupava 152 su 134 utili. 11cqi = 11% della larghezza utile della scheda
   (con 12 «FINESTRAME» sbordava ancora di poco e prima si sillabava); per le parole più lunghe (tedesco) rimpicciolisce sito.js,
   mai sillabazione (regola 3.15). */
.p-mat a{container-type:inline-size}
.p-mat b{font-size:min(clamp(19px,1.7vw,24px),11cqi)}
.p-mat span{font-size:14px;color:#C9CED4;margin-top:4px}
.p-mat span::after{content:" →";color:var(--p-accento)}
.p-quota .contatti{display:flex;gap:10px 34px;flex-wrap:wrap;margin-top:34px;font-size:15px;color:var(--p-quota-tenue)}
.p-quota .contatti a{color:var(--p-quota-testo);font-weight:600;border-bottom:1px solid var(--p-accento)}

/* ---------- invito finale (D-036) ---------- */
.f3-invito{background:var(--p-accento);color:var(--p-su-accento);padding:clamp(48px,6vw,80px) var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap}
.f3-titolo{font:300 clamp(30px,4.2vw,56px)/1.02 var(--disp);font-stretch:var(--disp-w);letter-spacing:-.03em;max-width:720px;text-transform:var(--p-h2-maiuscolo)}
.f3-titolo b{font-weight:800}
.f3-azioni{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.f3-cta{display:inline-flex;align-items:center;gap:10px;background:var(--p-su-accento);color:#fff;font:700 16px var(--txt);padding:0 26px;min-height:54px;border-radius:var(--p-raggio)}
.f3-cta:hover{background:#000}
.f3-tel{font-weight:600;border-bottom:2px solid currentColor;padding-bottom:2px}

/* ---------- piè di pagina (D-036) ---------- */
footer.fondo{background:var(--p-fondo);color:#C9CED4;font-size:15px;line-height:1.55;padding:clamp(48px,6vw,80px) var(--gutter) 40px;border-top:1px solid rgba(201,206,212,.14);margin:0}
.fondo a{color:#fff;border-bottom:1px solid transparent;transition:border-color .2s}
.fondo a:hover{border-bottom-color:var(--p-accento)}
.fondo h2{font:600 12.5px var(--txt);font-stretch:87.5%;letter-spacing:.1em;text-transform:uppercase;color:#8F98A1;margin-bottom:16px}
.fondo ul{list-style:none}
.f-logo{height:28px;width:auto}
.f-motto{margin-top:12px;color:#C9CED4}
.f3-colonne{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:32px clamp(24px,3vw,48px)}
.f3-pagine{columns:2;column-gap:24px}
.f3-colonne li{margin-bottom:8px;break-inside:avoid}
.f-basso{margin-top:clamp(40px,5vw,64px);padding-top:24px;border-top:1px solid rgba(201,206,212,.18);display:grid;grid-template-columns:1fr auto;gap:12px 32px;align-items:start}
.f-legale{font-size:13.5px;line-height:1.6;color:#AEB5BD;max-width:900px}
.f-legale b{color:#C9CED4;font-weight:600}
.f-legale a{text-decoration:underline;text-underline-offset:3px}   /* 03/11: prima si distingueva solo dal colore */
.f-link{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:14px;margin-top:8px}
.f-link a{color:#C9CED4}
.f-lingue{display:flex;gap:2px;justify-self:end;list-style:none}
.f-lingue a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font:600 13px var(--txt);font-stretch:87.5%;letter-spacing:.06em;color:#AEB5BD;border:0;border-radius:3px}
.f-lingue a[aria-current]{color:#fff;background:rgba(255,255,255,.08)}

/* ---------- chiamata nella barra in alto (D-041, 02/11: sostituisce le azioni fisse in basso di D-030) ----------
   Solo sul telefono, accanto a «Menu»: si vede alto come «Menu» (36 px, la barra non si allunga), ma l'area da toccare è di 44 × 44 px.
   La barra in alto è già fissa e non dipende dai comandi del browser. */
.b-tel{display:none}
@media (max-width:680px){
  .b-tel{display:inline-flex;flex:none;position:relative;align-items:center;justify-content:center;width:36px;height:36px;margin-right:12px;color:#fff;border:1px solid rgba(201,206,212,.55);border-radius:var(--p-raggio)}
  .b-tel::after{content:"";position:absolute;inset:-4px}
  .b-tel svg{width:19px;height:19px}
  .b-tel:focus-visible{outline:2px solid var(--p-accento);outline-offset:2px}
  .menu-aperto .b-tel{visibility:hidden}
}

/* ---------- avviso cookie leggero (D-033) ---------- */
.avviso-c[hidden]{display:none!important}
.avviso-aperto .azioni-basso{display:none!important}
.avviso-c{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#FBFBFC;color:#1D2126;border-top:1px solid #DDE1E5;box-shadow:0 -10px 30px rgba(0,0,0,.3);padding:12px var(--gutter,24px) calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px 32px;flex-wrap:wrap}
.avviso-c p{flex:1 1 420px;font-size:14.5px;line-height:1.45;color:#3A4048}
/* 04/11 (Riccardo: «il banner dei cookie tienilo nella parte bassa del sito, e fai sì che non buggi il resto»): sempre in basso, anche in home
   e sul telefono; sul computer una barra sottile a tutta larghezza. Altezza misurata da sito.js (--h-avviso). Perché non copra niente:
   - finché è aperto, la pagina ha sotto il suo spazio (la fine del sito resta raggiungibile);
   - l'apertura della home si accorcia della stessa misura: pulsante, telefono e fascia UE restano sopra l'avviso (fascia UE visibile
     all'apertura, regola 3.5). Resta corta fino al cambio di pagina, così con «Ho capito» non salta nulla */
:root{--avviso-basso:0px}
body.avviso-aperto{padding-bottom:calc(var(--h-avviso,0px) + var(--avviso-basso) + 24px)}
html:has(body.avviso-aperto){scroll-padding-bottom:calc(var(--h-avviso,0px) + var(--avviso-basso) + 16px)}   /* 05/11: il fuoco da tastiera non finisce sotto l'avviso */
.avviso-spazio .hero{height:calc(100svh - var(--h-avviso,0px) - var(--avviso-basso))}
.avviso-c p b{color:#1D2126}
.avviso-c .riga{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.avviso-c a{font-weight:600;font-size:14.5px;min-height:44px;display:inline-flex;align-items:center;color:#1D2126;text-decoration:underline;text-underline-offset:3px}
.avviso-c button{font:700 15px var(--txt);background:#1D2126;color:#fff;border:0;border-radius:3px;min-height:44px;padding:0 20px;cursor:pointer}

/* etichetta dell'anteprima: solo in cima alla pagina, poi scorre via */
.prova{position:absolute;bottom:auto;top:calc(var(--h-barra) + 10px)}

/* ---------- tablet ---------- */
@media (max-width:1080px){
  .p-due{grid-template-columns:minmax(0,1fr)}
  .p-voci li{grid-template-columns:64px 1fr}
  .p-voci li>div{grid-column:2}   /* 03/11: il testo sta dentro un div, era lui a finire nella colonna da 64 px */
  .p-voci li p{grid-column:2}
  .p-passi{grid-template-columns:1fr 1fr;row-gap:40px}
  .p-passi::before{display:none}
  .p-numeri,.p-elenco{grid-template-columns:1fr 1fr}
  .p-numeri{--colonne:2}
  .p-numeri div:nth-child(2n){border-right:0;padding-right:0}
  .p-numeri div:nth-child(2n+1){padding-left:0}
  .p-schede{grid-template-columns:1fr}
  .p-modulo{grid-template-columns:1fr}
  .p-modulo aside{position:static}
  .p-mat{grid-template-columns:1fr 1fr}
  .f3-colonne{grid-template-columns:1fr 1fr}
  .f3-colonne > :first-child{grid-column:1 / -1}
}
/* ---------- telefono ---------- */
@media (max-width:700px){
  :root{--h-barra:64px}
  .p-voci li{grid-template-columns:1fr;gap:8px}
  .p-voci li p,.p-voci li>div{grid-column:1}
  .p-passi,.p-numeri,.p-elenco{grid-template-columns:1fr}
  .p-numeri{--colonne:1;--aria:0px}
  .p-numeri div{border-right:0;border-bottom:1px solid var(--p-filetto);padding:28px 0 24px}
  .p-figura{aspect-ratio:4/3}
  .p-mat a{min-height:160px;padding:14px}
  /* 02/11: sopra le foto le scritte non si leggevano: sfumatura più scura fino a metà scheda */
  .p-mat a::after{background:linear-gradient(0deg,rgba(17,19,22,.94) 0%,rgba(17,19,22,.7) 55%,rgba(17,19,22,.15) 100%)}
  .p-mat span{font-size:13px;line-height:1.35}
  .p-scheda dl{grid-template-columns:1fr;gap:2px}
  .p-scheda dd{margin-bottom:10px}
  footer.fondo{font-size:16px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}
  .f3-colonne{grid-template-columns:1fr}
  .f3-colonne a{display:inline-flex;align-items:center;min-height:44px}
  .f-basso{grid-template-columns:1fr}
  .f-lingue{justify-self:start;margin-left:-10px}
  .f3-azioni,.f3-cta{width:100%;justify-content:center}
  /* 04/11: sul telefono riquadro staccato dal bordo basso (prima in alto, D-041). Niente spostamenti fatti da script e niente altezze in vh:
     lo tiene al suo posto il browser, sopra la zona del tasto Home (env) e, su Safari di iOS 26, sopra la sua barra. Da provare sull'iPhone */
  :root{--avviso-basso:calc(12px + env(safe-area-inset-bottom,0px))}
  .avviso-c{left:12px;right:12px;bottom:var(--avviso-basso);border:1px solid #DDE1E5;border-radius:4px;box-shadow:0 12px 32px rgba(0,0,0,.35);padding:12px 14px;display:grid;gap:4px}
  /* 05/11 (revisione multiagente; Riccardo: «veditela tu»): avviso compatto, alto 66 px invece di 131–168. Prima frase e «Informativa
     cookie» a sinistra, «Ho capito» a destra; la spiegazione lunga resta sul computer e nella pagina Cookie. Così da 360 px in su non copre
     il pulsante dell'apertura, neanche in tedesco (prima a 360 × 640 sì, e a 320 × 568 anche in italiano). Il link resta da 44 px da toccare. */
  .avviso-c{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 14px;padding:10px 10px 10px 14px}
  .avviso-c p{grid-column:1;font-size:13.5px;line-height:1.35}
  .avviso-c .av-lungo{display:none}
  .avviso-c .riga{display:contents}
  .avviso-c .riga a{grid-column:1;grid-row:2;justify-self:start;min-height:24px;font-size:13.5px;position:relative}
  .avviso-c .riga a::before{content:"";position:absolute;inset:-10px -8px}
  .avviso-c .riga button{grid-column:2;grid-row:1/3;padding:0 16px}
}
@media (prefers-reduced-motion:reduce){.p-scheda figure img,.p-mat img,.azioni-basso{transition:none}}

/* ---------- Impianti: la linea macchina per macchina (D-040) ---------- */
.p-linea .p-macchina{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(40px,5vw,72px) 0;border-top:1px solid var(--p-filetto)}
.p-linea .p-macchina.inversa{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.p-linea .p-macchina.inversa .p-macchina-media{order:2}
.p-macchina-media{position:relative}
/* i video hanno lo sfondo #14171B (tarato nel render): la sezione usa lo stesso colore in entrambe le varianti, così il riquadro non si vede */
.p-sez.p-linea{background:#14171B}
/* il video ha lo sfondo grafite del sito: i bordi sfumano, così non si vede il rettangolo */
.p-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#14171B;
  -webkit-mask-image:radial-gradient(ellipse 72% 68% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 68% at 50% 50%,#000 62%,transparent 100%)}
/* 03/11, 17:50 (Riccardo: macchine da «ridimensionare bene… e centrarli»; «le ombre devono essere ben sfumate con lo sfondo, non si deve vedere
   lo stacco netto»). La sfumatura di prima era un'ellisse più larga del riquadro: a metà dei lati il video restava quasi pieno e la luce a
   terra si tagliava sul bordo. Ora il video sta in una cornice ferma e sfuma su tutti e quattro i lati, due volte: il video stesso (13–14%
   dai suoi bordi) e la cornice (6%), così nessun bordo si vede, neanche dopo lo spostamento. Spostamento e scala di ogni macchina in
   genera_staging.py (INQUADRATURE). Tutto fermo: nessun costo mentre si scorre (regola 3.16). */
.p-video-cornice{position:relative;overflow:clip;aspect-ratio:16/9;background:#14171B;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.p-video-cornice .p-video{transform:translate(var(--vx,0%),var(--vy,0%)) scale(var(--vs,1));
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect}
.p-video-vuoto{display:grid;place-items:center;background:radial-gradient(ellipse at center,#22272D,#14171B 70%)}
.p-video-vuoto span{font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.14em;text-transform:uppercase;color:var(--p-tenue-2)}
.p-video-nota{margin-top:8px;text-align:center;font:500 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.12em;text-transform:uppercase;color:var(--p-tenue-2)}
/* 05/11 (D-044 punto 8): accanto alla nota, il pulsante per fermare il video. Discreto, nello stile delle etichette; area da toccare di 44 px.
   Senza script, o con il movimento ridotto (i video restano fermi), non compare. */
.p-video-piede{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 18px;margin-top:2px}
.p-video-piede .p-video-nota{margin-top:0}
.p-video-pausa{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;background:none;border:0;cursor:pointer;
  font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.12em;text-transform:uppercase;color:var(--p-tenue-2);transition:color .2s}
.p-video-pausa[hidden]{display:none}
.p-video-pausa:hover{color:var(--p-testo)}
.p-video-pausa svg{flex:none}
.p-video-pausa .vp-i-avvia,.p-video-pausa .vp-avvia,.p-video-pausa.fermo .vp-i-pausa,.p-video-pausa.fermo .vp-pausa{display:none}
.p-video-pausa.fermo .vp-i-avvia,.p-video-pausa.fermo .vp-avvia{display:inline}
.p-macchina-fase{font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.14em;text-transform:uppercase;color:var(--p-accento-testo)}
.p-macchina-fase span{display:inline-block;min-width:2.2em}
.p-macchina h3{font:var(--p-h3-font);font-stretch:var(--disp-w);font-size:clamp(28px,2.8vw,44px);letter-spacing:-.02em;line-height:1.05;margin-top:12px;text-transform:var(--p-h3-maiuscolo)}
.p-macchina-modello{margin-top:8px;font-weight:600;color:var(--p-testo)}
.p-macchina-testo>p:not(.p-macchina-fase):not(.p-macchina-modello){color:var(--p-tenue);margin-top:14px;max-width:56ch}
.p-macchina dl{margin-top:22px;padding-top:14px;border-top:1px solid var(--p-filetto);display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:15px}
.p-macchina dt{font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.12em;text-transform:uppercase;color:var(--p-tenue-2);padding-top:2px}
.p-macchina dd{color:var(--p-testo)}
@media (max-width:1080px){
  .p-linea .p-macchina,.p-linea .p-macchina.inversa{grid-template-columns:minmax(0,1fr)}   /* 03/11: con «1fr» una parola lunga (in tedesco «Wirbelstromscheider») allargava la colonna oltre lo schermo; ora il titolo si rimpicciolisce (sito.js) */
  .p-linea .p-macchina.inversa .p-macchina-media{order:0}
}
@media (max-width:700px){.p-macchina dl{grid-template-columns:minmax(0,1fr);gap:2px}.p-macchina dd{margin-bottom:10px}}

/* menu da telefono aperto (01/11): la barra perde la sfocatura (altrimenti il menu resta alto quanto la barra e le voci finiscono sopra la
   pagina), il menu copre tutto lo schermo e si scorre se non ci sta, la pagina sotto è ferma, barra in basso ed etichetta d'anteprima nascoste */
html.menu-aperto{overflow:hidden}
.menu-aperto .barra{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.menu-aperto .menu.aperto{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--h-barra) + 24px) var(--gutter) 40px;justify-content:flex-start;justify-content:safe center}
/* 03/11, 15:20 (Riccardo dall'iPhone: sotto il menu «si vede il resto del sito… o tutto o niente»): su Safari di iOS 26 la barra degli
   indirizzi galleggia sopra la pagina e il menu alto 100dvh finiva dove comincia lei, così sotto si vedeva il sito. Ora il menu è alto
   quanto lo schermo intero (100lvh, come con le barre del browser nascoste) e il margine sotto recupera la differenza, così le voci restano
   centrate nella parte visibile; l'ombra piena sotto copre anche quello che Safari disegna oltre il fondo. Il menu è fermo: nessun costo
   durante lo scorrimento (regola 3.16). */
.menu-aperto .menu.aperto{height:100lvh;padding-bottom:calc(40px + 100lvh - 100dvh);box-shadow:0 50vh 0 var(--nero)}
/* 03/11, 17:12 (Riccardo, di nuovo dall'iPhone, con la schermata: sotto il menu «rimane quel pezzo trasparente, vuoto»; dietro la barra di
   Safari si vedeva la fascia del Progetto UE). Safari di iOS 26 taglia gli elementi fissi dove comincia la sua barra e lì sotto disegna la
   pagina, qualunque altezza abbia il menu. Quindi, con il menu aperto, la pagina sotto diventa invisibile (resta al suo posto, nessun salto
   alla chiusura) e il fondo della pagina è nero come il menu: dietro la barra di Safari può comparire solo il nero. */
html.menu-aperto,html.menu-aperto body{background:var(--nero)}
html.menu-aperto body>:not(#barra){visibility:hidden}
.menu-aperto .azioni-basso,.menu-aperto .prova,.menu-aperto .avviso-c{display:none!important}   /* 03/11: l'avviso dei cookie copriva le voci del menu aperto */
.menu-aperto .barra .logo{position:relative;z-index:26}

/* Fascia UE in home (01/11, Riccardo: «da mobile formattala meglio, deve essere esteticamente molto più carina»). Sul computer come prima
   (tre righe); sul telefono: fascia dei loghi intera e a tutta larghezza (ordine ufficiale, regola 3.5), filetto, intestazione con gerarchia
   (asse come etichetta, formula COVID-19 in corsivo, progetto in evidenza; testo identico), link al progetto con la freccia. */
.ue p span{display:block}
@media (max-width:680px){
  .hero .ue{flex-direction:column;align-items:stretch;gap:0;padding:22px var(--gutter) 22px;min-height:0;box-shadow:inset 0 3px 0 var(--arancio)}
  .hero .ue img{width:100%;height:auto;max-width:520px;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid rgba(20,23,27,.12);object-position:left center}
  .hero .ue p{max-width:none;color:#2B3036}
  .hero .ue .ue-asse{font:500 11px/1.5 var(--mono);font-stretch:var(--mono-w);letter-spacing:.04em;color:#5E666F}   /* 03/11: 5,4:1 (prima 4,4:1, sotto la soglia a 11 px) */
  .hero .ue .ue-covid{font-size:13px;line-height:1.45;font-style:italic;color:#4A525B;margin-top:6px}
  .hero .ue .ue-prog{font-size:14.5px;line-height:1.4;font-weight:600;color:var(--grafite);margin-top:8px}
  .hero .ue a{align-self:flex-start;margin:14px 0 0;padding-bottom:3px}
  .hero .ue a::after{content:" →"}
}

/* Prima schermata della home sul telefono (01/11, schermata di Riccardo: titolo sotto logo e «Menu»): con l'altezza utile di Safari il
   contenuto non ci stava e, allineato in basso, sbordava sotto la barra. Ora è alta almeno quanto lo schermo e si allunga se serve. */
@media (max-width:900px){
  .hero{height:auto;min-height:100vh;min-height:100svh;padding-top:calc(var(--h-barra) + 56px)}   /* 56: sotto l'etichetta d'anteprima */
  .avviso-spazio .hero{height:auto;min-height:calc(100svh - var(--h-avviso,0px) - var(--avviso-basso))}   /* 04/11: con l'avviso cookie aperto, sopra l'avviso */
}

/* 01/11: i salti ai punti della pagina (#sedi, #quotazione…) si fermano sotto la barra, non dietro */
html{scroll-padding-top:calc(var(--h-barra) + 12px)}
/* 04/11: nota sotto l'iscrizione all'Albo (copia online senza dati personali, regola 1.11) */
.c-cert .pdf-nota{margin:14px 0 0;font-size:12.5px;line-height:1.45;color:var(--alluminio)}
/* 04/11 (D-062): messaggio se l'invio del modulo non riesce, sotto i pulsanti */
.c-modulo .errore-invio{margin:16px 0 0;padding:12px 14px;border:1px solid rgba(255,90,31,.55);color:var(--bianco);font-size:14.5px;line-height:1.5}

/* ---------- Guide (04/11, D-066): elenco e articoli, solo in italiano. Classi con il prefisso gd- ---------- */
.p-testa .eti a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.gd-schede{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(14px,1.6vw,22px)}
.gd-scheda a{display:flex;flex-direction:column;gap:12px;height:100%;padding:clamp(22px,2.4vw,32px);border:1px solid var(--p-filetto);border-radius:var(--p-raggio);background:var(--p-scheda);color:inherit;text-decoration:none;transition:border-color .2s}
.gd-scheda a:hover{border-color:var(--p-accento)}
.gd-num{font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.14em;color:var(--p-accento-testo)}
.gd-scheda h2{font:var(--p-h3-font);font-stretch:var(--disp-w);font-size:clamp(21px,1.8vw,26px);line-height:1.15;letter-spacing:-.01em;text-transform:var(--p-h3-maiuscolo)}
.gd-scheda p{color:var(--p-tenue);font-size:15.5px;line-height:1.55;flex:1}
.gd-scheda .p-link{align-self:flex-start;margin-top:4px}
.gd-articolo{display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width:1080px){
  /* computer: il testo a sinistra, «In breve» in una colonna a destra che resta ferma mentre si legge */
  .gd-articolo{grid-template-columns:minmax(0,760px) minmax(260px,340px);column-gap:clamp(48px,6vw,96px);align-items:start}
  .gd-breve{grid-column:2;grid-row:1 / span 3;position:sticky;top:calc(var(--h-barra) + 32px);margin-bottom:0}
  .gd-corpo{grid-column:1;grid-row:1}.gd-noi{grid-column:1;grid-row:2}.gd-vicine{grid-column:1;grid-row:3}
}
.gd-eti{font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.14em;text-transform:uppercase;color:var(--p-accento-testo);display:flex;align-items:center;gap:10px}
.gd-eti::before{content:"";width:8px;height:8px;background:var(--p-accento);flex:none}   /* lo stesso quadratino arancio delle etichette in testata */
.gd-breve{border:1px solid var(--p-filetto-forte);border-radius:var(--p-raggio);background:var(--p-sfondo-alt);padding:20px 24px;margin-bottom:clamp(36px,4vw,52px)}
.gd-breve ul{margin:10px 0 0;padding-left:18px}
.gd-breve .p-link{margin-top:14px}
.gd-breve li{color:var(--p-testo);margin-bottom:6px;line-height:1.55}
.gd-corpo h2{font:var(--p-h3-font);font-stretch:var(--disp-w);font-size:clamp(22px,2vw,28px);line-height:1.2;margin:44px 0 12px;text-transform:var(--p-h3-maiuscolo)}
.gd-corpo h2:first-child{margin-top:0}
.gd-corpo p,.gd-corpo li{color:var(--p-tenue);margin-bottom:12px;line-height:1.65}
.gd-corpo b{color:var(--p-testo)}
.gd-corpo ul{padding-left:20px}
.gd-corpo .gd-fonte{font-size:13.5px;color:var(--p-tenue-2)}
/* riquadro finale: fondo alternativo del tema e filetto chiaro, così si stacca anche dallo sfondo scuro della Materica */
.gd-noi{margin-top:clamp(44px,5vw,64px);padding:clamp(24px,3vw,36px);background:var(--p-sfondo-alt);border:1px solid var(--p-filetto-forte);border-radius:var(--p-raggio)}
.gd-noi p{color:var(--p-tenue);margin:12px 0 0;line-height:1.65}
.gd-noi b{color:var(--p-testo)}
.gd-link{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:10px}
.gd-noi .p-link{color:var(--p-testo)}
.gd-vicine{margin-top:clamp(40px,4.5vw,56px);padding-top:28px;border-top:1px solid var(--p-filetto)}
.gd-vicine ul{list-style:none;padding:0;margin:12px 0 8px}
.gd-vicine li{border-bottom:1px solid var(--p-filetto)}
.gd-vicine li a{display:block;padding:12px 0;color:var(--p-testo);text-decoration:none;font-weight:600}
.gd-vicine li a:hover{color:var(--p-accento)}
/* fascia «Guide» nelle pagine Materiali e Servizi (04/11, 13:05): titolo e testo a sinistra, tre guide a destra */
.gd-fascia{border-top:1px solid var(--p-filetto)}
.gd-fascia-dentro{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:1180px}
@media (min-width:900px){.gd-fascia-dentro{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:start}}
.gd-fascia-titolo{font:var(--p-h3-font);font-stretch:var(--disp-w);font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.02em;text-transform:var(--p-h3-maiuscolo);margin:12px 0 10px}
.gd-fascia-titolo b{color:var(--p-accento)}
.gd-fascia p{color:var(--p-tenue);max-width:420px}
.gd-fascia-elenco{list-style:none;padding:0;margin:0;border-top:1px solid var(--p-filetto)}
.gd-fascia-elenco li{border-bottom:1px solid var(--p-filetto)}
.gd-fascia-elenco a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;color:var(--p-testo);text-decoration:none;font-weight:600;font-size:clamp(17px,1.4vw,20px)}
.gd-fascia-elenco a i{font-style:normal;color:var(--p-accento);transition:transform .2s}
.gd-fascia-elenco a:hover{color:var(--p-accento)}
.gd-fascia-elenco a:hover i{transform:translateX(4px)}
/* foto delle Guide (04/11, Riccardo: «la foto nel blocchetto aiuta a distinguerli»): in cima alla scheda dell'elenco e in miniatura nei collegamenti */
.gd-scheda a{padding:0;gap:0;overflow:hidden}
.gd-scheda-foto{display:block;aspect-ratio:8/5;overflow:hidden;background:var(--p-sfondo-alt);border-bottom:1px solid var(--p-filetto)}
.gd-scheda-foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.gd-scheda a:hover .gd-scheda-foto img{transform:scale(1.04)}
.gd-scheda-testo{display:flex;flex-direction:column;gap:12px;flex:1;padding:clamp(20px,2.2vw,28px)}
.gd-mini{flex:none;width:64px;height:64px;object-fit:cover;border-radius:var(--p-raggio);background:var(--p-sfondo-alt)}
.gd-fascia-elenco a{justify-content:flex-start}
.gd-fascia-elenco a span{flex:1}
.gd-vicine li a{display:flex;align-items:center;gap:18px}
@media (max-width:600px){.gd-mini{width:52px;height:52px}.gd-fascia-elenco a,.gd-vicine li a{gap:14px}}
/* Blog: data al posto del numero, «In evidenza» e filtro dell'ordine (04/11, D-069) */
.gd-quando{font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.14em;text-transform:uppercase;color:var(--p-accento-testo)}
.gd-scheda-foto{position:relative}
.gd-evidenza{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:8px;padding:7px 11px;background:rgba(17,19,22,.84);color:var(--bianco);font:600 11px var(--mono);font-stretch:var(--mono-w);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--p-raggio)}
.gd-evidenza::before{content:"";width:7px;height:7px;background:var(--p-accento);flex:none}
.gd-barra-elenco{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-bottom:clamp(18px,2vw,26px)}
.gd-conta{margin:0;font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.14em;text-transform:uppercase;color:var(--p-tenue)}
.gd-ordina{display:flex;align-items:center;gap:8px}
.gd-ordina[hidden]{display:none}
.gd-ordina span{font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.14em;text-transform:uppercase;color:var(--p-tenue);margin-right:4px}
.gd-ordina button{appearance:none;-webkit-appearance:none;min-height:44px;padding:0 16px;border:1px solid var(--p-filetto-forte);border-radius:var(--p-raggio);background:transparent;color:var(--p-testo);font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}
.gd-ordina button:hover{border-color:var(--p-accento)}
.gd-ordina button[aria-pressed="true"]{border-color:var(--p-accento);color:var(--p-accento-testo);background:var(--p-sfondo-alt)}
.gd-ordina button:focus-visible{outline:2px solid var(--p-accento);outline-offset:2px}
.gd-date{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:18px;font:600 12px var(--mono);font-stretch:var(--mono-w);letter-spacing:.14em;text-transform:uppercase;color:var(--p-tenue)}
.gd-date span{white-space:nowrap}
@media (max-width:600px){.gd-date{flex-direction:column}.gd-date .gd-sep{display:none}}
@media (max-width:600px){.gd-ordina{width:100%}.gd-ordina span{display:none}.gd-ordina button{flex:1;padding:0 10px}}
::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
/* 04/11 (D-070, regola 3.18; Riccardo: «vorrei far sì che le foto dal sito non siano scaricabili dagli utenti così a caso»): foto e video
   non si trascinano fuori dalla pagina e, sul telefono, la pressione lunga non apre il menu «Salva in Foto». Insieme a sito.js (tasto destro) */
img,video{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/* testi legali completi (05/11, D-072): parole in evidenza più chiare, data dell'ultimo aggiornamento in fondo */
.p-legale b{color:var(--p-testo)}
.p-legale .p-aggiornato{margin-top:40px;font-size:13.5px;color:var(--p-tenue-2)}