/* sca-agenzia: generato da script/tema/versiona.py, non modificare (codice in temi/sca-agenzia/codice/) */
/* Caratteri sul nostro server (prompt 22): Newsreader e Hanken Grotesk, solo alfabeto latino, file variabili
   di Google Fonts scaricati una volta (licenza OFL in fonts/). Un file copre tutti i pesi usati. */
@font-face{font-family:"Newsreader"; font-style:normal; font-weight:200 800; font-display:swap;
  src:url(fonts/newsreader-latin-v26.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader"; font-style:italic; font-weight:200 800; font-display:swap;
  src:url(fonts/newsreader-italic-latin-v26.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url(fonts/hanken-grotesk-latin-v12.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Layout: nero dominante, oro che firma, rosso solo come trattino. Sezioni alternate nero / avorio / carbone, colonna massima 1200 px.
   Una sola grande scena animata (la linea d'oro che svolta, in apertura); il resto si muove poco. */
:root{
  --nero:#000000; --carbone:#15120D; --carbone-2:#1D1912;
  --oro:#C9A24E; --oro-chiaro:#EDD597; --oro-scuro:#644809;
  --rosso:#D3262F; --rosso-chiaro:#A4161A;
  --avorio:#F8F5EE; --avorio-2:#EFE9DC;
  --testo:#F4F0E7; --tenue:#C6BFB2; --filo:rgba(201,162,78,.28);
  --inchiostro:#100E0A; --inchiostro-tenue:#38322A;
  --f-titoli:"Newsreader", "Iowan Old Style", Georgia, serif;
  --f-testo:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --gutter-l:max(20px, env(safe-area-inset-left, 0px));
  --gutter-r:max(20px, env(safe-area-inset-right, 0px));
  --ease:cubic-bezier(.2,.7,.1,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth; scroll-padding-top:84px}
body{margin:0; background:var(--nero); color:var(--testo); font-family:var(--f-testo); font-size:18px; line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden}
body::before{content:""; position:fixed; inset:0 0 auto; height:env(safe-area-inset-top,0px); z-index:60; background:var(--nero)}
body::after{content:""; position:fixed; inset:0; pointer-events:none; z-index:70; opacity:.055; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
img{max-width:100%; display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--oro-chiaro); outline-offset:3px}
.wrap{max-width:1240px; margin-inline:auto; padding-left:var(--gutter-l); padding-right:var(--gutter-r)}
h1,h2,h3{font-family:var(--f-titoli); font-weight:500; line-height:1.12; text-wrap:balance; margin:0; letter-spacing:-.01em}
h2{font-size:clamp(2rem, 3.6vw, 3.1rem)}
h3{font-size:1.5rem}
p{margin:0}
.eyebrow{font-size:.78rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--oro)}
.sec-chiara .eyebrow{color:var(--oro-scuro)}

/* Pulsanti */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:.6em; min-height:54px; padding:0 28px; border-radius:2px; font:600 16px/1 var(--f-testo); letter-spacing:.01em; text-decoration:none; cursor:pointer; border:1px solid transparent; transition:background .25s, color .25s, border-color .25s, transform .25s var(--ease); will-change:transform}
.btn--oro{background:var(--oro); color:#000}
.btn--oro:hover{background:var(--oro-chiaro)}
.btn--filo{background:transparent; color:var(--testo); border-color:rgba(201,162,78,.55)}
.btn--filo:hover{border-color:var(--oro-chiaro); color:var(--oro-chiaro)}
.btn--nero{background:#000; color:var(--oro-chiaro)}
.btn--nero:hover{background:var(--carbone)}
.btn svg{flex:none}
.link{display:inline-flex; gap:.5em; align-items:center; font-weight:600; text-decoration:none; color:var(--oro-chiaro); border-bottom:1px solid var(--filo); padding-bottom:2px; transition:border-color .2s, gap .25s var(--ease)}
.link:hover{border-color:var(--oro-chiaro); gap:.8em}

/* Trattino rosso: il segno ricorrente */
.lista{list-style:none; margin:0; padding:0; display:grid; gap:18px}
.lista li{display:grid; grid-template-columns:22px 1fr; gap:14px; align-items:baseline}
.lista li::before{content:""; width:22px; height:3px; background:var(--rosso); transform:translateY(-.32em)}

/* Testata */
.testata{position:sticky; top:env(safe-area-inset-top,0px); z-index:50; transition:background .35s, border-color .35s, backdrop-filter .35s; border-bottom:1px solid transparent}
.testata.is-scrolled{background:rgba(0,0,0,.82); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom-color:rgba(201,162,78,.18)}
.testata .wrap{display:flex; align-items:center; gap:28px; min-height:76px}
.marchio{display:flex; align-items:center; gap:14px; text-decoration:none; flex:none}
.marchio__nome{font-size:.72rem; font-weight:600; letter-spacing:.24em; line-height:1.35; color:var(--testo)}
.nav{display:flex; gap:26px; margin-left:auto; font-size:.95rem}
.nav a{text-decoration:none; color:var(--tenue); position:relative; padding:6px 0; transition:color .2s}
.nav a::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--oro); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease)}
.nav a:hover{color:var(--testo)}
.nav a:hover::after{transform:scaleX(1)}
.testata .btn{min-height:46px; padding:0 20px; font-size:.95rem}
.menu-btn{display:none; margin-left:auto; background:none; border:1px solid var(--filo); color:var(--testo); font:600 .9rem var(--f-testo); min-height:44px; padding:0 16px; border-radius:2px; cursor:pointer}
@media (max-width:1150px){
  .nav{display:none}
  .menu-btn{display:inline-flex; align-items:center}
  .testata .btn{display:none}
  .nav.is-open{display:flex; position:absolute; top:100%; left:0; right:0; flex-direction:column; gap:0; background:#000; border-bottom:1px solid var(--filo); padding:8px var(--gutter-r) 20px var(--gutter-l)}
  .nav.is-open a{padding:14px 0; border-bottom:1px solid rgba(201,162,78,.12); font-size:1.05rem; color:var(--testo)}
  .nav.is-open .nav__cta{display:inline-flex; margin-top:16px; border-bottom:0; color:#000; padding:0 20px}
}
.nav__cta{display:none}
@media (max-width:520px){ .marchio__nome{display:none} }

/* Apertura */
.apertura{position:relative; overflow:hidden; margin-top:-77px; padding-top:77px; isolation:isolate}
.apertura canvas{position:absolute; inset:0; width:100%; height:100%; z-index:-2}
.apertura__velo{position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 34%, rgba(0,0,0,.15) 62%, rgba(0,0,0,0) 100%), linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 22%)}
.apertura .wrap{padding-block:clamp(40px, 6vw, 92px) clamp(64px, 7vw, 108px); display:grid; gap:clamp(28px, 4vw, 48px)}
.titolo{font-size:clamp(2.35rem, 4.85vw, 4.05rem); font-weight:500; letter-spacing:-.02em; line-height:1.06}
.titolo .p{display:inline-block; animation:entra 1s var(--ease) both; animation-delay:calc(var(--i) * 90ms + 150ms)}
.titolo em{font-style:italic; color:var(--oro-chiaro)}
.sottotitolo{font-size:clamp(1.1rem, 1.6vw, 1.3rem); color:var(--tenue); max-width:40ch; animation:entra 1s var(--ease) .75s both}
.filo-oro{height:1px; background:linear-gradient(90deg, var(--oro), rgba(201,162,78,0)); transform-origin:left; animation:traccia 1.6s var(--ease) .6s both; max-width:520px}
.apertura__griglia{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:48px}
.apertura__punti{display:grid; gap:34px; align-content:start; animation:entra 1s var(--ease) .95s both}
.apertura__punti .lista li{font-size:1.06rem; color:var(--tenue)}
.apertura__punti strong{color:var(--testo); font-weight:600}
.azioni{display:flex; flex-wrap:wrap; gap:14px}
.play{width:30px; height:30px; border-radius:50%; border:1px solid currentColor; display:grid; place-items:center}
@keyframes entra{from{opacity:0; transform:translateY(18px)}to{opacity:1; transform:none}}
@keyframes traccia{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:860px){
  .apertura__griglia{grid-template-columns:1fr}
  .apertura__velo{background:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.78) 55%, #000 100%)}
}

/* Video in finestra */
dialog.video{width:min(1040px, calc(100vw - 32px)); padding:0; border:1px solid var(--filo); background:var(--carbone); color:var(--testo); border-radius:2px}
dialog.video::backdrop{background:rgba(0,0,0,.82); backdrop-filter:blur(4px)}
.video__barra{display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid rgba(201,162,78,.15); font-size:.85rem; color:var(--tenue)}
.video__chiudi{background:none; border:1px solid var(--filo); color:var(--testo); min-height:40px; padding:0 14px; border-radius:2px; cursor:pointer; font:600 .85rem var(--f-testo)}
.video__schermo{aspect-ratio:16/9; max-width:100%; display:grid; place-items:center; text-align:center; gap:10px; background:radial-gradient(ellipse at 50% 60%, #2a2214 0%, #0b0906 70%); padding:24px}
.video__schermo p{color:var(--tenue); font-size:.95rem; max-width:44ch}

/* Sezioni */
.sec{padding-block:clamp(80px, 10vw, 140px)}
.sec-chiara{background:var(--avorio); color:var(--inchiostro)}
.sec-chiara p, .sec-chiara li{color:var(--inchiostro-tenue)}
.sec-chiara .lista li::before{background:var(--rosso-chiaro)}
.sec-carbone{background:var(--carbone)}
.testa-sez{display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,80px); align-items:end; margin-bottom:clamp(44px,6vw,72px)}
.testa-sez > div{display:grid; gap:18px}
.testa-sez p{color:var(--tenue); max-width:58ch}
@media (max-width:860px){ .testa-sez{grid-template-columns:1fr; align-items:start} }

@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .rivela{animation:rivela linear both; animation-timeline:view(); animation-range:entry 0% entry 55%}
    @keyframes rivela{from{opacity:.3; transform:translateY(34px)}to{opacity:1; transform:none}}
  }
}

/* Per chi lavoriamo */
.chi-lavoriamo{display:grid; grid-template-columns:5fr 7fr; gap:clamp(32px,6vw,96px)}
.chi-lavoriamo__intro{display:grid; gap:22px; align-content:start; position:sticky; top:120px}
.chi-lavoriamo__intro h2{color:var(--inchiostro)}
.situazioni{list-style:none; margin:0; padding:0; border-top:1px solid rgba(16,14,10,.14)}
.situazione{border-bottom:1px solid rgba(16,14,10,.14)}
.situazione button{all:unset; box-sizing:border-box; width:100%; display:grid; grid-template-columns:30px 1fr auto; gap:16px; align-items:center; padding:20px 12px 20px 4px; cursor:pointer; font:500 1.12rem/1.45 var(--f-testo); color:var(--inchiostro); transition:background .25s, padding .3s var(--ease)}
.situazione button:hover{background:rgba(100,72,9,.05); padding-left:12px}
.situazione button:focus-visible{outline:2px solid var(--oro-scuro); outline-offset:-2px}
.situazione .tr{width:16px; height:3px; background:var(--rosso-chiaro); transition:width .35s var(--ease)}
.situazione .segno{font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--inchiostro-tenue); border:1px solid rgba(16,14,10,.22); padding:6px 10px; border-radius:2px; white-space:nowrap; transition:all .25s}
.situazione button[aria-pressed="true"]{background:#fff}
.situazione button[aria-pressed="true"] .tr{width:30px}
.situazione button[aria-pressed="true"] .segno{background:var(--inchiostro); color:var(--avorio); border-color:var(--inchiostro)}
.esito{margin-top:28px; display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; justify-content:space-between}
.esito p{font-family:var(--f-titoli); font-size:1.4rem; color:var(--inchiostro); max-width:30ch; line-height:1.3}
.esito .btn{background:var(--inchiostro); color:var(--oro-chiaro)}
.esito .btn:hover{background:#2b251b}
@media (max-width:860px){
  .chi-lavoriamo{grid-template-columns:1fr}
  .chi-lavoriamo__intro{position:static}
  .situazione button{grid-template-columns:22px 1fr; font-size:1.03rem}
  .situazione .segno{grid-column:2; justify-self:start}
}

/* Intelligenza artificiale */
.prova{border:1px solid rgba(201,162,78,.22); background:linear-gradient(180deg, #1a160f, #120f0a); border-radius:2px}
.prova__testa{display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; justify-content:space-between; padding:22px 26px; border-bottom:1px solid rgba(201,162,78,.15)}
.prova__testa p{color:var(--tenue); font-size:.92rem}
.prova__testa strong{color:var(--testo); font-weight:600}
.domande{display:flex; flex-wrap:wrap; gap:10px; padding:20px 26px 0}
.domanda{background:transparent; color:var(--tenue); border:1px solid rgba(201,162,78,.3); border-radius:2px; padding:10px 14px; min-height:44px; font:500 .92rem/1.3 var(--f-testo); cursor:pointer; text-align:left; transition:all .2s}
.domanda:hover{color:var(--testo); border-color:var(--oro)}
.domanda[aria-pressed="true"]{background:var(--oro); color:#000; border-color:var(--oro)}
.richiesta{padding:22px 26px 0; display:flex; gap:12px; align-items:baseline; font-size:1.02rem}
.richiesta span:first-child{font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:var(--oro); flex:none}
.risposte{display:grid; grid-template-columns:1fr 1.25fr; gap:18px; padding:22px 26px 26px}
.risposta{border:1px solid rgba(244,240,231,.1); padding:22px; display:grid; gap:14px; align-content:start; min-width:0; border-radius:2px}
.risposta--istruita{border-color:rgba(201,162,78,.55); background:rgba(201,162,78,.05); position:relative}
.risposta__chi{display:flex; align-items:center; gap:10px; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:var(--tenue)}
.risposta--istruita .risposta__chi{color:var(--oro-chiaro)}
.pallino{width:8px; height:8px; border-radius:50%; background:#6b665d}
.risposta--istruita .pallino{background:var(--oro); box-shadow:0 0 0 4px rgba(201,162,78,.15)}
.risposta__testo{font-size:1rem; line-height:1.6; color:var(--tenue); min-height:7.5em}
.risposta--istruita .risposta__testo{color:var(--testo)}
.cursore{display:inline-block; width:2px; height:1.05em; background:var(--oro-chiaro); vertical-align:-2px; margin-left:2px; animation:lampeggia 1s steps(2) infinite}
@keyframes lampeggia{50%{opacity:0}}
.consulta{font-size:.85rem; color:var(--oro); display:flex; gap:8px; align-items:center}
.protocollo{border-top:1px solid rgba(201,162,78,.2); padding-top:14px; display:grid; gap:8px; font-size:.85rem; color:var(--tenue)}
.protocollo div{display:grid; grid-template-columns:92px 1fr; gap:10px}
.protocollo dt, .protocollo span:first-child{color:var(--oro); font-weight:600; letter-spacing:.06em; text-transform:uppercase; font-size:.72rem; padding-top:2px}
.nota-esempio{padding:0 26px 22px; font-size:.82rem; color:#8f887c}
@media (max-width:860px){ .risposte{grid-template-columns:1fr} }
.tre{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(24px,3vw,44px); margin-top:clamp(56px,7vw,88px)}
.tre article{border-top:1px solid var(--oro); padding-top:24px; display:grid; gap:12px; align-content:start}
.tre h3{color:var(--oro-chiaro); font-size:1.45rem}
.tre p{color:var(--tenue)}
@media (max-width:860px){ .tre{grid-template-columns:1fr} }
.chiusura-ia{margin-top:56px; padding-top:32px; border-top:1px solid rgba(201,162,78,.15); display:flex; flex-wrap:wrap; gap:20px 48px; align-items:center; justify-content:space-between}
.chiusura-ia p{color:var(--tenue); max-width:70ch}

/* Servizi */
.servizi{border-top:1px solid rgba(201,162,78,.2)}
.servizio{position:relative; display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr) auto; gap:clamp(20px,4vw,64px); align-items:center; padding:clamp(28px,3.4vw,44px) 8px; border-bottom:1px solid rgba(201,162,78,.2); text-decoration:none; transition:background .35s}
.servizio::before{content:""; position:absolute; left:0; top:-1px; height:1px; width:100%; background:var(--oro); transform:scaleX(0); transform-origin:left; transition:transform .6s var(--ease)}
.servizio:hover{background:linear-gradient(90deg, rgba(201,162,78,.07), rgba(201,162,78,0))}
.servizio:hover::before{transform:scaleX(1)}
.servizio h3{font-size:clamp(1.5rem, 2.4vw, 2.1rem); color:var(--oro-chiaro); transition:transform .4s var(--ease)}
.servizio:hover h3{transform:translateX(10px)}
.servizio p{color:var(--tenue)}
.servizio .freccia{width:48px; height:48px; border:1px solid var(--filo); border-radius:50%; display:grid; place-items:center; color:var(--oro-chiaro); transition:all .35s var(--ease)}
.servizio:hover .freccia{background:var(--oro); color:#000; border-color:var(--oro); transform:rotate(-45deg)}
@media (max-width:760px){ .servizio{grid-template-columns:1fr auto; } .servizio p{grid-column:1/-1; grid-row:2} .servizio .freccia{grid-row:1; grid-column:2} }

/* Metodo */
.metodo__blocco{display:grid; grid-template-columns:7fr 5fr; align-items:stretch}
.metodo__foto{overflow:hidden; min-height:340px; position:relative}
.metodo__foto img{width:100%; height:100%; object-fit:cover; transform:scale(1.06); animation:respiro 18s ease-in-out infinite alternate}
@keyframes respiro{from{transform:scale(1.06) translate(0,0)}to{transform:scale(1.12) translate(-1.5%, -1%)}}
.metodo__pannello{background:var(--oro); color:#000; padding:clamp(32px,4.4vw,64px); display:grid; gap:22px; align-content:center}
.metodo__pannello h2{font-size:clamp(1.8rem, 2.9vw, 2.6rem); color:#000}
.metodo__pannello p{color:#1e180c; font-size:1.05rem}
.metodo__pannello .btn{justify-self:start}
@media (max-width:900px){ .metodo__blocco{grid-template-columns:1fr} .metodo__foto{aspect-ratio:3/2; min-height:0} }
.passi{position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:32px; margin-top:clamp(64px,8vw,104px); padding-top:52px}
.passi__linea{position:absolute; left:0; right:0; top:15px; height:2px; background:rgba(201,162,78,.16)}
.passi__linea i{position:absolute; inset:0; background:linear-gradient(90deg, var(--oro), var(--oro-chiaro)); transform-origin:left; transform:scaleX(var(--p, 1)); box-shadow:0 0 12px rgba(237,213,151,.5)}
.passo{display:grid; gap:12px; align-content:start; position:relative}
.passo::before{content:""; position:absolute; top:-44px; left:0; width:14px; height:14px; border-radius:50%; background:var(--nero); border:2px solid rgba(201,162,78,.4); transition:all .4s var(--ease)}
.passo.acceso::before{background:var(--oro-chiaro); border-color:var(--oro-chiaro); box-shadow:0 0 0 6px rgba(201,162,78,.18)}
.passo__n{font-family:var(--f-titoli); font-size:3.2rem; line-height:1; color:var(--oro-chiaro); font-weight:500}
.passo h3{font-size:1.35rem}
.passo p{color:var(--tenue); font-size:1rem}
@media (max-width:900px){
  .passi{grid-template-columns:1fr; padding-top:0; padding-left:44px; gap:40px}
  .passi__linea{left:6px; right:auto; top:0; bottom:0; width:2px; height:auto}
  .passi__linea i{transform-origin:top; transform:scaleY(var(--p,1))}
  .passo::before{top:6px; left:-44px}
}

/* Chi siamo */
.soci{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:clamp(24px,4vw,56px)}
.socio{display:grid; grid-template-columns:minmax(0,1fr); gap:26px; align-content:start}
.ritratto{position:relative; aspect-ratio:4/5; overflow:hidden; background:#14110c; width:100%; max-width:384px}
.ritratto img{width:100%; height:100%; object-fit:cover; transform-origin:50% 35%; animation:vivo 9s ease-in-out infinite alternate}
.ritratto::after{content:""; position:absolute; inset:-20% -60%; background:linear-gradient(105deg, rgba(255,226,160,0) 40%, rgba(255,226,160,.16) 50%, rgba(255,226,160,0) 60%); transform:translateX(-60%); animation:luce 11s ease-in-out infinite; mix-blend-mode:soft-light; pointer-events:none}
.ritratto::before{content:""; position:absolute; left:0; bottom:0; width:56px; height:3px; background:var(--rosso-chiaro); z-index:2}
@keyframes vivo{from{transform:scale(1)}to{transform:scale(1.035) translateY(-.6%)}}
@keyframes luce{0%,55%{transform:translateX(-60%)}85%,100%{transform:translateX(60%)}}
.socio__testo{display:grid; gap:10px}
.socio h3{font-size:1.75rem; color:var(--inchiostro)}
.socio .area{font-size:.8rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--oro-scuro)}
.socio p{font-size:1rem}
.socio .link{color:var(--inchiostro); border-color:rgba(16,14,10,.25); margin-top:6px; justify-self:start}
@media (max-width:700px){ .soci{grid-template-columns:1fr; gap:56px} }

/* Modulo */
.contatto{display:grid; grid-template-columns:5fr 7fr; gap:clamp(32px,6vw,96px)}
.contatto__intro{display:grid; gap:24px; align-content:start}
.contatto__intro p{color:var(--tenue)}
.contatto__intro .lista li{color:var(--testo); font-size:1.02rem}
form.modulo{background:var(--carbone); border:1px solid rgba(201,162,78,.2); padding:clamp(24px,3.4vw,44px); display:grid; grid-template-columns:1fr 1fr; gap:20px 22px; border-radius:2px}
.campo{display:grid; gap:8px; min-width:0}
.campo--pieno{grid-column:1/-1}
.campo label{font-size:.88rem; font-weight:600; color:var(--testo)}
.campo label small{font-weight:400; color:var(--tenue)}
.campo input, .campo select, .campo textarea{width:100%; background:#0c0a07; border:1px solid rgba(201,162,78,.28); border-radius:2px; color:var(--testo); font:400 1rem/1.4 var(--f-testo); padding:14px; min-height:52px; transition:border-color .2s, box-shadow .2s}
.campo textarea{min-height:130px; resize:vertical}
.campo input:focus, .campo select:focus, .campo textarea:focus{outline:none; border-color:var(--oro); box-shadow:0 0 0 3px rgba(201,162,78,.18)}
.consenso{grid-column:1/-1; display:flex; gap:12px; align-items:flex-start; font-size:.95rem; color:var(--tenue)}
.consenso input{width:20px; height:20px; accent-color:var(--oro); margin-top:3px; flex:none}
.modulo .btn{grid-column:1/-1; justify-self:start}
.esito-modulo{grid-column:1/-1; border-left:3px solid var(--oro); padding:12px 16px; background:rgba(201,162,78,.07); color:var(--testo); font-size:.95rem}
@media (max-width:900px){ .contatto{grid-template-columns:1fr} }
@media (max-width:560px){ form.modulo{grid-template-columns:1fr} }

/* Domande */
.domande-freq{max-width:900px}
.domande-freq details{border-bottom:1px solid rgba(201,162,78,.2)}
.domande-freq summary{list-style:none; cursor:pointer; display:grid; grid-template-columns:1fr 28px; gap:20px; align-items:center; padding:26px 0; font-family:var(--f-titoli); font-size:clamp(1.25rem,2vw,1.55rem); line-height:1.3}
.domande-freq summary::-webkit-details-marker{display:none}
.domande-freq summary .piu{position:relative; width:28px; height:28px}
.domande-freq summary .piu::before, .domande-freq summary .piu::after{content:""; position:absolute; left:6px; right:6px; top:13px; height:2px; background:var(--oro); transition:transform .35s var(--ease)}
.domande-freq summary .piu::after{transform:rotate(90deg)}
.domande-freq details[open] .piu::after{transform:rotate(0)}
.domande-freq details p{padding:0 48px 28px 0; color:var(--tenue); max-width:68ch}

/* Piè di pagina */
.piede{border-top:1px solid rgba(201,162,78,.2); padding-block:56px 40px; color:var(--tenue); font-size:.92rem}
.piede .wrap{display:grid; gap:32px}
.piede__alto{display:flex; flex-wrap:wrap; gap:24px 64px; justify-content:space-between; align-items:flex-start}
.piede nav{display:flex; flex-wrap:wrap; gap:10px 26px}
.piede nav a{text-decoration:none}
.piede nav a:hover{color:var(--oro-chiaro)}
.piede__basso{display:flex; flex-wrap:wrap; gap:10px 24px; justify-content:space-between; border-top:1px solid rgba(201,162,78,.12); padding-top:24px; font-size:.84rem}

@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{animation:none !important; transition:none !important}
  html{scroll-behavior:auto}
}

/* ===== Versione 9 ===== */
.apertura__griglia{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(32px,4vw,56px)}
.apertura__video{display:grid; gap:12px; animation:entra 1s var(--ease) .5s both}
.video-home{position:relative; aspect-ratio:16/9; background:#000; border:1px solid rgba(201,162,78,.35); box-shadow:0 30px 80px rgba(0,0,0,.6)}
.video-home video{display:block; width:100%; height:100%; object-fit:cover; background:#000}
.video-home video::cue{background:rgba(0,0,0,.72); color:#F4F0E7; font-family:var(--f-testo); font-size:clamp(13px,1.15vw,17px); line-height:1.35}
.audio-on{position:absolute; left:14px; top:14px; z-index:2; min-height:44px; padding:0 16px; font-size:.9rem; gap:8px}
.video-copertina{all:unset; position:absolute; inset:0; z-index:3; cursor:pointer; background:rgba(0,0,0,.45); display:grid; place-items:center}
.video-copertina span{display:inline-flex; align-items:center; gap:10px; padding:14px 22px; background:var(--oro); color:#000; font-weight:600}
.video-copertina:focus-visible span{outline:2px solid var(--oro-chiaro); outline-offset:3px}
.video-nota{display:flex; justify-content:space-between; gap:12px; font-size:.82rem; color:var(--tenue)}
.angolo{position:absolute; width:26px; height:26px; border:2px solid var(--oro); z-index:2; pointer-events:none}
.angolo--a{top:-8px; left:-8px; border-right:0; border-bottom:0}
.angolo--b{bottom:-8px; right:-8px; border-left:0; border-top:0}
@media (max-width:860px){ .apertura__griglia{grid-template-columns:1fr} .apertura__video{order:-1} }

.ms-misura{color:var(--tenue); font-size:.95rem; margin:0}
.ms-misura strong{display:block; font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; color:var(--oro); margin-bottom:6px}

.h-medio{font-family:var(--f-titoli); font-weight:500; font-size:clamp(1.6rem,2.6vw,2.2rem); line-height:1.15; color:var(--inchiostro); margin:0}
.ieri-oggi{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:clamp(18px,3vw,40px); align-items:stretch; margin-top:clamp(36px,5vw,64px)}
.io{border:1px solid rgba(16,14,10,.14); padding:clamp(22px,3vw,36px); display:grid; gap:16px; align-content:start}
.io ul{list-style:none; margin:0; padding:0; display:grid; gap:12px}
.io li{font-size:1.08rem; padding-left:26px; position:relative}
.io li::before{content:""; position:absolute; left:0; top:.72em; width:14px; height:2px; background:currentColor; opacity:.35}
.io__tit{font-weight:600; font-size:.8rem; letter-spacing:.18em; text-transform:uppercase; color:var(--inchiostro-tenue)}
.io--ieri li{color:var(--inchiostro-tenue)}
.io--oggi{background:var(--inchiostro); border-color:var(--inchiostro)}
.io--oggi .io__tit{color:var(--oro)}
.io--oggi li{color:var(--avorio)}
.io--oggi li::before{background:var(--rosso); opacity:1}
.io__freccia{display:grid; place-items:center; color:var(--oro-scuro)}
@media (max-width:760px){ .ieri-oggi{grid-template-columns:1fr} .io__freccia{transform:rotate(90deg); padding:4px 0} }

.capitoli-intro{background:var(--nero); border-top:1px solid rgba(201,162,78,.15)}
.capitoli-intro .wrap{padding-block:clamp(56px,7vw,96px); display:grid; gap:32px; justify-items:center; text-align:center}
.capitoli-intro__testo{font-family:var(--f-titoli); font-size:clamp(1.5rem,2.6vw,2.2rem); line-height:1.3; max-width:30ch; margin:0}
.capitoli-intro__testo em{color:var(--oro-chiaro)}
.capitoli-indice{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:12px}
.capitoli-indice a{display:flex; align-items:baseline; gap:12px; padding:14px 22px; border:1px solid rgba(201,162,78,.35); color:var(--testo); text-decoration:none; font-weight:600; letter-spacing:.04em; transition:background .3s, border-color .3s}
.capitoli-indice a span{font-family:var(--f-titoli); color:var(--oro); font-size:1.1rem}
.capitoli-indice a:hover{background:rgba(201,162,78,.12); border-color:var(--oro)}

.capitolo__testa{display:grid; grid-template-columns:auto minmax(0,1fr); gap:clamp(20px,4vw,56px); align-items:start; margin-bottom:clamp(36px,5vw,64px)}
.capitolo__testa h2{max-width:22ch}
.capitolo__testa p{color:var(--tenue); font-size:1.12rem; max-width:62ch; margin-top:18px}
.capitolo__n{font-family:var(--f-titoli); font-weight:500; font-size:clamp(4.5rem,10vw,9rem); line-height:.8; color:transparent; -webkit-text-stroke:1.5px var(--oro)}
.sec-chiara .capitolo__n{-webkit-text-stroke-color:var(--oro-scuro)}
@media (max-width:700px){ .capitolo__testa{grid-template-columns:1fr; gap:8px} }
.leve{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,2vw,24px)}
.leva{border:1px solid rgba(201,162,78,.22); background:linear-gradient(180deg,#17130d,#0f0c08); padding:clamp(24px,3vw,36px); display:grid; gap:12px; align-content:start; position:relative}
.leva::before{content:""; position:absolute; left:clamp(24px,3vw,36px); top:0; width:40px; height:3px; background:var(--rosso)}
.leva h3{font-size:1.4rem; color:var(--oro-chiaro); margin:6px 0 0}
.leva p{color:var(--tenue); font-size:1rem; margin:0}
.leve--scure .leva{background:linear-gradient(180deg,#1d1912,#15120d)}
@media (max-width:900px){ .leve{grid-template-columns:1fr} }
.capitolo__piede{display:flex; flex-wrap:wrap; gap:20px 40px; align-items:center; justify-content:space-between; margin-top:clamp(28px,4vw,48px); padding-top:24px; border-top:1px solid rgba(201,162,78,.18)}
.capitolo__piede .ms-misura{max-width:60ch}
.prova-intro{font-family:var(--f-titoli); font-size:1.4rem; color:var(--oro-chiaro); margin:clamp(40px,5vw,64px) 0 18px}

/* Lead generation o vendite online */
.confronto{display:grid; gap:36px}
/* Interruttore (prompt 24): due pulsanti veri; lo scelto è pieno con la spunta, l'altro invita a toccarlo. */
.interruttore{display:grid; gap:14px; justify-items:start}
.interruttore__etichetta{margin:0; font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; line-height:1.5; color:var(--inchiostro-tenue)}
.segmenti{display:flex; flex-wrap:wrap; gap:12px}
/* Spunta e invito tengono sempre il loro posto: i pulsanti non cambiano misura quando si sceglie. */
.segmento{display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:0 18px; box-sizing:border-box; border:2px solid var(--inchiostro); border-radius:2px; background:#fff; color:var(--inchiostro); font:600 1rem/1.25 var(--f-testo); text-align:left; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background .2s, color .2s, border-color .2s, transform .15s var(--ease)}
.segmento__icona{flex:none}
.segmento__spunta{visibility:hidden; color:var(--oro); font-weight:700}
.segmento__invito{margin-left:auto; padding-left:8px; color:var(--oro-scuro); font-size:.85rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap}
.segmento__freccia{display:none; font-size:1.1rem; letter-spacing:0}
.segmento[aria-pressed="true"]{background:var(--inchiostro); color:var(--avorio); cursor:default}
.segmento[aria-pressed="true"] .segmento__spunta{visibility:visible}
.segmento[aria-pressed="true"] .segmento__invito{visibility:hidden}
@media (hover:hover) and (pointer:fine){
  .segmento__tocca{display:none}
  .segmento__freccia{display:inline}
  .segmento[aria-pressed="false"]:hover{border-color:var(--oro-scuro); color:var(--oro-scuro); transform:translateY(-1px)}
}
.segmento[aria-pressed="false"]:active{transform:translateY(1px)}
.segmento:focus-visible{outline:3px solid var(--oro-scuro); outline-offset:3px}
@media (prefers-reduced-motion:no-preference){
  .segmento.is-richiamo{animation:sca-battito .75s ease-out 2}
  .confronto .flusso, .confronto .tab-conf-wrap{transition:opacity .11s ease}
  .confronto.is-cambio .flusso, .confronto.is-cambio .tab-conf-wrap{opacity:0}
}
@keyframes sca-battito{0%{box-shadow:0 0 0 0 rgba(100,72,9,.55)} 100%{box-shadow:0 0 0 12px rgba(100,72,9,0)}}
@media (max-width:559px){
  .interruttore, .segmenti{width:100%}
  .segmenti{display:grid; grid-template-columns:1fr; gap:10px}
  .segmento{width:100%}
}
.flusso{list-style:none; margin:0; padding:34px 0 0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; position:relative}
.flusso::before{content:""; position:absolute; left:6px; right:6px; top:8px; height:2px; background:rgba(16,14,10,.18)}
.flusso::after{content:""; position:absolute; top:3px; left:0; width:12px; height:12px; border-radius:50%; background:var(--oro); box-shadow:0 0 0 5px rgba(201,162,78,.25); animation:scorri 4.5s linear infinite}
@keyframes scorri{from{left:0}to{left:calc(100% - 12px)}}
.flusso li{position:relative; font-weight:600; color:var(--inchiostro); font-size:1rem; display:grid; gap:4px}
.flusso li::before{content:""; position:absolute; top:-32px; left:0; width:14px; height:14px; border-radius:50%; background:var(--avorio); border:2px solid var(--inchiostro-tenue); box-sizing:border-box}
.flusso li:last-child::before{background:var(--oro); border-color:var(--oro)}
.flusso li small{font-weight:400; font-size:.85rem; color:var(--inchiostro-tenue)}
.confronto[data-attivo="lead"] .flusso--vendite, .confronto[data-attivo="vendite"] .flusso--lead{display:none}
.tab-conf-wrap{overflow-x:auto}
.tab-conf{width:100%; border-collapse:collapse; font-size:.98rem}
.tab-conf th, .tab-conf td{padding:16px 18px; text-align:left; vertical-align:top; border-bottom:1px solid rgba(16,14,10,.12); transition:background .3s, color .3s, opacity .3s}
.tab-conf thead th{font-family:var(--f-titoli); font-size:1.25rem; font-weight:500; color:var(--inchiostro)}
.tab-conf tbody th{font-size:.76rem; letter-spacing:.12em; text-transform:uppercase; color:var(--oro-scuro); width:20%; font-weight:600}
.tab-conf td{color:var(--inchiostro-tenue)}
.confronto[data-attivo="lead"] .tab-conf :is(td,th):nth-child(2), .confronto[data-attivo="vendite"] .tab-conf :is(td,th):nth-child(3){background:#fff; color:var(--inchiostro)}
.confronto[data-attivo="lead"] .tab-conf :is(td,th):nth-child(3), .confronto[data-attivo="vendite"] .tab-conf :is(td,th):nth-child(2){opacity:.5}
.confronto__chiusura{display:flex; flex-wrap:wrap; gap:16px 32px; align-items:center; justify-content:space-between}
.confronto__chiusura p{font-family:var(--f-titoli); font-size:1.35rem; color:var(--inchiostro); margin:0; max-width:36ch}
@keyframes scorriv{from{top:0}to{top:calc(100% - 12px)}}
@media (max-width:760px){
  .flusso{grid-template-columns:1fr; padding:0 0 0 34px; gap:18px}
  .flusso::before{left:8px; right:auto; top:6px; bottom:6px; width:2px; height:auto}
  .flusso::after{left:3px; top:0; animation:scorriv 4.5s linear infinite}
  .flusso li::before{top:3px; left:-32px}
  .confronto[data-attivo="lead"] .tab-conf :is(td,th):nth-child(3), .confronto[data-attivo="vendite"] .tab-conf :is(td,th):nth-child(2){display:none}
  .tab-conf tbody th{width:34%}
  .tab-conf th, .tab-conf td{padding:14px 12px}
}

/* Modulo a passi */
form.modulo-passi{grid-template-columns:1fr; gap:24px; align-content:start}
.mp-testa{display:grid; gap:10px}
.mp-conta{font-size:.8rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--oro)}
.mp-barra{height:3px; background:rgba(201,162,78,.18)}
.mp-barra span{display:block; height:100%; width:33.3%; background:var(--oro); transition:width .45s var(--ease)}
.mp-passo{border:0; margin:0; padding:0; min-width:0; display:grid; gap:18px; animation:passo .45s var(--ease)}
@keyframes passo{from{opacity:0; transform:translateY(10px)}to{opacity:1; transform:none}}
.mp-passo legend{font-family:var(--f-titoli); font-size:clamp(1.45rem,2.2vw,1.9rem); color:var(--testo); padding:0; margin-bottom:18px}
.mp-scelte{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.mp-scelta{position:relative; cursor:pointer}
.mp-scelta input{position:absolute; opacity:0; inset:0; margin:0; cursor:pointer}
.mp-scelta > span{display:grid; gap:4px; height:100%; box-sizing:border-box; padding:16px 18px 16px 46px; border:1px solid rgba(201,162,78,.25); transition:border-color .25s, background .25s; position:relative}
.mp-scelta > span::before{content:""; position:absolute; left:16px; top:19px; width:16px; height:16px; border-radius:50%; border:1.5px solid rgba(201,162,78,.6); box-sizing:border-box}
.mp-scelta strong{font-weight:600; color:var(--testo)}
.mp-scelta small{color:var(--tenue); font-size:.88rem}
.mp-scelta:hover > span{border-color:rgba(201,162,78,.6)}
.mp-scelta input:checked + span{border-color:var(--oro); background:rgba(201,162,78,.1)}
.mp-scelta input:checked + span::before{background:var(--oro); box-shadow:inset 0 0 0 3px #15120d}
.mp-scelta input:focus-visible + span{outline:2px solid var(--oro-chiaro); outline-offset:2px}
.mp-scelta--larga{grid-column:1/-1}
.mp-campi{display:grid; grid-template-columns:1fr 1fr; gap:18px 20px}
.mp-campi .campo--pieno{grid-column:1/-1}
.etichetta{font-size:.88rem; font-weight:600; color:var(--testo)}
.etichetta small{font-weight:400; color:var(--tenue)}
.mp-chip{display:flex; flex-wrap:wrap; gap:8px}
.mp-chip label{position:relative; cursor:pointer}
.mp-chip input{position:absolute; opacity:0; inset:0; margin:0; cursor:pointer}
.mp-chip span{display:inline-block; padding:9px 14px; border:1px solid rgba(201,162,78,.3); font-size:.92rem; color:var(--tenue); transition:all .2s}
.mp-chip input:checked + span{background:var(--oro); border-color:var(--oro); color:#000}
.mp-chip input:focus-visible + span{outline:2px solid var(--oro-chiaro); outline-offset:2px}
.mp-azioni{display:flex; gap:12px; flex-wrap:wrap}
.mp-azioni .btn--oro{margin-left:auto}
@media (max-width:640px){ .mp-scelte, .mp-campi{grid-template-columns:1fr} }
.confronto__chiusura .btn{background:var(--inchiostro); color:var(--oro-chiaro); border-color:var(--inchiostro)}
.confronto__chiusura .btn:hover{background:#000}
/* ===== Sito (prompt 22): aggiunte alla landing v9 per il tema sca-agenzia ===== */

/* Salta al contenuto */
.salta{position:absolute; left:-9999px; top:8px; z-index:80; background:var(--oro); color:#000; padding:12px 18px; font-weight:600; text-decoration:none}
.salta:focus{left:max(16px, env(safe-area-inset-left,0px))}

/* Testata: voce della pagina corrente */
.nav a[aria-current="page"]{color:var(--testo)}
.nav a[aria-current="page"]::after{transform:scaleX(1)}

/* Video: posto vuoto quando le opzioni del video mancano */
.video-vuoto{position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:14px; text-align:center; background:radial-gradient(ellipse at 50% 60%, #2a2214 0%, #0b0906 70%); color:var(--tenue); font-size:.95rem}
.video-vuoto svg{width:72px; height:72px}

/* Modulo a passi: messaggi accanto ai campi, esito, invio senza JavaScript */
.campo-errore{color:#F2B8A2; font-size:.85rem; margin:0}
.campo [aria-invalid="true"]{border-color:#E0705A}
.mp-passo .campo-errore{margin-top:-6px}
.esito-modulo.is-ok{border-left-color:var(--oro-chiaro)}
.esito-modulo.is-errore{border-left-color:var(--rosso)}
.consenso a{color:var(--oro-chiaro)}
.trappola{position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important}
.senza-js .mp-passo + .mp-passo{border-top:1px solid rgba(201,162,78,.15); padding-top:24px}

/* Pagine interne (testi legali, 404) */
.interna{padding-block:clamp(48px, 7vw, 96px) clamp(72px, 9vw, 120px)}
.interna .wrap{max-width:820px}
.interna h1{font-size:clamp(2rem, 4vw, 3rem); margin-bottom:28px}
.testo-pagina{overflow-wrap:anywhere; color:var(--tenue)}
.testo-pagina h2{font-size:clamp(1.35rem, 2.4vw, 1.75rem); color:var(--testo); margin:2.2em 0 .6em}
.testo-pagina h3{font-size:1.2rem; color:var(--testo); margin:1.6em 0 .5em}
.testo-pagina p, .testo-pagina ul, .testo-pagina ol{margin:0 0 1em}
.testo-pagina a{color:var(--oro-chiaro)}
.testo-pagina strong{color:var(--testo)}
.testo-pagina table{border-collapse:collapse; width:100%; display:block; overflow-x:auto; margin:0 0 1.2em; font-size:.95rem}
.testo-pagina td, .testo-pagina th{border:1px solid rgba(201,162,78,.25); padding:8px 10px; text-align:left; vertical-align:top}
.non-trovata{display:grid; gap:24px; justify-items:start}
.non-trovata p{color:var(--tenue)}

/* Chi siamo: profili uno sotto l'altro, filetto rosso a sinistra */
.chi-testa{padding-block:clamp(56px, 8vw, 120px) clamp(48px, 6vw, 88px)}
.chi-testa .wrap{display:grid; gap:24px; max-width:980px}
.chi-testa h1{font-size:clamp(2.1rem, 4.4vw, 3.6rem); letter-spacing:-.02em}
.chi-testa p{color:var(--tenue); font-size:clamp(1.05rem, 1.5vw, 1.2rem); max-width:62ch}
.profili{display:grid; gap:clamp(40px, 6vw, 72px); max-width:980px}
.profilo{border-left:3px solid var(--rosso-chiaro); padding:4px 0 4px clamp(20px, 3vw, 36px); display:grid; gap:14px}
.profilo--con-foto{grid-template-columns:minmax(0,240px) minmax(0,1fr); gap:clamp(20px,3vw,40px); align-items:start}
.profilo__foto img{width:100%; height:auto; aspect-ratio:4/5; object-fit:cover}
.profilo__testo{display:grid; gap:12px}
.profilo h2{font-size:clamp(1.7rem, 3vw, 2.3rem); color:var(--inchiostro)}
.profilo .area{font-size:.8rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--oro-scuro)}
.profilo p{font-size:1.05rem; max-width:68ch}
@media (max-width:640px){ .profilo--con-foto{grid-template-columns:1fr} }
.banda-oro{background:var(--oro); color:#000}
.banda-oro .wrap{padding-block:clamp(48px, 7vw, 88px); display:flex; flex-wrap:wrap; gap:24px 48px; align-items:center; justify-content:space-between}
.banda-oro h2{color:#000; font-size:clamp(1.8rem, 3.2vw, 2.6rem)}

/* Piè di pagina: link legali */
.piede__legali{display:flex; flex-wrap:wrap; gap:6px 18px}
.piede__legali a{text-decoration:none; display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:44px}
.piede .marchio{min-height:44px}
.piede__legali a:hover{color:var(--oro-chiaro)}
.piede nav a{display:inline-flex; align-items:center; min-height:44px}

/* Zone da toccare: almeno 44 px sul telefono */
.capitoli-indice a, .mp-chip span{min-height:44px; box-sizing:border-box}
.mp-chip span{display:inline-flex; align-items:center}

/* Banner dei cookie (prompt 26): in basso, sovrapposto (niente spostamenti del contenuto), avorio con filo d'oro,
   tre pulsanti identici (pari evidenza), X in alto a destra. Sul telefono resta sotto un terzo dello schermo. */
.sca-cc{position:fixed; left:0; right:0; bottom:0; z-index:90; background:var(--avorio); color:var(--inchiostro); border-top:3px solid var(--oro); box-shadow:0 -10px 30px rgba(0,0,0,.35); font:400 .9rem/1.45 var(--f-testo); padding:14px max(16px, env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px))}
.sca-cc[hidden]{display:none}
.sca-cc:focus{outline:none}
.sca-cc:focus-visible{outline:3px solid var(--oro-scuro); outline-offset:-3px}
.sca-cc__box{position:relative; max-width:1080px; margin:0 auto; display:grid; gap:10px}
.sca-cc__titolo{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.sca-cc p{margin:0; padding-right:40px; color:var(--inchiostro)}
.sca-cc a{color:var(--oro-scuro); text-decoration:underline; text-underline-offset:2px; font-weight:600}
.sca-cc__x{position:absolute; top:-8px; right:-8px; width:44px; height:44px; display:grid; place-items:center; background:none; border:0; color:var(--inchiostro); cursor:pointer; padding:0}
.sca-cc__vista{display:grid; gap:10px}
.sca-cc__vista[hidden]{display:none}
.sca-cc__btn{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px}
.sca-cc__btn--uno{grid-template-columns:minmax(0, 260px)}
.sca-cc__btn button{min-height:44px; padding:0 6px; border:2px solid var(--inchiostro); border-radius:2px; background:var(--inchiostro); color:var(--avorio); font:600 .95rem/1.1 var(--f-testo); cursor:pointer}
.sca-cc__btn button:hover{background:var(--carbone-2); border-color:var(--carbone-2)}
.sca-cc button:focus-visible, .sca-cc a:focus-visible, .sca-cc input:focus-visible{outline:3px solid var(--oro-scuro); outline-offset:2px}
.sca-cc__cat{list-style:none; margin:0; padding:0; display:grid; gap:4px}
.sca-cc__cat label{display:flex; gap:12px; align-items:flex-start; min-height:44px; padding:6px 0; cursor:pointer}
.sca-cc__cat input{-webkit-appearance:none; appearance:none; flex:none; width:44px; height:26px; margin:1px 0 0; border-radius:13px; background:#8A8275; position:relative; cursor:pointer; transition:background .2s}
.sca-cc__cat input::after{content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; transition:transform .2s}
.sca-cc__cat input:checked{background:var(--inchiostro)}
.sca-cc__cat input:checked::after{transform:translateX(18px)}
.sca-cc__cat input:disabled{cursor:not-allowed; opacity:.55}
.sca-cc__cat input:disabled + span{cursor:default}
.sca-cc__sempre{font-style:normal; font-size:.82rem; color:var(--inchiostro-tenue)}
.sca-cc.is-pannello{max-height:85vh; overflow-y:auto}
@media (prefers-reduced-motion:reduce){ .sca-cc__cat input, .sca-cc__cat input::after{transition:none} }
@media (min-width:860px){
  .sca-cc{padding-top:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .sca-cc__vista[data-sca-cc-vista="banner"]{grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; padding-right:44px}
  .sca-cc__vista[data-sca-cc-vista="banner"] p{padding-right:0}
  .sca-cc__btn{grid-template-columns:repeat(3, 150px)}
  .sca-cc__btn--uno{grid-template-columns:220px}
  .sca-cc__x{top:50%; transform:translateY(-50%); right:-10px}
  .sca-cc.is-pannello .sca-cc__x{top:-8px; transform:none}
}

/* Piè di pagina: «Preferenze cookie» come gli altri link legali */
.piede__pref{background:none; border:0; padding:0; color:inherit; font:inherit; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:44px}
.piede__pref:hover{color:var(--oro-chiaro)}

/* ===== Blog «Approfondimenti» (prompt 27): indice, aree, articolo. Prima il telefono. ===== */
.blog, .articolo{padding-block:clamp(28px, 5vw, 64px) clamp(72px, 9vw, 120px)}
.percorso ol{list-style:none; margin:0 0 20px; padding:0; display:flex; flex-wrap:wrap; gap:0 6px; font-size:.86rem; color:var(--tenue)}
.percorso li{display:inline-flex; align-items:center; min-width:0}
.percorso li + li::before{content:"›"; margin-right:6px; color:var(--oro)}
.percorso a{color:var(--tenue); text-decoration:none; display:inline-flex; align-items:center; min-height:44px}
.percorso a:hover{color:var(--oro-chiaro)}
.percorso [aria-current="page"]{color:var(--testo)}
.percorso li:last-child span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:60vw; line-height:44px}
.blog__testa{display:grid; gap:14px; max-width:820px; margin-bottom:28px}
.blog__testa h1{font-size:clamp(2.2rem, 5vw, 3.6rem); letter-spacing:-.02em}
.blog__testa p{color:var(--tenue); font-size:clamp(1.02rem, 1.4vw, 1.15rem); max-width:64ch}
.filtro-aree{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 32px}
.filtro-aree a{display:inline-flex; align-items:center; min-height:44px; padding:0 16px; border:1px solid rgba(201,162,78,.4); border-radius:22px; color:var(--testo); text-decoration:none; font-size:.92rem}
.filtro-aree a:hover{border-color:var(--oro-chiaro); color:var(--oro-chiaro)}
.filtro-aree a[aria-current="page"]{background:var(--oro); border-color:var(--oro); color:#000; font-weight:600}
.schede-art{display:grid; gap:28px; grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){ .schede-art{grid-template-columns:repeat(2, minmax(0,1fr))} }
@media (min-width:1080px){ .schede-art{grid-template-columns:repeat(3, minmax(0,1fr))} }
.scheda-art{display:grid; gap:10px; align-content:start; border-top:1px solid rgba(201,162,78,.25); padding-top:14px}
.scheda-art__img{display:block; overflow:hidden}
.scheda-art__img img{width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block; transition:transform .4s var(--ease)}
.scheda-art:hover .scheda-art__img img{transform:scale(1.02)}
.scheda-art__area{margin:0; font-size:.76rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--oro)}
.scheda-art__titolo{font-size:clamp(1.25rem, 2vw, 1.45rem); line-height:1.25; margin:0}
.scheda-art__titolo a{color:var(--testo); text-decoration:none}
.scheda-art__titolo a:hover{color:var(--oro-chiaro)}
.scheda-art__riga{margin:0; color:var(--tenue); font-size:.88rem}
.etichetta-metodo{display:inline-block; margin-left:6px; padding:2px 8px; border:1px solid var(--oro); border-radius:2px; font-size:.68rem; letter-spacing:.08em; color:var(--oro-chiaro); text-transform:uppercase; vertical-align:1px}
.blog__vuoto{color:var(--tenue)}
.navigation.pagination{margin-top:40px}
.nav-links{display:flex; flex-wrap:wrap; gap:8px}
.nav-links .page-numbers{display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0 12px; border:1px solid rgba(201,162,78,.35); color:var(--testo); text-decoration:none}
.nav-links .current{background:var(--oro); color:#000; border-color:var(--oro)}
.screen-reader-text{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}

/* Articolo */
.wrap--articolo{max-width:820px}
.articolo__testa{display:grid; gap:14px; margin-bottom:22px}
.articolo__area{margin:0; font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase}
.articolo__area a{color:var(--oro); text-decoration:none; display:inline-flex; align-items:center; min-height:44px}
.articolo__testa h1{font-size:clamp(1.9rem, 4.6vw, 3rem); line-height:1.12; letter-spacing:-.015em}
.articolo__riga{margin:0; color:var(--tenue); font-size:.9rem}
.articolo__riga a{color:var(--oro-chiaro)}
.risposta-breve{border-left:3px solid var(--oro); background:rgba(201,162,78,.07); padding:16px 18px; margin:0 0 26px}
.risposta-breve p{margin:0; font-size:clamp(1.05rem, 1.6vw, 1.15rem); line-height:1.6; color:var(--testo)}
.risposta-breve__etichetta{font-size:.74rem!important; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--oro)!important; margin-bottom:6px!important}
.articolo__copertina{margin:0 0 26px}
.articolo__copertina img{width:100%; height:auto; display:block}
.indice{border:1px solid rgba(201,162,78,.3); margin:0 0 30px; padding:0 16px}
.indice summary{cursor:pointer; min-height:48px; display:flex; align-items:center; font-weight:600; color:var(--testo)}
.indice ol{margin:0 0 14px; padding-left:20px; color:var(--tenue)}
.indice li a{color:var(--tenue); text-decoration:none; display:inline-block; padding:8px 0; min-height:24px}
.indice li a:hover{color:var(--oro-chiaro)}
.testo-articolo{color:var(--tenue); font-size:1.06rem; line-height:1.72; overflow-wrap:anywhere}
.testo-articolo h2{font-size:clamp(1.45rem, 3vw, 1.9rem); color:var(--testo); margin:2em 0 .6em; scroll-margin-top:90px; line-height:1.2}
.testo-articolo h3{font-size:1.2rem; color:var(--testo); margin:1.6em 0 .5em; scroll-margin-top:90px}
.testo-articolo p, .testo-articolo ul, .testo-articolo ol{margin:0 0 1.1em}
.testo-articolo li{margin-bottom:.4em}
.testo-articolo a{color:var(--oro-chiaro)}
.testo-articolo strong{color:var(--testo)}
.testo-articolo blockquote{margin:0 0 1.2em; padding-left:16px; border-left:2px solid var(--oro)}
.sca-tabella{overflow-x:auto; margin:0 0 1.4em; -webkit-overflow-scrolling:touch}
.sca-tabella:focus-visible{outline:2px solid var(--oro)}
.sca-tabella table{border-collapse:collapse; width:100%; min-width:480px; font-size:.95rem}
.sca-tabella th, .sca-tabella td{border:1px solid rgba(201,162,78,.25); padding:9px 11px; text-align:left; vertical-align:top}
.sca-tabella th{color:var(--testo); background:rgba(201,162,78,.08)}
.box-meta{border:1px solid var(--oro); padding:18px; margin:2em 0; display:grid; gap:14px; justify-items:start}
.box-meta p{margin:0; color:var(--testo)}
.approfondimento{background:var(--avorio); color:var(--inchiostro); padding:clamp(22px, 4vw, 36px); margin:2.4em 0; scroll-margin-top:80px}
.approfondimento h2{color:var(--inchiostro); font-size:clamp(1.4rem, 3vw, 1.8rem); margin:0 0 10px}
.approfondimento > p{margin:0 0 18px; color:var(--inchiostro-tenue)}
.approfondimento .btn--oro{background:var(--inchiostro); color:var(--oro-chiaro)}
.modulo-blog{display:grid; gap:14px}
.modulo-blog__griglia{display:grid; gap:14px}
@media (min-width:640px){ .modulo-blog__griglia{grid-template-columns:1fr 1fr} }
.modulo-blog .campo{display:grid; gap:6px}
.modulo-blog label{font-weight:600; font-size:.92rem; color:var(--inchiostro)}
.modulo-blog .facoltativo{font-weight:400; color:var(--inchiostro-tenue)}
.modulo-blog input[type=text], .modulo-blog input[type=email], .modulo-blog input[type=tel], .modulo-blog textarea{width:100%; box-sizing:border-box; min-height:48px; padding:10px 12px; border:1.5px solid #8A8275; border-radius:2px; background:#fff; color:var(--inchiostro); font:inherit; font-size:16px}
.modulo-blog textarea{min-height:96px; resize:vertical}
.modulo-blog input:focus-visible, .modulo-blog textarea:focus-visible{outline:3px solid var(--oro-scuro); outline-offset:1px}
.modulo-blog [aria-invalid="true"]{border-color:#B3261E}
.modulo-blog .campo-errore{color:#8C1D18; font-size:.86rem; margin:0}
.modulo-blog .consenso{display:flex; gap:10px; align-items:flex-start; font-weight:400; min-height:44px}
.modulo-blog .consenso input{width:22px; height:22px; margin-top:2px; flex:none; accent-color:var(--inchiostro)}
.modulo-blog .consenso a{color:var(--oro-scuro); font-weight:600}
.modulo-blog .btn{justify-self:start; min-height:52px}
.modulo-blog .esito-modulo{margin:0; padding:12px 14px; border-left:3px solid var(--inchiostro); background:#fff; color:var(--inchiostro)}
.modulo-blog .esito-modulo.is-ok{border-left-color:#2E6B2E}
.modulo-blog .esito-modulo.is-errore{border-left-color:#B3261E}
.avvertenza{font-size:.9rem; color:var(--tenue); border-top:1px solid rgba(201,162,78,.2); padding-top:16px; margin-top:2em}
.firma{font-size:.92rem; color:var(--tenue)}
.firma a{color:var(--oro-chiaro)}
.correlati{margin-top:56px}
.correlati h2{font-size:clamp(1.4rem, 3vw, 1.8rem); margin-bottom:22px}
@media (min-width:700px){ .schede-art--tre{grid-template-columns:repeat(3, minmax(0,1fr))} }
.modulo-blog [hidden], .approfondimento [hidden]{display:none!important}
.articolo__riga a{display:inline-flex; align-items:center; min-height:44px}
/* Home: sezione «Approfondimenti» (prompt 29) — le schede di /blog/; sotto i 900 px scorrono in orizzontale con aggancio */
.letture{border-top:1px solid rgba(201,162,78,.15)}
.schede-art--home{gap:28px}
@media (min-width:900px){ .schede-art--home{grid-template-columns:repeat(3, minmax(0,1fr))} }
@media (max-width:899.98px){
  .schede-art--home{grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:46%; gap:18px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:0; padding-bottom:12px; margin-inline:-4px; padding-inline:4px; scrollbar-width:thin; scrollbar-color:rgba(201,162,78,.45) transparent}
  .schede-art--home > .scheda-art{scroll-snap-align:start}
}
@media (max-width:559.98px){ .schede-art--home{grid-auto-columns:82%} }
.schede-art--home[data-n="1"]{grid-auto-columns:100%}
.letture__tutti{margin:clamp(28px,4vw,44px) 0 0}
/* Capitoli della home: «Approfondisci: <pilastro>» quando il pilastro è pubblicato (prompt 29) */
.approfondisci{margin:22px 0 0; font-size:.95rem; color:var(--tenue)}
.approfondisci span{font-size:.76rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--oro); margin-right:6px}
.approfondisci a{display:inline-flex; align-items:center; min-height:44px; color:var(--oro-chiaro); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px}
.approfondisci a:hover{color:var(--testo)}
.sec-chiara .approfondisci{color:var(--inchiostro-tenue)}
.sec-chiara .approfondisci span{color:var(--oro-scuro)}
.sec-chiara .approfondisci a{color:var(--inchiostro)}
.sec-chiara .approfondisci a:hover{color:var(--oro-scuro)}
/* Pagina «link in bio» /link/ (prompt 30): la bozza 3 approvata, tutto sotto body.sca-lb con variabili proprie.
   Colonna da telefono (460 px); riquadri 2 per riga (1 sotto i 340 px); pannello avorio per i servizi, scuro con filo
   d'oro per i partner. Senza WhatsApp «Richiedi informazioni» occupa la prima riga intera. */
body.sca-lb{
  --lb-inchiostro:#100E0A; --lb-lastra:#18150F; --lb-lastra-2:#201C15; --lb-filo:#3A3226;
  --lb-avorio:#F4F0E7; --lb-tenue:#B3AA98; --lb-oro:#C9A24E; --lb-oro-chiaro:#EDD597; --lb-verde:#2FA35B;
  background:var(--lb-inchiostro); color:var(--lb-avorio); font-size:16px; line-height:1.5;
  padding-left:max(16px, env(safe-area-inset-left, 0px)); padding-right:max(16px, env(safe-area-inset-right, 0px)); padding-bottom:40px}
body.sca-lb::after{display:none}
:root:has(body.sca-lb){scroll-padding-top:16px}
.sca-lb .lb{max-width:460px; margin:0 auto; display:flex; flex-direction:column; gap:30px; padding-top:30px}
.sca-lb .lb-testata{display:flex; align-items:center; gap:16px}
.sca-lb .lb-segno{width:62px; height:62px; flex:none}
.sca-lb .lb-testata h1{font-family:var(--f-titoli); font-weight:500; font-size:1.32rem; line-height:1.2; margin:0; letter-spacing:0}
.sca-lb .lb-testata p{margin:4px 0 0; color:var(--lb-tenue); font-size:.9rem; line-height:1.4}
.sca-lb .lb-riquadri{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.sca-lb .lb-riquadri--senza-wa .lb-box--pieno{grid-column:1 / -1; min-height:0}
.sca-lb .lb-box{display:flex; flex-direction:column; justify-content:space-between; gap:14px; min-height:132px; padding:15px 14px; min-width:0; border:1px solid var(--lb-filo); background:var(--lb-lastra); color:var(--lb-avorio); text-decoration:none; transition:border-color .2s, background .2s; overflow-wrap:break-word}
.sca-lb .lb-box:hover{border-color:var(--lb-oro); background:var(--lb-lastra-2)}
.sca-lb .lb-box svg{color:var(--lb-oro); flex:none}
.sca-lb .lb-box b{display:block; font-weight:600; font-size:1rem}
.sca-lb .lb-box__testo > span{display:block; color:var(--lb-tenue); font-size:.82rem; line-height:1.35; margin-top:2px}
.sca-lb .lb-box--pieno{background:var(--lb-oro); border-color:var(--lb-oro); color:var(--lb-inchiostro)}
.sca-lb .lb-box--pieno svg{color:var(--lb-inchiostro)}
.sca-lb .lb-box--pieno .lb-box__testo > span{color:#3b2f17}
.sca-lb .lb-box--pieno:hover{background:var(--lb-oro-chiaro); border-color:var(--lb-oro-chiaro)}
.sca-lb .lb-box--wa svg{color:var(--lb-verde)}
.sca-lb .lb-occhiello{font-size:.72rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--lb-oro); margin:0 0 12px}
.sca-lb section{scroll-margin-top:16px}
.sca-lb .lb-pannello{padding:20px 16px 8px; margin-inline:-4px}
.sca-lb .lb-pannello--chiaro{--lb-filo:#D8CDB8; --lb-tenue:#5E5545; --lb-avorio:#100E0A; --lb-oro:#7A5A16; --lb-oro-chiaro:#5A410C; background:#F4F0E7; color:#100E0A}
.sca-lb .lb-pannello--partner{background:#1C1812; border-top:2px solid var(--lb-oro); padding-bottom:16px}
.sca-lb .lb-pannello .lb-occhiello{margin-bottom:6px}
.sca-lb .lb-sott{margin:0 0 12px; color:var(--lb-tenue); font-size:.88rem}
.sca-lb .lb-etichetta-partner{display:inline-block; font-size:.66rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--lb-inchiostro); background:var(--lb-oro); padding:3px 8px; margin-bottom:10px}
.sca-lb .lb-nota-partner{margin:12px 0 0; color:var(--lb-tenue); font-size:.78rem}
.sca-lb .lb-servizi{border-top:1px solid var(--lb-filo)}
.sca-lb .lb-servizi details{border-bottom:1px solid var(--lb-filo)}
.sca-lb .lb-servizi summary{list-style:none; cursor:pointer; display:grid; grid-template-columns:2rem 1fr auto; gap:12px; align-items:center; padding:16px 2px; min-height:60px}
.sca-lb .lb-servizi summary::-webkit-details-marker{display:none}
.sca-lb .lb-cap{font-family:var(--f-titoli); color:var(--lb-oro)}
.sca-lb .lb-servizi summary b{display:block; font-weight:600}
.sca-lb .lb-servizi summary small{display:block; color:var(--lb-tenue); font-size:.84rem}
.sca-lb .lb-piu{color:var(--lb-tenue); transition:transform .2s; font-size:1.2rem; line-height:1}
.sca-lb .lb-servizi details[open] .lb-piu{transform:rotate(45deg); color:var(--lb-oro)}
.sca-lb .lb-dentro{padding:0 2px 18px 44px; color:var(--lb-tenue); font-size:.92rem; display:flex; flex-direction:column; gap:12px}
.sca-lb .lb-dentro ul{margin:0; padding-left:18px}
.sca-lb .lb-chiedi{align-self:flex-start; font:inherit; font-weight:600; font-size:.88rem; color:var(--lb-oro-chiaro); background:none; border:1px solid var(--lb-filo); padding:9px 14px; cursor:pointer; min-height:44px}
.sca-lb .lb-chiedi:hover{border-color:var(--lb-oro)}
.sca-lb .lb-modulo{border:1px solid var(--lb-filo); background:var(--lb-lastra); padding:20px 16px; display:flex; flex-direction:column; gap:14px}
.sca-lb .lb-modulo h2{font-family:var(--f-titoli); font-weight:500; font-size:1.35rem; margin:0; letter-spacing:0}
.sca-lb .lb-intro{margin:-6px 0 0; color:var(--lb-tenue); font-size:.9rem}
.sca-lb .lb-campo{display:flex; flex-direction:column; gap:6px; min-width:0}
.sca-lb .lb-campo label{font-size:.82rem; font-weight:600}
.sca-lb .lb-campo input, .sca-lb .lb-campo select, .sca-lb .lb-campo textarea{font:inherit; font-size:16px; color:var(--lb-avorio); background:var(--lb-inchiostro); border:1px solid var(--lb-filo); border-radius:0; padding:12px; min-height:48px; width:100%}
.sca-lb .lb-campo textarea{min-height:170px; resize:vertical; line-height:1.5}
.sca-lb .lb-campo select{min-height:54px; padding:14px 12px}
.sca-lb .lb-campo textarea::placeholder{color:var(--lb-tenue); opacity:.55; font-style:italic}
.sca-lb .lb-nota{font-size:.78rem; color:var(--lb-tenue)}
.sca-lb .lb-male input, .sca-lb .lb-male textarea, .sca-lb .lb-male select{border-color:#E07A7A}
.sca-lb .lb-consenso.lb-male{color:#F0A7A7}
.sca-lb .lb-campo input:focus, .sca-lb .lb-campo select:focus, .sca-lb .lb-campo textarea:focus{outline:2px solid var(--lb-oro); outline-offset:0; border-color:var(--lb-oro)}
.sca-lb .lb-due{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.sca-lb .lb-consenso{display:flex; gap:10px; align-items:flex-start; font-size:.82rem; color:var(--lb-tenue); min-height:44px}
.sca-lb .lb-consenso input{width:20px; height:20px; margin-top:2px; accent-color:var(--lb-oro); flex:none}
.sca-lb .lb-consenso a{color:var(--lb-oro-chiaro)}
.sca-lb .lb-invia{font:inherit; font-weight:700; font-size:1rem; background:var(--lb-oro); color:var(--lb-inchiostro); border:0; padding:15px; min-height:54px; cursor:pointer; text-align:center; text-decoration:none; display:flex; align-items:center; justify-content:center}
.sca-lb .lb-invia:hover{background:var(--lb-oro-chiaro)}
.sca-lb .lb-invia:disabled{opacity:.7; cursor:wait}
.sca-lb .lb-errore{color:#F0A7A7; font-size:.85rem; margin:0}
.sca-lb .lb-grazie{border:1px solid var(--lb-oro); padding:18px; display:flex; flex-direction:column; gap:6px}
.sca-lb .lb-grazie b{font-family:var(--f-titoli); font-size:1.2rem; font-weight:500}
.sca-lb .lb-grazie span{color:var(--lb-tenue); font-size:.9rem}
.sca-lb .lb-articoli{display:flex; flex-direction:column; gap:10px}
.sca-lb .lb-art{display:grid; grid-template-columns:96px 1fr; gap:12px; align-items:center; text-decoration:none; border:1px solid var(--lb-filo); background:var(--lb-lastra); padding:8px; color:var(--lb-avorio)}
.sca-lb .lb-art:hover{border-color:var(--lb-oro)}
.sca-lb .lb-mini{display:block; aspect-ratio:16/10; overflow:hidden; background:var(--lb-lastra-2)}
.sca-lb .lb-mini img{width:100%; height:100%; object-fit:cover; display:block}
.sca-lb .lb-art__t{min-width:0}
.sca-lb .lb-art small{display:block; font-size:.66rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--lb-oro)}
.sca-lb .lb-art b{display:block; font-family:var(--f-titoli); font-weight:500; font-size:1rem; line-height:1.25}
.sca-lb .lb-tutti{display:inline-flex; align-items:center; gap:8px; margin-top:4px; min-height:44px; color:var(--lb-oro-chiaro); font-weight:600; text-decoration:none}
.sca-lb .lb-piede{text-align:center; color:var(--lb-tenue); font-size:.75rem; line-height:1.7; border-top:1px solid var(--lb-filo); padding-top:18px}
.sca-lb .lb-piede a{color:var(--lb-tenue); display:inline-flex; align-items:center; min-height:44px}
.sca-lb .lb-piede .piede__pref{font-size:inherit; color:var(--lb-tenue)}
.sca-lb a:focus-visible, .sca-lb button:focus-visible, .sca-lb summary:focus-visible{outline:2px solid var(--lb-oro-chiaro); outline-offset:2px}
@media (max-width:360px){ .sca-lb .lb-due{grid-template-columns:1fr} }
@media (max-width:339px){ .sca-lb .lb-riquadri{grid-template-columns:1fr} .sca-lb .lb-box{min-height:0; flex-direction:row; align-items:center; justify-content:flex-start} }
@media (prefers-reduced-motion:reduce){ .sca-lb *{transition:none!important} :root:has(body.sca-lb){scroll-behavior:auto} }