/* La landing degli architetti (29/10/2026).
   Si carica dopo stile-v19.css e contiene tutte le modifiche fatte dopo la v19; il resto è la v19. */

/* 1 · Colori: il verde esce dalla struttura. Accento e bottoni in bronzo/ottone sul blu profondo (testo blu marino sul bronzo: 7,3:1) */
:root,html[data-cta]{
  --accento:#C5A059;--accento-rgb:197,160,89;--accento-chiaro:#DCC28E;--su-accento:#0A1634;
  --cta:#C5A059;--cta-rgb:197,160,89;--cta-chiaro:#D6B777;--su-cta:#0A1634;
  --whatsapp:#25D366;        /* il verde resta solo nell'icona di WhatsApp, sui fondi blu */
  --crema:#EDE4CF;
}
.btn{box-shadow:0 0 0 1px rgba(var(--cta-rgb),.55),0 16px 32px -18px rgba(var(--cta-rgb),.6)}
.btn--contorno{box-shadow:inset 0 0 0 1.5px rgba(var(--cta-rgb),.9)}
/* il WhatsApp resta solo per i dubbi: un link piccolo, con l'icona verde */
.dubbio .fa-whatsapp{color:var(--whatsapp);margin-right:.35em}
.dubbio a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}   /* testo piccolo, bersaglio di 44 px */

