/*
  ⚠️ COLORI CAMBIATI il 14/11/2026 sera (Fabrizio: «il rosso lo cambierei, metterei colori pacifici», scelta «tutto in
  verde acqua e blu»): il bordeaux resta solo nel logo; accenti, pillole e avvisi in verde acqua, pulsanti in blu notte.
  Le variabili --bordeaux e --bordeaux2 hanno tenuto il nome per non toccare ogni regola, ma oggi sono verde acqua.

  Foglio di stile del sito domosconsulting.org, rifatto il 14/11/2026 sul modello grafico di
  studiodimeo.it (Fabrizio: «una pagina SEO molto accattivante graficamente tipo studiodimeo.it»),
  ma nei colori della Domos: il blu e il bordeaux del logo. Lo stesso giorno la prima versione,
  con apertura e servizi su fondo blu notte, è stata scartata («non mi piacciono i colori scuri...
  c'è troppo contrasto»): ora i fondi sono chiari e il bordeaux resta solo come accento.
  Nessun carattere scaricato da altri siti: la famiglia di sistema, in pesi forti, rende i titoli
  grossi senza far sapere a nessun altro chi visita la pagina.
*/
:root{
  --notte:#0c1230; --notte2:#151d48; --blu:#1f2a5c; --bordeaux:#127a6a; --bordeaux2:#1a9c86;
  --rosa:#f4a3bd; --oro:#f2c46d; --testo:#1d2233; --tenue:#5b6275; --chiaro:#c9cfe6;
  --fondo:#f4f6fb; --bordo:#e1e5f0; --raggio:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","DejaVu Sans",Arial,sans-serif;
  color:var(--testo);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--bordeaux)}
.fascia{max-width:1320px;margin:0 auto;padding:0 24px}
p.giusto,.prosa p,.prosa li,.carta p,.passo p,.avviso,.contatti-rapidi p{text-align:justify;hyphens:auto}

/* Striscia in alto: i recapiti sempre a vista, come su studiodimeo.it */
.striscia{background:#fff;border-bottom:1px solid var(--bordo);font-size:13px;color:var(--tenue)}
.striscia .fascia{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}
.striscia a{color:var(--tenue);text-decoration:none}
.striscia .h24{background:#e3f6f1;color:var(--bordeaux);font-weight:700;border-radius:99px;padding:2px 10px}
.striscia .h24 a{color:var(--bordeaux)}

header.capo{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--bordo),0 8px 24px -18px rgba(12,18,48,.35)}
header.capo .fascia{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px}
header.capo .logo{flex:none}
header.capo .logo img{height:46px;width:auto;display:block}
nav.voci{display:flex;align-items:center;gap:16px}
nav.voci a{color:var(--blu);text-decoration:none;font-weight:650;font-size:14.5px;white-space:nowrap}
nav.voci a:hover,nav.voci a[aria-current]{color:var(--bordeaux)}
.tasto{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:750;
  text-decoration:none;font-size:15px;line-height:1.2;border:1.5px solid transparent;transition:transform .15s,box-shadow .15s}
.tasto:hover{transform:translateY(-1px)}
.tasto.pieno{background:linear-gradient(135deg,var(--bordeaux2),var(--bordeaux));color:#fff;box-shadow:0 10px 24px -10px rgba(18,122,106,.7)}
.tasto.contorno{border-color:var(--blu);color:var(--blu);background:#fff}
.tasto.piccolo{padding:9px 14px;font-size:14px}
.tasto svg{width:18px;height:18px;flex:none}
details.menu{display:none}

/* Apertura scura */
.apertura{position:relative;overflow:hidden;color:var(--notte);border-bottom:1px solid var(--bordo);
  background:radial-gradient(900px 460px at 88% -10%,rgba(18,122,106,.08),transparent 62%),
             radial-gradient(800px 480px at -8% 110%,rgba(79,124,255,.09),transparent 62%),
             linear-gradient(180deg,#fff 0%,var(--fondo) 100%)}
.apertura::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
  background-image:linear-gradient(rgba(31,42,92,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(31,42,92,.045) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 85%)}
.apertura .fascia{position:relative;z-index:1;padding-top:78px;padding-bottom:84px}
.apertura.interna .fascia{padding-top:46px;padding-bottom:54px}
.pillola{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 13px;border-radius:99px;background:#e3f6f1;color:var(--bordeaux);border:1px solid #b8e6da}
.pillola.chiara{background:#e3f6f1;color:var(--bordeaux);border-color:#b8e6da}
.apertura h1{font-size:clamp(32px,5.4vw,62px);line-height:1.06;letter-spacing:-.025em;font-weight:900;margin:22px 0 22px;max-width:24ch}
.apertura.interna h1{font-size:clamp(30px,4.4vw,48px);max-width:24ch}
.apertura h1 em,.titolo em{font-style:normal;color:var(--bordeaux)}
.apertura .intro{font-size:19px;color:var(--tenue);max-width:82ch;margin:0;text-align:justify;hyphens:auto}
.apertura .tasti{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.scelte{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.scelta{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;
  padding:24px 18px 20px;border-radius:20px;text-decoration:none;background:#fff;border:1px solid var(--bordo);
  box-shadow:0 18px 38px -28px rgba(12,18,48,.45);transition:transform .15s,box-shadow .15s,border-color .15s}
.scelta:hover{transform:translateY(-3px);border-color:#d6dcef;box-shadow:0 24px 44px -26px rgba(12,18,48,.5)}
.scelta.prima{background:linear-gradient(160deg,#fff 0%,#effaf7 100%);border-color:#b8e6da}
.scelta .tondo{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;margin-bottom:6px;
  background:#e3f6f1;color:var(--bordeaux)}
.scelta .tondo.blu{background:#e8edfa;color:var(--blu)}
.scelta .tondo.oro{background:#fdf3df;color:#a8741a}
.scelta .tondo svg{width:24px;height:24px}
.scelta .testi{display:flex;flex-direction:column;gap:4px}
.scelta b{font-size:16.5px;color:var(--notte);line-height:1.25}
.scelta small{font-size:13.5px;color:var(--tenue);line-height:1.4}
.scelta i{margin-top:auto;padding-top:8px;color:var(--bordeaux);display:grid;place-items:center}
.scelta i svg{width:18px;height:18px}
.modulo{display:grid;gap:16px;background:#fff;border:1px solid var(--bordo);border-radius:var(--raggio);padding:26px;
  box-shadow:0 18px 40px -30px rgba(12,18,48,.35);margin:8px 0 28px}
.modulo .coppia{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.modulo label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:var(--notte);text-align:left}
.modulo label > b{font-weight:700}
.modulo label b span{font-weight:500;color:var(--tenue)}
.modulo .consenso span{font-weight:500;color:var(--tenue);line-height:1.5}
.modulo input[type=text],.modulo input[type=email],.modulo input[type=tel],.modulo textarea{font:inherit;font-size:15.5px;font-weight:400;
  color:var(--testo);background:var(--fondo);border:1px solid var(--bordo);border-radius:12px;padding:11px 13px;width:100%}
.modulo textarea{resize:vertical;min-height:130px}
.modulo input:focus,.modulo textarea:focus{outline:none;border-color:var(--bordeaux);background:#fff;box-shadow:0 0 0 3px rgba(26,156,134,.14)}
.modulo .consenso{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500;color:var(--tenue)}
.modulo .consenso input{margin-top:4px;width:18px;height:18px;accent-color:var(--bordeaux);flex:none}
.modulo button{justify-self:start;cursor:pointer;font:inherit;font-weight:750}
.modulo .esca{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.prosa .esito-modulo{text-align:left}
.nota-modulo{margin:0;font-size:13.5px;color:var(--tenue);text-align:left}
.esito-modulo{background:#e3f6f1;border:1px solid #b8e6da;color:var(--bordeaux);border-radius:12px;padding:14px 18px;font-weight:600}
.saluto{position:fixed;inset:0;z-index:50;background:rgba(12,18,48,.45);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.saluto[hidden]{display:none}
.saluto-scheda{position:relative;background:#fff;border-radius:22px;max-width:440px;width:100%;padding:28px 26px 18px;margin:auto;max-height:calc(100dvh - 32px);overflow-y:auto;
  box-shadow:0 30px 70px -20px rgba(12,18,48,.55);text-align:center}
.saluto-scheda h2{margin:0 0 8px;font-size:22px;font-weight:900;color:var(--notte)}
.saluto-scheda > p{margin:0 0 18px;color:var(--tenue);font-size:15px;line-height:1.55}
.saluto-chiudi{position:absolute;top:10px;right:12px;border:0;background:none;font-size:26px;line-height:1;color:var(--tenue);cursor:pointer;padding:6px}
.saluto-modulo{display:grid;gap:12px;margin-top:4px;text-align:left}
.saluto-modulo .saluto-coppia{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.saluto-modulo .saluto-campo{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:var(--notte)}
.saluto-modulo input[type=text],.saluto-modulo input[type=tel]{font:inherit;font-weight:400;font-size:15.5px;background:var(--fondo);border:1px solid var(--bordo);border-radius:12px;padding:11px 13px;width:100%}
.saluto-modulo input[type=text]:focus,.saluto-modulo input[type=tel]:focus{outline:none;border-color:var(--bordeaux);background:#fff;box-shadow:0 0 0 3px rgba(26,156,134,.14)}
.saluto-modulo .consenso{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--tenue)}
.saluto-modulo .consenso input{margin-top:3px;width:17px;height:17px;accent-color:var(--bordeaux);flex:none}
.saluto-modulo button{justify-content:center;width:100%;cursor:pointer;font:inherit;font-weight:750}
.saluto-modulo .esca{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.saluto-resto{margin-top:10px;border:0;background:none;color:var(--tenue);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer;padding:6px}
.briciole{font-size:13px;color:var(--tenue);margin:0}
.briciole a{color:var(--blu);text-decoration:none}
.avviso{margin-top:34px;max-width:none;border-left:4px solid var(--bordeaux);background:#fff;
  border-radius:12px;padding:16px 20px;font-size:14.5px;color:var(--testo);box-shadow:0 14px 34px -26px rgba(12,18,48,.45)}
.avviso b{color:var(--bordeaux);display:block;margin-bottom:4px;letter-spacing:.03em;text-align:left}

/* Fascia dei contatti rapidi, a cavallo dell'apertura */
.contatti-rapidi{margin-top:-46px;position:relative;z-index:2}
.contatti-rapidi .scheda-grande{background:#fff;border-radius:22px;box-shadow:0 30px 60px -30px rgba(12,18,48,.45);
  border:1px solid var(--bordo);padding:26px 28px;display:grid;grid-template-columns:1.9fr repeat(3,1fr);gap:16px;align-items:center}
.contatti-rapidi h2{margin:6px 0 6px;font-size:24px;font-weight:900;color:var(--notte);letter-spacing:-.01em}
.contatti-rapidi p{margin:0;color:var(--tenue);font-size:14px}
.canale{display:block;text-align:center;text-decoration:none;border:1px solid var(--bordo);border-radius:16px;padding:16px 10px;
  transition:border-color .15s,transform .15s}
.canale:hover{border-color:var(--bordeaux);transform:translateY(-2px)}
.canale svg{width:26px;height:26px;color:var(--bordeaux)}
.canale small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--tenue);margin-top:6px}
.canale b{display:block;color:var(--notte);font-size:15px;white-space:nowrap}
.canale.caldo{background:#e3f6f1;border-color:#b8e6da}

/* Sezioni */
section.blocco{padding:72px 0}
/* Il riquadro finale segue sempre una sezione che ha già il suo margine sotto: il proprio, sopra, raddoppiava il vuoto. */
section.blocco.chiude{padding-top:16px}
section.scura{background:#eef2fa;color:var(--testo)}
section.grigia{background:var(--fondo)}
.titolo{font-size:clamp(28px,3.8vw,46px);line-height:1.1;letter-spacing:-.02em;font-weight:900;margin:16px 0 14px}
.sotto{font-size:17px;color:var(--tenue);max-width:90ch;margin:0 0 40px;text-align:justify;hyphens:auto}
.centro{text-align:center}.centro .sotto{margin-left:auto;margin-right:auto;text-align:center}

.griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.carta{display:flex;flex-direction:column;border-radius:var(--raggio);padding:26px 24px 22px;text-decoration:none;
  background:#fff;border:1px solid var(--bordo);color:var(--testo);box-shadow:0 18px 40px -30px rgba(12,18,48,.35);
  transition:transform .2s,border-color .2s,box-shadow .2s}
a.carta:hover{transform:translateY(-3px);border-color:#a9dfd2;box-shadow:0 26px 50px -30px rgba(12,18,48,.45)}
.carta h3{margin:16px 0 8px;font-size:18px;font-weight:800;line-height:1.3;color:var(--notte)}
/* Le schede sono strette: giustificare righe così corte apre buchi fra le parole, quindi a sinistra. */
.carta p{margin:0;color:var(--tenue);font-size:14.5px;flex:1}
.carta .vai{margin-top:16px;font-weight:800;font-size:13.5px;color:var(--bordeaux)}
.icona{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;
  box-shadow:0 10px 20px -10px rgba(0,0,0,.6)}
.icona svg{width:24px;height:24px}
.i1{background:linear-gradient(135deg,#38bdf8,#127a6a)}.i2{background:linear-gradient(135deg,#4f7cff,#1f2a5c)}
.i3{background:linear-gradient(135deg,#f6b44b,#d9772a)}.i4{background:linear-gradient(135deg,#2fc4a5,#127a6a)}
.i5{background:linear-gradient(135deg,#a77bff,#5a32c4)}.i6{background:linear-gradient(135deg,#ff7a59,#c2412a)}

/* Numeri e passi */
.passi{counter-reset:passo;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.passo{background:#fff;border:1px solid var(--bordo);border-radius:var(--raggio);padding:24px 22px;position:relative}
.passo::before{counter-increment:passo;content:counter(passo);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:var(--notte);color:#fff;font-weight:900;margin-bottom:14px}
.passo h3{margin:0 0 6px;font-size:16.5px;color:var(--notte)}
.passo p{margin:0;font-size:14.5px;color:var(--tenue)}

.punti{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.punti li{display:block;position:relative;padding-left:22px;text-align:left}
.punti li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:var(--bordeaux)}
.riquadro-scuro{background:#fff;border:1px solid var(--bordo);box-shadow:0 18px 40px -30px rgba(12,18,48,.35);border-radius:var(--raggio);padding:24px}
.riquadro-scuro small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--bordeaux);margin-bottom:12px}
.due{display:grid;grid-template-columns:1.25fr .9fr;gap:48px;align-items:start}

/* Domande frequenti */
.faq{max-width:1040px;margin:0 auto;display:grid;gap:12px}
.faq details{background:#fff;border:1px solid var(--bordo);border-radius:14px;padding:4px 22px}
.faq summary{cursor:pointer;font-weight:800;color:var(--notte);padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--bordeaux)}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0 0 18px;color:var(--tenue);text-align:justify;hyphens:auto}

/* Invito finale */
.invito{border-radius:28px;padding:56px 48px;color:var(--notte);position:relative;overflow:hidden;border:1px solid var(--bordo);
  background:radial-gradient(600px 300px at 100% 0%,rgba(18,122,106,.09),transparent 60%),linear-gradient(135deg,#eef7f5,#eef2fa)}
.invito h2{font-size:clamp(28px,4vw,46px);line-height:1.08;font-weight:900;letter-spacing:-.02em;margin:14px 0 14px;max-width:30ch}
.invito p{max-width:85ch;color:var(--tenue);font-size:17px;margin:0;text-align:justify;hyphens:auto}
.invito .tasti{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* Pagine interne: testo a sinistra, recapiti a destra */
.corpo{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;padding:64px 24px 40px;align-items:start}
.prosa{font-size:16.5px}
.prosa h2{font-size:26px;line-height:1.2;font-weight:900;color:var(--notte);letter-spacing:-.01em;margin:40px 0 12px}
.prosa h2:first-child{margin-top:0}
.prosa h3{font-size:18.5px;color:var(--blu);margin:28px 0 8px}
.prosa .evidenza{background:var(--fondo);border-left:4px solid var(--bordeaux);border-radius:12px;padding:18px 22px;margin:24px 0}
.prosa .evidenza p{margin:0}
.lato{position:sticky;top:100px;display:grid;gap:16px;align-content:start}
.lato .scheda{background:#fff;border:1px solid var(--bordo);border-radius:var(--raggio);padding:22px;box-shadow:0 24px 50px -36px rgba(12,18,48,.5)}
.lato .scheda.scura{background:#effaf7;color:var(--notte);border-color:#b8e6da}
.lato h3{margin:0 0 6px;font-size:17px;color:inherit}
.lato p{margin:0 0 14px;font-size:14px;color:var(--tenue)}
.lato .tasto{width:100%;justify-content:center;margin-top:8px}
.recapiti{list-style:none;padding:0;margin:0;font-size:14.5px}
.recapiti li{padding:10px 0;border-top:1px solid var(--bordo);display:flex;flex-direction:column}
.recapiti li:first-child{border-top:none}
.recapiti span{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tenue)}
.recapiti b{color:var(--notte)}
.recapiti a{text-decoration:none}
.mappa{border:0;width:100%;height:340px;border-radius:var(--raggio);background:var(--fondo)}

footer.piede{background:var(--fondo);color:var(--tenue);font-size:14px;border-top:1px solid var(--bordo)}
footer.piede .fascia{padding:56px 20px 28px}
footer.piede .colonne{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
footer.piede h4{color:var(--notte);margin:0 0 14px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
footer.piede a{color:var(--blu);text-decoration:none}
footer.piede ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer.piede .legale{border-top:1px solid var(--bordo);margin-top:40px;padding-top:20px;font-size:12.5px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.logo-bianco{display:inline-block;margin-bottom:14px}
.logo-bianco img{height:40px;width:auto;display:block}

@media (max-width:980px){
  .griglia{grid-template-columns:1fr 1fr}.passi{grid-template-columns:1fr 1fr}
  .contatti-rapidi .scheda-grande{grid-template-columns:1fr 1fr 1fr}.contatti-rapidi .scheda-grande>div:first-child{grid-column:1/-1}
  .due,.corpo{grid-template-columns:1fr}.lato{position:static}
  footer.piede .colonne{grid-template-columns:1fr 1fr}
}
@media (max-width:1340px){ /* era 1180: con la voce «Approfondimenti» a 1200 pixel il tasto del preventivo usciva dal bordo (14/11/2026) */
  nav.voci{display:none}
  details.menu{display:block;position:relative}
  details.menu summary{list-style:none;cursor:pointer;font-weight:800;color:var(--blu);border:1.5px solid var(--bordo);border-radius:10px;padding:8px 14px}
  details.menu nav{position:absolute;right:0;top:48px;background:#fff;border:1px solid var(--bordo);border-radius:14px;
    box-shadow:0 20px 40px -20px rgba(0,0,0,.4);padding:10px;display:grid;min-width:230px}
  details.menu nav a{padding:10px 12px;color:var(--blu);text-decoration:none;font-weight:700;border-radius:8px}
  details.menu nav a:hover{background:var(--fondo)}
}
@media (max-width:760px){
  .striscia .via{display:none}
  .apertura .fascia{padding-top:52px;padding-bottom:72px}
  .griglia,.passi{grid-template-columns:1fr}
  .contatti-rapidi .scheda-grande{grid-template-columns:1fr;padding:22px}
  section.blocco{padding:64px 0}
  .invito{padding:36px 24px}
  footer.piede .colonne{grid-template-columns:1fr}
  .apertura .intro{font-size:16.5px}
}
@media (max-width:760px){
  .scelte{grid-template-columns:1fr;gap:12px}
  .scelte{gap:8px;margin-top:24px}
  .apertura .fascia{text-align:center}
  .modulo{padding:18px}
  .modulo .coppia{grid-template-columns:1fr}
  .modulo button{justify-self:stretch;justify-content:center}
  .canale{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;text-align:left;padding:10px 14px;border-radius:14px}
  .canale svg{grid-row:1/3;width:22px;height:22px}
  .canale small{margin-top:0}
  .apertura .fascia{padding-top:30px;padding-bottom:40px}
  .apertura h1{margin:16px auto;max-width:none}
  section.blocco{padding:44px 0}
  section.blocco[style]{margin-top:28px !important}
  section.blocco .titolo{text-align:center}
  section.blocco .pillola{display:flex;width:fit-content;margin-left:auto;margin-right:auto}
  .due{gap:20px}
  .due .sotto{margin-bottom:0}
  .scelta{flex-direction:row;text-align:left;gap:12px;padding:11px 14px;border-radius:14px}
  .scelta .tondo{flex:none;width:36px;height:36px;margin:0}
  .scelta .tondo svg{width:18px;height:18px}
  .scelta .testi{flex:1;min-width:0}
  .scelta b{font-size:15px}
  .scelta small{font-size:12.5px}
  .scelta i{margin:0;padding:0}
  .tasti{flex-direction:column;align-items:stretch}
  .tasti .tasto{justify-content:center}
}

/* ───────── Approfondimenti (14/11/2026): gli articoli scritti da genera_articoli.py, con le classi di questo foglio ───────── */
.testata-no{flex-basis:100%;font-size:11.5px;color:var(--tenue)}
.chip{display:inline-flex;align-items:center;width:fit-content;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 11px;border-radius:99px;border:1px solid;text-decoration:none;line-height:1.2}
.c-assemblea-e-regolamento{background:#e8edfa;color:#1f2a5c;border-color:#c9d3f0}
.c-spese-e-morosita{background:#e3f6f1;color:#127a6a;border-color:#b8e6da}
.c-amministratore-e-rendiconto{background:#e3f6f1;color:#127a6a;border-color:#b8e6da}
.c-lavori-e-bonus{background:#fdf3df;color:#8a4a0e;border-color:#f3dcae}
.c-edificio-sicuro{background:#e9efff;color:#2d4fc4;border-color:#c8d6ff}
.c-norme-e-scadenze{background:#f0eafd;color:#5a32c4;border-color:#dcd0f7}
.scheda-articolo{position:relative;gap:10px}
.scheda-articolo h3{margin:6px 0 0}
.scheda-articolo h3 a{color:var(--notte);text-decoration:none}
.scheda-articolo h3 a.esteso::after{content:"";position:absolute;inset:0}
.scheda-articolo:hover h3 a,a.scheda-articolo:hover h3{color:var(--bordeaux)}
.scheda-articolo .chip{position:relative;z-index:1}
.scheda-articolo .data{margin-top:8px;font-size:12.5px;font-weight:600;color:var(--tenue)}
.scheda-articolo.grande{grid-column:1/-1;padding:34px 36px}
.scheda-articolo.grande h3{font-size:clamp(22px,2.6vw,30px)}
.scheda-articolo.grande p{font-size:16px;max-width:90ch;text-align:justify;hyphens:auto}
.da-approvare{display:inline-block;background:#dc2626;color:#fff;border-radius:6px;padding:1px 7px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.in-uscita{color:#a8741a}
.filtri{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.filtro{display:inline-flex;gap:6px;align-items:center;padding:8px 14px;border-radius:99px;border:1px solid var(--bordo);background:#fff;
  color:var(--blu);font-weight:700;font-size:14px;text-decoration:none}
.filtro span{color:var(--tenue);font-weight:600}
.filtro.attivo,.filtro:hover{border-color:var(--bordeaux);color:var(--bordeaux)}
.apertura.articolo h1{max-width:30ch}
.chip-riga{margin-top:18px}
.apertura.articolo .chip-riga + h1{margin-top:14px}
.firma{margin:18px 0 0;font-size:14px;color:var(--tenue)}
.firma b{color:var(--notte)}
.stato-anteprima{display:inline-block;margin:14px 0 0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.stato-anteprima.bozza{background:#dc2626;color:#fff}.stato-anteprima.programmato{background:#f2c46d;color:var(--notte)}
.copertina{margin:0 0 30px}
.copertina img{display:block;width:100%;height:auto;border-radius:var(--raggio);border:1px solid var(--bordo)}
.in-breve{background:#fff;border:1px solid #b8e6da;border-radius:var(--raggio);padding:22px 24px;margin:0 0 34px;box-shadow:0 18px 40px -32px rgba(12,18,48,.4)}
.etichetta-riquadro{margin:0 0 12px !important;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bordeaux);text-align:left !important}
.prosa.articolo{line-height:1.75;min-width:0}
.prosa.articolo > ul,.prosa.articolo > ol{padding-left:1.4em}
.prosa.articolo li{margin:.35em 0}
.prosa.articolo li::marker{color:var(--bordeaux);font-weight:700}
.prosa.articolo blockquote{margin:24px 0;padding:16px 22px;background:var(--fondo);border-left:4px solid var(--bordeaux);border-radius:0 12px 12px 0}
.prosa.articolo blockquote p{margin:0}
.prosa.articolo h2{scroll-margin-top:100px}
.prosa.articolo .tabella{overflow-x:auto;margin:22px 0;border:1px solid var(--bordo);border-radius:12px}
.prosa.articolo table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.prosa.articolo th{background:var(--fondo);color:var(--notte);text-align:left}
.prosa.articolo th,.prosa.articolo td{padding:10px 12px;border-bottom:1px solid var(--bordo);vertical-align:top;text-align:left}
.prosa.articolo tr:last-child td{border-bottom:0}
.prosa .avviso-link{color:#dc2626}
.aggiornato{background:#e3f6f1;box-shadow:-4px 0 0 #2fc4a5;border-radius:6px}
.prosa p.aggiornato,.prosa li.aggiornato{padding:.15em .5em}
.fonti,.segnala{margin-top:40px;background:var(--fondo);border:1px solid var(--bordo);border-radius:var(--raggio);padding:22px 24px}
.fonti h2,.segnala h2{font-size:13px !important;letter-spacing:.12em;text-transform:uppercase;color:var(--bordeaux) !important;margin:0 0 12px !important}
.fonti ol{margin:0;padding-left:1.3em;font-size:14.5px;display:grid;gap:6px}
.fonti li{text-align:left !important}
.nota-fonti{font-size:13px;color:var(--tenue);margin:14px 0 0}
.segnala{background:#fff}
.segnala p{font-size:15px}
.indice-articolo ol{margin:0;padding-left:1.2em;display:grid;gap:6px;font-size:14px}
.indice-articolo a{color:var(--blu);text-decoration:none}
.indice-articolo a:hover{color:var(--bordeaux)}
.servizi-articolo{font-size:14.5px}
.servizi-articolo a{text-decoration:none;font-weight:700}
.letto{position:fixed;top:0;left:0;right:0;height:3px;z-index:70;pointer-events:none}
#letto-barra{height:100%;width:0;background:var(--bordeaux)}
.letto-testo{position:fixed;left:12px;bottom:12px;z-index:40;pointer-events:none;border-radius:99px;background:rgba(12,18,48,.82);color:#fff;
  font-size:11.5px;font-weight:700;padding:4px 10px;opacity:0;transition:opacity .3s}
.invito-meta{position:fixed;right:24px;bottom:24px;z-index:45;width:380px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #b8e6da;
  border-radius:20px;padding:22px 22px 18px;box-shadow:0 30px 70px -20px rgba(12,18,48,.5)}
.invito-meta[hidden]{display:none}
.invito-meta p{margin:0 0 14px;color:var(--tenue);font-size:14.5px;line-height:1.55}
.invito-meta .invito-meta-titolo{margin:0 0 6px;padding-right:24px;font-weight:900;font-size:18px;color:var(--notte)}
.invito-meta-chiudi{position:absolute;top:8px;right:10px;border:0;background:none;font-size:24px;line-height:1;color:var(--tenue);cursor:pointer;padding:6px}
.invito-meta-tasti{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:760px){
  .scheda-articolo.grande{padding:22px}
  .invito-meta{left:12px;right:12px;bottom:12px;width:auto}
  .filtri{justify-content:center}
  .apertura.articolo .fascia{text-align:left}
  .apertura.articolo .chip-riga{margin-top:12px}
}
/* Sul telefono l'apertura ha solo 40 pixel sotto, e la fascia dei contatti, alzata di 46 per stare a cavallo, copriva
   l'avviso rosso (segnalato da Fabrizio con una schermata, 14/11/2026 alle 22:15): qui la fascia scende sotto. */
@media (max-width:760px){.contatti-rapidi{margin-top:20px}}
/* La voce «Approfondimenti» in verde acqua (il verde dell'icona i4) e, sul telefono, la striscia orizzontale sotto la
   testata (Fabrizio, 14/11/2026). La striscia compare solo dove il menu è chiuso, cioè sotto i 1340 pixel. */
nav.voci a.voce-approfondimenti{background:#e3f6f1;color:#127a6a;border:1px solid #b8e6da;border-radius:99px;padding:6px 12px}
nav.voci a.voce-approfondimenti:hover,nav.voci a.voce-approfondimenti[aria-current]{background:#127a6a;color:#fff}
.striscia-approfondimenti{display:none}
@media (max-width:1340px){
  .striscia-approfondimenti{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;
    background:linear-gradient(135deg,#2fc4a5,#127a6a);color:#fff;text-decoration:none;font-size:14.5px;line-height:1.25;text-align:center}
  .striscia-approfondimenti b{font-weight:800;letter-spacing:.02em}
  .striscia-approfondimenti span{opacity:.92}
  .striscia-approfondimenti i{font-style:normal;font-weight:800}
}
@media (max-width:420px){.striscia-approfondimenti span{display:none}}

/* Colori calmi (14/11/2026 sera): pulsanti pieni in blu notte; la prima icona dei servizi in azzurro, perché in verde
   acqua sarebbe uguale alla quarta; la categoria «Spese e morosità» in azzurro, perché in verde acqua sarebbe uguale a
   «Amministratore e rendiconto». */
.tasto.pieno{background:linear-gradient(135deg,#2c3c80,#1f2a5c);box-shadow:0 10px 24px -10px rgba(31,42,92,.6)}
.i1{background:linear-gradient(135deg,#38bdf8,#0e6a94)}
.c-spese-e-morosita{background:#e6f4fb;color:#0e6a94;border-color:#bfe3f3}
/* Sul telefono (Fabrizio, 14/11/2026 alle 23:22, con una schermata): numeri in alto al centro, titoli dei tre riquadri
   d'apertura centrati fra icona e freccia, striscia degli Approfondimenti su una riga sola. */
@media (max-width:760px){
  .striscia .fascia{justify-content:center;text-align:center}
  .scelta .testi{text-align:center}
}
@media (max-width:520px){.striscia-approfondimenti span{display:none}}
@media (max-width:760px){
  .striscia .fascia > span:last-child{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px}
  .striscia .h24{white-space:nowrap}
}