/* 9 · I pacchetti senza metalli: un filo e un nome nel colore dell'accento, uguali per tutti e tre (i nomi tornano Silver, Gold e Platinum, 29/10) */
.capitolo--silver,.prezzo-casella--silver,.strato--silver,
.capitolo--gold,.prezzo-casella--gold,.strato--gold,
.capitolo--platinum,.prezzo-casella--platinum,.strato--platinum{--met:var(--accento);--met-g:var(--accento)}
.metallo,.capitolo--silver .mazzo__nome,.capitolo--gold .mazzo__nome{background:none;-webkit-text-fill-color:currentColor;color:var(--accento-chiaro)}
.prezzo-casella--gold h3{color:#fff}
.segno{box-shadow:none}
/* il Platinum ha due voci (il blog e l'ora di consulenza): due colonne */
@media (min-width:900px){.capitolo--platinum .tre-mesi{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 3b · La coppia sul divano («Il cliente decide da solo») era troppo scura (Paolo, 29/10): più luce, la sera resta */
.notte__mezzo img{filter:brightness(1.45) contrast(1.02) saturate(1.06)}

/* 4 · Le note legali: discrete, più piccole */
.nota-legale{color:var(--testo-2);font-size:.74rem}

/* 2 · Apertura: una foto realista della scrivania al posto dei tre piani dell'illustrazione */
@media (min-width:761px){
  .hero__piani{right:-12%;width:max(112%,calc(100svh * 1800 / 1004));aspect-ratio:1800/1004}
  .hero__palco::after{background:linear-gradient(90deg,rgba(6,14,36,.95) 0,rgba(6,14,36,.88) 32%,rgba(6,14,36,.55) 52%,rgba(6,14,36,.12) 70%,rgba(6,14,36,0) 82%),linear-gradient(0deg,rgba(6,14,36,.7),rgba(6,14,36,0) 45%)}
}
.hero h1,.hero__sotto{text-shadow:0 2px 24px rgba(6,14,36,.85)}
.hero__dietro img{object-position:50% 50%}

/* 11 · L'apertura senza bottone (Paolo, 29/10: «a pessoa pensa que estamos fazendo só sites»): l'azione sta nel menu;
   sotto il testo solo una piccola freccia verso il problema */
.hero__freccia{display:grid;place-items:center;width:48px;height:48px;margin-top:clamp(20px,3.5vh,34px);border-radius:50%;
  border:1.5px solid rgba(var(--accento-rgb),.85);background:rgba(6,14,36,.35);color:var(--accento-chiaro);text-decoration:none;transition:background-color .2s}
.hero__freccia i{animation:freccia-giu 2.4s ease-in-out infinite}
.hero__freccia:hover{background:rgba(var(--accento-rgb),.18)}
.hero__freccia:focus-visible{outline:2px solid var(--accento);outline-offset:3px}
@keyframes freccia-giu{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.hero__freccia i{animation:none}}
@media (max-width:760px){.hero__testo>*{order:0!important}.hero__freccia{margin-top:22px}}

/* 5 · La storia (Paolo, 27/10): torna la pasticceria con i disegni; la chiave della storia si dice alla fine, in una griglia di quattro righe */
.storia__chiave{margin:1.1em 0 0!important;gap:12px 40px!important}
.storia__chiave li{font-size:1.05rem;line-height:1.45}
.storia__chiave b{font-weight:700}
.storia__chiave+.storia__spiega-sotto{margin-top:1.3em}

/* 6 · Chi sono: il titolo nuovo è lungo, quindi un filo più piccolo e più largo */
.chisono2 h2{max-width:26ch;font-size:clamp(1.9rem,1.3rem + 2vw,3.1rem);line-height:1.08}

/* 10 · I prezzi (Paolo, 29/10): in ogni casella prima il valore di mercato (titoletto + righe, totale barrato in rosso), poi la nostra offerta */
.valore{display:grid;gap:8px;align-content:start}
.valore__titolo{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--testo-2)}
.valore__voci{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.valore__voci li,.valore__totale{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:.92rem;line-height:1.35;color:#E4EAF6}
.valore__voci li span:last-child,.valore__totale s{white-space:nowrap;font-variant-numeric:tabular-nums}
.valore__totale{margin:2px 0 0;padding-top:8px;border-top:1px dashed rgba(255,255,255,.22);font-weight:700;color:#fff}
.valore__totale s{position:relative;text-decoration:none}
.valore__totale s::after{content:"";position:absolute;left:-8%;right:-8%;top:52%;height:2px;border-radius:2px;background:#E5484D;transform:rotate(-8deg)}
.prezzo-casella__lancio{display:block;margin:0 0 .5em;font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;color:var(--accento-chiaro)}
/* le tre caselle allineate riga per riga, anche se il Gold ha una voce in più */
@supports (grid-template-rows:subgrid){
  .prezzi__griglia{grid-template-rows:repeat(6,auto)}
  .prezzo-casella{grid-row:span 6;grid-template-rows:subgrid;row-gap:0}
}

/* 3 · La garanzia: un sigillo tipografico in linea fina, dritto; dal 29/10 (Paolo) le linee tornano nel rosso del timbro della v19, il testo resta crema e bianco */
.certificato{background:radial-gradient(circle at 16% 50%,rgba(var(--accento-rgb),.1),transparent 38%),
    repeating-radial-gradient(circle at 100% 0,rgba(255,255,255,.035) 0 1px,transparent 1px 9px),
    linear-gradient(160deg,#152C66,#0B1A40 72%);
  box-shadow:0 0 0 1px rgba(var(--accento-rgb),.5),0 0 0 8px #0C1C45,0 0 0 9px rgba(var(--accento-rgb),.25),0 50px 90px -40px rgba(1,4,16,.95)}
.timbro{transform:none;filter:drop-shadow(0 0 14px rgba(255,78,87,.45))}
.timbro circle{fill:none;stroke:var(--timbro);stroke-width:2}
.timbro .sigillo__filo--sottile{stroke-width:1;stroke:var(--timbro)}
.timbro text{fill:var(--crema);font-family:var(--sans);font-weight:500}
.timbro__giro{font-size:10.5px;letter-spacing:.5px}
.timbro__cifra{font-family:var(--serif)!important;font-size:46px;font-weight:500!important;fill:#fff!important}
.timbro__sotto{font-size:10px;letter-spacing:2.5px}

/* 12 · La finestra per fissare la consulenza (Paolo, 29/10): la aprono tutti i bottoni della consulenza.
   Dentro, il calendario di Google in un iframe largo; al telefono la finestra occupa tutto lo schermo */
html.dlg-aperto{overflow:hidden}
.prenota-dlg{width:min(1040px,calc(100% - 32px));height:min(880px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;
  border:1px solid rgba(var(--accento-rgb),.45);border-radius:24px;color:#fff;
  background:radial-gradient(circle at 100% 0,rgba(var(--accento-rgb),.1),transparent 42%),linear-gradient(160deg,#132A66,#0A1634 70%);
  box-shadow:0 0 0 8px rgba(12,28,69,.6),0 50px 100px -30px rgba(1,4,16,.95)}
.prenota-dlg::backdrop{background:rgba(3,8,24,.74);backdrop-filter:blur(6px)}
.prenota-dlg[open]{animation:prenota-entra .35s cubic-bezier(.16,1,.3,1)}
@keyframes prenota-entra{from{opacity:0;transform:translateY(18px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.prenota-dlg[open]{animation:none}}
.prenota-dlg__corpo{position:relative;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;padding:clamp(18px,2.6vw,28px)}
.prenota-dlg__chiudi{position:absolute;top:10px;right:10px;z-index:1;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;font-size:1.15rem;cursor:pointer}
.prenota-dlg__chiudi:hover{background:rgba(255,255,255,.08)}
.prenota-dlg__chiudi:focus-visible,.prenota-dlg a:focus-visible{outline:2px solid var(--accento);outline-offset:2px}
.prenota-dlg__testa{padding-right:44px}
.prenota-dlg h2{margin:0;font-size:clamp(1.45rem,1.2rem + 1vw,2.1rem);line-height:1.1}
.prenota-dlg__sotto{margin:.3em 0 0;color:var(--testo-2);line-height:1.45}
.prenota-dlg__calendario{position:relative;min-height:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(var(--accento-rgb),.4)}
.prenota-dlg__calendario iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prenota-dlg__attesa{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#202124;font-size:.95rem}
.prenota-dlg__calendario.pronto .prenota-dlg__attesa{display:none}
.prenota-dlg__nota{margin:0;font-size:.8rem;line-height:1.45;color:var(--testo-2)}
.prenota-dlg__nota a,.prenota-dlg__dubbio a,.prenota-dlg__riserva{color:#fff;text-decoration:underline;text-underline-offset:3px}
.prenota-dlg__piede{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px}
.prenota-dlg__riserva{display:inline-flex;align-items:center;gap:.5em;min-height:44px;font-size:.9rem;font-weight:600}
.prenota-dlg__riserva i{color:var(--accento)}
.prenota-dlg__calendario.lento~.prenota-dlg__piede .prenota-dlg__riserva{color:var(--accento-chiaro)}
.prenota-dlg__dubbio{margin:0;font-size:.9rem;color:var(--testo-2)}
@media (max-width:699px){
  .prenota-dlg{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}
  .prenota-dlg__corpo{gap:8px;padding:14px 12px calc(6px + env(safe-area-inset-bottom))}
  .prenota-dlg__calendario{border-radius:10px}
  .prenota-dlg__piede{gap:0 16px}
}

/* il nome lungo del pacchetto nel mazzo: il bottone «Guarda i modelli» resta su una riga */
.mazzo__apri{white-space:nowrap}

/* 13 · Il consenso ai cookie (29/10, Linee guida del Garante del 10/6/2021): un banner grande che interrompe la lettura,
   tre bottoni uguali, la X che vale come rifiuto. Il velo dietro scurisce la pagina ma non la blocca (niente cookie wall) */
.consenso-velo{position:fixed;inset:0;z-index:69;background:rgba(3,8,24,.5);pointer-events:none}
.consenso-velo[hidden],.consenso[hidden]{display:none}
.consenso{position:fixed;z-index:70;left:50%;bottom:clamp(12px,3vh,28px);transform:translateX(-50%);width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;
  padding:clamp(22px,3vw,32px);border-radius:22px;border:1px solid rgba(var(--accento-rgb),.5);color:#fff;font-family:var(--sans);
  background:radial-gradient(circle at 100% 0,rgba(var(--accento-rgb),.1),transparent 42%),linear-gradient(160deg,#132A66,#0A1634 72%);
  box-shadow:0 0 0 8px rgba(12,28,69,.6),0 40px 90px -20px rgba(1,4,16,.95)}
.consenso h2{margin:0 44px .55em 0;font-family:var(--serif);font-size:clamp(1.45rem,1.2rem + .9vw,1.9rem);line-height:1.15;color:#fff}
.consenso h3{margin:0 0 .25em;font-family:var(--sans);font-size:1rem;font-weight:700;color:#fff}
.consenso p{margin:0;font-size:.96rem;line-height:1.55;color:#E4EAF6}
.consenso a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.consenso__vista[hidden]{display:none}
.consenso__x{position:absolute;top:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font:400 2rem/1 var(--sans);cursor:pointer}
.consenso__x:hover{background:rgba(255,255,255,.08)}
.consenso__bottoni{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.consenso__btn{min-height:48px;padding:.55em 1em;border-radius:999px;border:1.5px solid var(--accento);background:rgba(var(--accento-rgb),.14);color:#fff;font:700 .98rem/1.2 var(--sans);cursor:pointer;transition:background-color .15s}
.consenso__btn:hover{background:rgba(var(--accento-rgb),.28)}
.consenso__x:focus-visible,.consenso__btn:focus-visible,.consenso__interruttore:focus-visible,.consenso a:focus-visible{outline:2px solid var(--accento);outline-offset:2px}
.consenso__categoria{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid rgba(255,255,255,.14)}
.consenso__categoria p{font-size:.9rem}
.consenso__sempre{flex:none;font-size:.85rem;font-weight:700;color:var(--accento-chiaro)}
.consenso__interruttore{flex:none;width:64px;height:44px;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}
.consenso__interruttore span{position:relative;width:54px;height:30px;border-radius:999px;border:1.5px solid rgba(255,255,255,.5);background:rgba(255,255,255,.14);transition:background-color .2s,border-color .2s}
.consenso__interruttore span::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s}
.consenso__interruttore[aria-checked="true"] span{background:var(--accento);border-color:var(--accento)}
.consenso__interruttore[aria-checked="true"] span::after{transform:translateX(24px);background:var(--su-accento)}
@media (max-width:559px){.consenso__bottoni{grid-template-columns:minmax(0,1fr)}.consenso{bottom:12px}}
@media (prefers-reduced-motion:reduce){.consenso__btn,.consenso__interruttore span,.consenso__interruttore span::after{transition:none}}

/* 14 · Il piè di pagina (29/10): marchio e link legali sopra, chi vende in una riga discreta sotto */
.piede--v17 .cont{grid-template-columns:auto minmax(0,1fr)}
.piede--v17 nav{justify-self:end;flex-wrap:wrap;justify-content:flex-end;gap:0 1.4rem}
.piede__legale{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;line-height:1.6;color:var(--testo-2)}
.piede--legale .cont{grid-template-columns:minmax(0,1fr)}
.piede--legale nav{justify-self:start;justify-content:flex-start}
@media (max-width:899px){
  .piede--v17 .cont{grid-template-columns:minmax(0,1fr)}
  .piede--v17 nav{justify-self:start;justify-content:flex-start}
}

/* 15 · Le pagine legali: liste, dati in griglia, tabella dei cookie (al telefono, una scheda per cookie) */
.legale .cont{max-width:72ch}
.legale--largo .cont{max-width:980px}
.legale__intro{font-size:1.08rem}
.legale ul{margin:0 0 1em;padding-left:1.2em;color:#E4EAF6}
.legale li{margin-bottom:.55em;line-height:1.6}
.legale li::marker{color:var(--accento)}
.legale a:not(.torna){color:#fff;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legale b{color:#fff}
.legale__dati{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.55em 1.6em;margin:0 0 1.2em}
.legale__dati dt{font-weight:700;color:var(--testo-2)}
.legale__dati dd{margin:0;color:#fff}
.legale__dati dd a{display:inline-flex;align-items:center;min-height:44px}   /* i contatti da toccare: bersaglio di 44 px */
.legale__dati:has(a) dt{align-self:center}
.legale__tabella{width:100%;margin:0 0 1.2em;border-collapse:collapse;font-size:.92rem}
.legale__tabella th,.legale__tabella td{padding:.7em .8em;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.14);color:#E4EAF6;line-height:1.5}
.legale__tabella th{color:var(--accento-chiaro);font-weight:700}
.legale__tabella code{font-family:ui-monospace,Consolas,monospace;font-size:.95em;color:#fff}
.legale__data{margin-top:2em;color:var(--testo-2)!important;font-size:.92rem}
@media (max-width:699px){
  .legale__dati{grid-template-columns:minmax(0,1fr);gap:.15em}
  .legale__dati dd{margin-bottom:.7em}
  .legale__tabella thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .legale__tabella,.legale__tabella tbody,.legale__tabella tr,.legale__tabella td{display:block}
  .legale__tabella tr{margin-bottom:12px;padding:.5em 1em;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(6,14,36,.4)}
  .legale__tabella td{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:.8em;padding:.4em 0;border:0}
  .legale__tabella td::before{content:attr(data-etichetta);font-weight:700;color:var(--testo-2)}
}

/* 16 · I cinque pilastri si accendono (Paolo, 01/11; assets/js/pilastri.js): un filo di luce bronzo corre da un numero all'altro,
   dietro le caselle; ogni numero si accende con un impulso, un lampo corre sul bordo, la casella esce dalla penombra.
   Poi un riflesso leggero ogni ~6 s. Solo transform, opacity e box-shadow leggere; nessun cambio di misure */
.pilastri-palco{position:relative}
.pilastri-filo{position:absolute;left:0;top:0;z-index:0;overflow:visible;pointer-events:none}
.pilastri-filo path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.pilastri-filo__traccia{stroke:rgba(var(--accento-rgb),.22);stroke-width:1.5}
.pilastri-filo__luce{stroke:var(--accento-chiaro);stroke-width:2;filter:drop-shadow(0 0 5px rgba(var(--accento-rgb),.95))}
.pilastri-filo__misura{stroke:none}
.pilastri-palco .storia__pilastri li{position:relative;z-index:1;transition:opacity .7s ease,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .6s ease,border-color .6s ease}
.pilastri-palco.in-attesa .storia__pilastri li:not(.acceso){opacity:.78}   /* penombra: il testo resta sopra 4,5:1 */
.storia__pilastri li.acceso{border-color:rgba(var(--accento-rgb),.45);box-shadow:0 0 0 1px rgba(var(--accento-rgb),.22),0 18px 40px -24px rgba(var(--accento-rgb),.55)}
.storia__pilastri li.acceso h4{text-shadow:0 0 22px rgba(var(--accento-rgb),.38)}
/* il numero: si accende e manda un impulso che si allarga e svanisce */
.pilastri-palco .pilastro__n{position:relative;transition:box-shadow .6s ease}
.pilastri-palco .pilastro__n::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--accento-chiaro);opacity:0;pointer-events:none}
.storia__pilastri li.acceso .pilastro__n{box-shadow:0 0 0 4px rgba(var(--accento-rgb),.2),0 0 30px -2px rgba(var(--accento-rgb),.95)}
.storia__pilastri li.acceso:not(.acceso--fermo) .pilastro__n::after{animation:pilastro-impulso 1s cubic-bezier(.2,.7,.3,1) 1}
@keyframes pilastro-impulso{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
/* il lampo che corre lungo il bordo della casella, una volta */
.pilastro__bordo{position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;overflow:hidden;pointer-events:none;opacity:0;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.pilastro__bordo::before{content:"";position:absolute;left:50%;top:50%;width:300%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(0deg);
  background:conic-gradient(from 0deg,transparent 0turn,transparent .7turn,rgba(var(--accento-rgb),.15) .8turn,var(--accento-chiaro) .93turn,#fff .96turn,transparent 1turn)}
.storia__pilastri li.acceso:not(.acceso--fermo) .pilastro__bordo{animation:pilastro-bordo 1.5s ease-out 1}
.storia__pilastri li.acceso:not(.acceso--fermo) .pilastro__bordo::before{animation:pilastro-giro 1.5s cubic-bezier(.4,0,.2,1) 1}
@keyframes pilastro-bordo{0%{opacity:0}12%{opacity:1}72%{opacity:1}100%{opacity:0}}
@keyframes pilastro-giro{to{transform:translate(-50%,-50%) rotate(360deg)}}
/* il riflesso che attraversa il pannello */
.pilastro__riflesso{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.pilastro__riflesso i{position:absolute;top:-10%;bottom:-10%;left:0;width:45%;transform:translateX(-120%);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.06) 42%,rgba(var(--accento-rgb),.1) 56%,transparent)}
/* al passaggio del mouse la casella viene avanti, con l'alone più forte */
@media (hover:hover){
  .pilastri-palco .storia__pilastri li:hover,.pilastri-palco .storia__pilastri li:focus-within{z-index:2;transform:translateY(-4px) scale(1.015);opacity:1;
    box-shadow:0 0 0 1px rgba(var(--accento-rgb),.5),0 24px 48px -22px rgba(var(--accento-rgb),.75)}
  .pilastri-palco .storia__pilastri li:hover .pilastro__n{box-shadow:0 0 0 6px rgba(var(--accento-rgb),.24),0 0 38px 0 rgba(var(--accento-rgb),1)}
}
@media (prefers-reduced-motion:reduce){
  .pilastri-palco .storia__pilastri li,.pilastri-palco .pilastro__n{transition:none}
  .pilastri-palco .storia__pilastri li:hover,.pilastri-palco .storia__pilastri li:focus-within{transform:none}
  .pilastro__riflesso,.pilastro__bordo{display:none}
}

/* 17 · La chiamata finale (Paolo, 01/11): sotto la consulenza, che resta il bottone principale, «Hai un dubbio?» e un bottone grande
   di WhatsApp, verde e riconoscibile, largo quanto quello della consulenza (testo blu marino sul verde: 9:1) */
.finale2__azioni{display:inline-grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:10px;max-width:100%}
.finale2__azioni .btn{width:100%}
.finale2__dubbio-titolo{margin:clamp(14px,2.4vh,22px) 0 0;color:var(--testo-2);font-size:1.02rem;line-height:1.4;text-align:center}
.btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:64px;padding:.9em 2em;border-radius:999px;
  background:var(--whatsapp);color:#0A1634;font:780 1.12rem/1.2 var(--sans);text-decoration:none;
  box-shadow:0 0 0 1px rgba(37,211,102,.55),0 16px 32px -18px rgba(37,211,102,.7);transition:background-color .2s,transform .2s,box-shadow .2s}
.btn-wa i{font-size:1.65em;line-height:1}
.btn-wa:hover{background:#3BE07D;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(37,211,102,.8),0 22px 40px -18px rgba(37,211,102,.85)}
.btn-wa:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.btn-wa{transition:none}.btn-wa:hover{transform:none}}
@media (max-width:760px){.finale2__azioni{display:grid;width:100%}}

/* 18 · L'e-book com'è (Paolo, 03/11): sotto l'indice, come si usa, in tre passi su una riga legati da un filo; poi la nota sull'abbonamento.
   Un solo corpo di testo nei passi; al telefono i passi vanno uno sotto l'altro */
.ebook-passi{list-style:none;margin:1.5em 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ebook-passi li{position:relative;display:grid;align-content:start;gap:.55em;color:#E4EAF6;font-size:.95rem;line-height:1.4}
.ebook-passi__n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--accento);background:rgba(6,14,36,.6);color:var(--accento-chiaro);font:700 .85rem/1 var(--sans)}
.ebook-passi li:not(:last-child)::after{content:"";position:absolute;top:15px;left:40px;right:-10px;height:1px;background:linear-gradient(90deg,rgba(var(--accento-rgb),.75),rgba(var(--accento-rgb),.15))}
.ebook-nota{margin:1.1em 0 0;color:var(--testo-2);font-size:.82rem;line-height:1.45}
@media (max-width:559px){
  .ebook-passi{grid-template-columns:minmax(0,1fr);gap:14px}
  .ebook-passi li{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:.8em}
  .ebook-passi li:not(:last-child)::after{top:34px;bottom:-12px;left:15px;right:auto;width:1px;height:auto;background:linear-gradient(180deg,rgba(var(--accento-rgb),.75),rgba(var(--accento-rgb),.15))}
}

/* 18b · L'e-book (Paolo, 03/11, ritocco): a chi ti proponi, quattro righe con il numero e senza esempi, fra una frase d'apertura e una di chiusura */
.indice__apertura{margin:1.1em 0 0;color:#fff;font-weight:650}
.indice--righe{margin-top:.6em;gap:.55em}
.indice--righe li{align-items:baseline}
.indice--righe li::before{grid-row:auto}
.indice__chiusa{margin:.9em 0 0}
/* 18c · L'e-book (Paolo, 03/11): il sopratitolo in bronzo, come quelli dei pacchetti */
.strumento__testo > p.ebook-sopra{margin:0 0 .55em;max-width:52ch;line-height:1.4;color:var(--accento)}

/* 19 · I prezzi più IVA (Paolo, 03/11): «+ IVA» accanto al prezzo di lancio, più piccolo e sulla stessa riga; sotto, in piccolo, «IVA nei casi previsti».
   Il prezzo pieno barrato resta senza IVA */
.prezzo-casella__iva{display:inline-block;margin-left:.15em;font-family:var(--sans);font-size:1rem;font-weight:700;letter-spacing:0;line-height:1;white-space:nowrap;color:var(--accento-chiaro);vertical-align:.25em}
.prezzo-casella__iva-nota{display:block;margin-top:.55em;font-family:var(--sans);font-size:.78rem;font-weight:500;letter-spacing:0;line-height:1.3;color:var(--testo-2)}