/* =============================================================================
   casinometro.css · il CSS unico di casinometro.it
   Direzione D1 «Segnale» con il glicine al posto del nero (ORDINE-sito.md, 10/9/2026).
   Mobile first; punti di rottura a 700 e 1000 px. Nessuna dipendenza esterna.
   Le sezioni sono numerate come in output/design/DESIGN-SYSTEM.md.
   ========================================================================== */

/* --- 0 · FONT: serviti dal sito, licenza OFL accanto ai file ---------------- */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;
  src:url("font/bricolage-grotesque-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;
  src:url("font/bricolage-grotesque-latin.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:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;
  src:url("font/ibm-plex-sans-latin-ext-400.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;
  src:url("font/ibm-plex-sans-latin-400.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:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;
  src:url("font/ibm-plex-sans-latin-ext-500.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;
  src:url("font/ibm-plex-sans-latin-500.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:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;
  src:url("font/ibm-plex-sans-latin-ext-600.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;
  src:url("font/ibm-plex-sans-latin-600.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;}

/* --- 1 · TOKEN -------------------------------------------------------------- */
:root{
  /* superfici */
  --cm-glicine:#E7DFF3;        /* l'apertura di ogni pagina; la Home fino alla prova */
  --cm-carta:#F7F4FB;          /* il fondo della lettura, delle porte e del piede */
  --cm-scheda:#FFFFFF;         /* schede: corso, form, app, righe strumento, porte */
  /* testo */
  --cm-inchiostro:#231A35;     /* 12,8 glicine · 15,2 carta · 16,5 bianco */
  --cm-muto:#594D6E;           /* 6,0 · 7,1 · 7,7 */
  /* il segno */
  --cm-viola:#6B4FA0;          /* anelli, ghiera, filetti, occhielli, voce corrente, bolla: 5,0 · 5,9 · 6,5 */
  --cm-viola-scuro:#5B3F8F;    /* anello del fuoco, passaggio del mouse sul viola: 6,4 · 7,6 · 8,2 */
  --cm-viola-velo:rgba(107,79,160,.26); /* la traccia degli anelli (grafica, non testo) */
  /* l'azione: il verde fa un mestiere solo */
  --cm-azione:#15803D;         /* pulsantone e ogni bottone: bianco sopra 5,0 */
  --cm-azione-su:#146B33;      /* bottone al passaggio; testo verde: 5,1 · 6,1 · 6,6 */
  /* linee */
  --cm-linea:rgba(35,26,53,.14);        /* bordi di 1 px e filetti */
  --cm-linea-forte:rgba(35,26,53,.28);  /* bordo del tasto del menu */
  --cm-bordo-campo:#868190;             /* bordo dei campi: 3,8 sul bianco */
  /* stati del misuratore: SOLO nel quadrante della prova */
  --cm-stato-verde:#22A352;
  --cm-stato-giallo:#D4A017;
  --cm-stato-rosso:#D03030;
  /* forme */
  --cm-raggio:12px;            /* controlli, righe, immagini, video */
  --cm-raggio-g:20px;          /* schede e pulsantone */
  --cm-ombra-tocco:0 10px 24px -14px rgba(20,107,51,.6); /* solo su ciò che si tocca: pulsantone e Avvia */
  /* misure */
  --cm-gabbia:1100px;          /* la gabbia della Home, della testa e del piede */
  --cm-colonna:27em;           /* la colonna di lettura: 27 em del corpo (459 px a 17, 486 a 18) = circa 66 caratteri di Plex, misurati */
  --cm-largo:52rem;            /* ciò che esce dalla colonna sul desktop: app, porte (832 px) */
  --cm-misura:27em;            /* riga massima di ogni testo, in em del SUO corpo: 66 caratteri a 13, 15, 17 e 18 px */
  /* tipografia */
  --cm-font-titoli:"Bricolage Grotesque","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --cm-font-corpo:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  /* variabili che il form Brevo legge dal suo stile in linea: il markup non si tocca */
  --cm-accent:#15803D;
  --cm-surface:#FFFFFF;
  --cm-text:#231A35;
  --cm-muted:#594D6E;
  --cm-border:#868190;
}

/* --- 2 · BASE --------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{margin:0;background:var(--cm-carta);color:var(--cm-inchiostro);
  font-family:var(--cm-font-corpo);font-size:1.0625rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
@media (min-width:1000px){ body{font-size:1.125rem;} }
img{max-width:100%;height:auto;display:block;}
svg{display:block;}
h1,h2,h3{font-family:var(--cm-font-titoli);font-weight:700;letter-spacing:-.02em;
  line-height:1.12;margin:0;text-wrap:balance;overflow-wrap:break-word;color:var(--cm-inchiostro);}
p{margin:0;text-wrap:pretty;}
strong{font-weight:600;}
a{color:var(--cm-azione-su);text-decoration-thickness:1px;text-underline-offset:.18em;}
a:hover{text-decoration-thickness:2px;}
:focus-visible{outline:3px solid var(--cm-viola-scuro);outline-offset:3px;}
.gabbia{max-width:var(--cm-gabbia);margin-inline:auto;padding-inline:16px;}
@media (min-width:700px){ .gabbia{padding-inline:24px;} }
@media (min-width:1000px){ .gabbia{padding-inline:32px;} }
.solo-lettori{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.salta{position:absolute;left:12px;top:-80px;z-index:60;background:var(--cm-inchiostro);color:#fff;
  padding:12px 18px;border-radius:var(--cm-raggio);font-weight:600;text-decoration:none;}
.salta:focus{top:8px;}
/* l'occhiello: l'unica etichetta maiuscola del sito */
.occhiello{font-family:var(--cm-font-corpo);font-size:.875rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--cm-viola);margin:0 0 10px;}

/* --- 3 · TESTA E MENU ------------------------------------------------------- */
.testa{position:relative;z-index:30;background:var(--cm-glicine);border-bottom:1px solid var(--cm-linea);}
.testa-in{max-width:var(--cm-gabbia);margin-inline:auto;padding-inline:16px;min-height:59px;
  display:flex;align-items:center;gap:12px;}
.marchio{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-right:auto;
  color:var(--cm-inchiostro);text-decoration:none;}
.marchio-segno{position:relative;width:36px;height:36px;flex:0 0 36px;}
.marchio-segno svg{position:absolute;inset:0;width:100%;height:100%;}
.marchio-traccia{stroke:var(--cm-inchiostro);stroke-opacity:.2;}
.marchio-arco{stroke:var(--cm-viola);}
.marchio-segno .marchio-c{inset:auto;left:11px;top:9px;width:15px;height:18.75px;}
.marchio-c path{fill:var(--cm-inchiostro);}
.marchio-nome{font-weight:600;font-size:1.0625rem;letter-spacing:-.005em;}
.menu-tasto{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;
  padding:0 14px 0 12px;background:transparent;border:1px solid var(--cm-linea-forte);
  border-radius:var(--cm-raggio);color:var(--cm-inchiostro);font-family:inherit;font-size:1rem;
  font-weight:600;cursor:pointer;}
.menu-tasto svg{width:20px;height:20px;}
.menu-tasto[aria-expanded="true"]{background:var(--cm-scheda);}
.menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cm-glicine);
  border-bottom:1px solid var(--cm-linea);}
.menu.aperto{display:block;}
.menu ul{list-style:none;margin:0 auto;padding:4px 16px 12px;max-width:var(--cm-gabbia);}
.menu li+li{border-top:1px solid var(--cm-linea);}
.menu a{display:flex;align-items:center;gap:10px;min-height:48px;color:var(--cm-inchiostro);
  text-decoration:none;font-weight:600;font-size:1.0625rem;}
.menu a:hover{color:var(--cm-viola-scuro);}
/* la voce corrente: l'anello dice «sei qui» */
.menu a[aria-current="page"]{color:var(--cm-viola-scuro);}
.menu a[aria-current="page"]::after{content:"";width:12px;height:12px;flex:0 0 12px;
  border:2.5px solid var(--cm-viola);border-radius:50%;}
@media (min-width:700px){ .testa-in{padding-inline:24px;min-height:64px;} .menu ul{padding-inline:24px;} }
@media (min-width:1000px){
  .testa-in{padding-inline:32px;min-height:72px;gap:32px;}
  .menu-tasto{display:none;}
  .menu{display:block;position:static;background:none;border:0;}
  .menu ul{display:flex;gap:4px;padding:0;}
  .menu li+li{border:0;}
  .menu a{position:relative;min-height:44px;padding:0 10px;font-size:1rem;border-radius:8px;}
  .menu a[aria-current="page"]{color:var(--cm-inchiostro);}
  .menu a[aria-current="page"]::after{position:absolute;left:10px;right:10px;bottom:3px;
    width:auto;height:2px;border:0;border-radius:1px;background:var(--cm-viola);}
}

/* --- 4 · APERTURA DI PAGINA (glicine) E RIMANDO ----------------------------- */
.apertura{background:var(--cm-glicine);}
.apertura-in{max-width:calc(var(--cm-colonna) + 32px);margin-inline:auto;padding:20px 16px 36px;}
.apertura h1{font-size:clamp(2rem,1.55rem + 1.9vw,3rem);line-height:1.08;}
.apertura h1:first-child{margin-top:12px;}
.apertura .sottotitolo{margin-top:14px;font-size:1.1875rem;line-height:1.45;color:var(--cm-muto);}
.apertura .lead{margin-top:18px;font-size:1.25rem;line-height:1.45;}
@media (min-width:1000px){ .apertura .lead{font-size:1.375rem;} }
.rimando{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-bottom:6px;
  font-weight:600;font-size:1rem;color:var(--cm-azione-su);text-decoration:none;}
.rimando::before{content:"";width:8px;height:8px;margin-left:3px;border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg);}
.rimando:hover{text-decoration:underline;}
@media (min-width:700px){ .apertura-in{padding:28px 24px 44px;max-width:calc(var(--cm-colonna) + 48px);} }
@media (min-width:1000px){ .apertura-in{padding:36px 32px 56px;max-width:calc(var(--cm-colonna) + 64px);} }

/* --- 5 · CORPO DI LETTURA --------------------------------------------------- */
.lettura{max-width:calc(var(--cm-colonna) + 32px);margin-inline:auto;padding:32px 16px 56px;}
.lettura>*+*{margin-top:1rem;}
.lettura .lead{font-size:1.1875rem;line-height:1.5;}
.lettura>h2{margin-top:2.75rem;font-size:clamp(1.5rem,1.25rem + 1.1vw,1.875rem);}
.lettura>h3{margin-top:2rem;font-size:1.25rem;}
.lettura>h2+*,.lettura>h3+*{margin-top:.75rem;}
.lettura>:first-child{margin-top:0;}
.lettura :where(ul,ol){padding-left:1.25em;}
.lettura :where(li+li){margin-top:.4em;}
.lettura hr{border:0;height:1px;background:var(--cm-linea);margin-block:2.5rem;}
.lettura figure{margin-inline:0;}
.lettura figure img{border-radius:var(--cm-raggio);}
.lettura figcaption{margin-top:8px;color:var(--cm-muto);}
.tabella{overflow-x:auto;}
.tabella table{width:100%;border-collapse:collapse;font-size:1rem;}
.tabella th,.tabella td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--cm-linea);}
.tabella th{font-weight:600;border-bottom-color:var(--cm-linea-forte);}
.lettura .didascalia{color:var(--cm-muto);}
@media (min-width:700px){ .lettura{padding:40px 24px 64px;max-width:calc(var(--cm-colonna) + 48px);} }
@media (min-width:1000px){
  .lettura{max-width:none;display:grid;grid-template-columns:minmax(32px,1fr) minmax(0,var(--cm-colonna)) minmax(32px,1fr);
    padding:48px 0 80px;}
  .lettura>*{grid-column:2;}
  .lettura>.largo{grid-column:1/-1;justify-self:center;width:min(var(--cm-largo),100% - 64px);}
  .lettura .lead{font-size:1.3125rem;}
}

/* citazione: la voce di un collega */
.citazione{margin:0;padding-left:18px;border-left:3px solid var(--cm-viola);font-size:1.1875rem;line-height:1.55;}
.citazione strong{font-size:1.2em;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;}
.citazione cite{display:block;margin-top:12px;font-style:normal;font-weight:600;font-size:.9375rem;color:var(--cm-muto);}

/* nota e avvertenza */
.nota{padding-left:16px;border-left:3px solid var(--cm-viola);}
.avvertenza{padding:14px 16px;border:1px solid var(--cm-linea);border-radius:var(--cm-raggio);
  background:var(--cm-scheda);color:var(--cm-muto);}

/* i passi: una sequenza vera, l'anello porta il numero */
.passi{position:relative;}
.passo{position:relative;padding-left:58px;}
.passo+.passo{margin-top:30px;}
.passo::before{content:"";position:absolute;left:19px;top:44px;bottom:-26px;width:2px;background:var(--cm-viola-velo);}
.passo:last-child::before{display:none;}
.passo h3{font-size:1.25rem;line-height:1.25;margin-bottom:6px;padding-top:7px;}
.passo .num{position:absolute;left:0;top:0;width:40px;height:40px;display:flex;align-items:center;
  justify-content:center;border:2px solid var(--cm-viola);border-radius:50%;background:var(--cm-carta);
  font-family:var(--cm-font-titoli);font-size:1.125rem;font-weight:700;color:var(--cm-viola);
  letter-spacing:0;font-variant-numeric:tabular-nums;}

/* perché funziona: affermazione e fonte */
.perche{padding-top:18px;border-top:1px solid var(--cm-linea);}
.lettura>.perche{margin-top:24px;}
.perche h3{font-size:1.25rem;line-height:1.25;margin-bottom:6px;}
.perche .fonte{display:block;margin-top:10px;color:var(--cm-muto);}

/* elenco di strumenti: tutta la riga è il bersaglio */
.elenco-strumenti{list-style:none;padding:0;border-top:1px solid var(--cm-linea);}
.elenco-strumenti li{position:relative;margin:0;padding:10px 0 14px;border-bottom:1px solid var(--cm-linea);}
.elenco-strumenti a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;
  font-size:1.125rem;text-decoration:none;color:var(--cm-azione-su);}
.elenco-strumenti a::after{content:"";position:absolute;inset:0;}
.elenco-strumenti li:hover a{text-decoration:underline;}
.elenco-strumenti span{display:block;color:var(--cm-muto);}

/* il dato della prova dentro la lettura */
.dato strong{font-size:1.2em;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.dato p+p{margin-top:8px;}

/* la chiusa */
.chiusa{border-top:1px solid var(--cm-linea);padding-top:28px;}
.lettura>.chiusa{margin-top:3rem;}
.chiusa h2{font-size:clamp(1.5rem,1.25rem + 1.1vw,1.875rem);margin-bottom:.75rem;}
.chiusa p+p{margin-top:1rem;}
.lettura .chiusa-muta{color:var(--cm-muto);}

/* --- 6 · BOTTONI ------------------------------------------------------------ */
.bottone{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;
  background:var(--cm-azione);color:#fff;border-radius:var(--cm-raggio);font-weight:600;font-size:1.0625rem;
  line-height:1.2;text-decoration:none;}
.bottone:hover{background:var(--cm-azione-su);color:#fff;}
.bottone-filo{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;
  background:var(--cm-scheda);color:var(--cm-azione-su);border:1.5px solid var(--cm-azione);
  border-radius:var(--cm-raggio);font-weight:600;font-size:1.0625rem;line-height:1.2;text-decoration:none;}
.bottone-filo:hover{background:var(--cm-azione);color:#fff;}

/* --- 7 · HOME: AVVIO (pulsantone + promessa) -------------------------------- */
.avvio,.corso,.strumenti,.prova{background:var(--cm-glicine);}
.avvio{padding:14px 0 36px;}
.avvio-in{display:flex;flex-direction:column;gap:30px;}
.pulsantone{display:flex;align-items:center;gap:14px;min-height:88px;padding:16px 18px 16px 16px;
  background:var(--cm-azione);color:#fff;text-decoration:none;border-radius:var(--cm-raggio-g);
  box-shadow:var(--cm-ombra-tocco);}
.pulsantone:hover{background:var(--cm-azione-su);}
.pulsantone:active{transform:translateY(1px);}
.pulsantone-anello{flex:0 0 52px;width:52px;height:52px;}
.pulsantone-testo{font-family:var(--cm-font-titoli);font-weight:750;font-size:clamp(1.375rem,1rem + 1.6vw,1.75rem);
  line-height:1.1;letter-spacing:-.02em;}
.pulsantone-freccia{margin-left:auto;font-size:2.25rem;line-height:1;padding-bottom:4px;}
.apri-sotto{margin-top:12px;padding-left:2px;color:var(--cm-muto);line-height:1.5;}
.promessa h1{font-size:clamp(1.875rem,1.3rem + 2.5vw,3.25rem);line-height:1.08;margin-bottom:16px;max-width:18ch;}
.promessa p{max-width:var(--cm-misura);}
.promessa p+p{margin-top:12px;}
@media (min-width:700px){ .avvio{padding:24px 0 48px;} .apri{max-width:560px;} }
@media (min-width:1000px){
  .avvio{padding:56px 0 72px;}
  .avvio-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:center;}
  .promessa{grid-column:1;grid-row:1;}
  .apri{grid-column:2;grid-row:1;max-width:none;}
  .pulsantone{padding:22px 24px 22px 20px;min-height:104px;gap:18px;}
  .pulsantone-anello{flex-basis:60px;width:60px;height:60px;}
}

/* --- 8 · SCHEDA DEL CORSO E RIQUADRO FORM ----------------------------------- */
.scheda{background:var(--cm-scheda);border:1px solid var(--cm-linea);border-radius:var(--cm-raggio-g);}
.corso{padding:0 0 44px;}
.scheda-corso{padding:24px 20px 26px;}
.scheda-corso h2{font-size:clamp(1.625rem,1.35rem + 1.2vw,2.125rem);margin-bottom:16px;}
.patto{padding-left:16px;border-left:2px solid var(--cm-viola);}
.patto p+p{margin-top:10px;}
.form-riga{margin-top:24px;padding-top:24px;border-top:1px solid var(--cm-linea);}
.form-riga h3,.form-box h2{font-size:1.375rem;line-height:1.2;margin-bottom:6px;}
.hint{color:var(--cm-muto);margin-bottom:16px;}
.nota-form{margin-top:14px;color:var(--cm-muto);}
.form-culla{max-width:440px;}
.form-box{padding:24px 20px 26px;background:var(--cm-scheda);border:1px solid var(--cm-linea);border-radius:var(--cm-raggio-g);}
.lettura>.form-box{margin-top:1.5rem;}
@media (min-width:700px){ .scheda-corso,.form-box{padding:32px 32px 34px;} }
@media (min-width:1000px){
  .scheda-corso{display:grid;grid-template-columns:minmax(0,1fr) 489px;column-gap:48px;padding:44px 48px;align-items:start;}
  .form-riga{margin-top:0;padding:4px 0 0 48px;border-top:0;border-left:1px solid var(--cm-linea);}
}

/* il form Brevo: veste unica da fuori, per tutti e tre i form (il markup non si tocca) */
form[action*="sibforms.com"] input[type="email"],
form[action*="sibforms.com"] button[type="submit"]{font-family:var(--cm-font-corpo);min-height:48px;}
form[action*="sibforms.com"] input[type="email"]::placeholder{color:var(--cm-muto);opacity:1;}
form[action*="sibforms.com"] input[type="email"]:focus,
form[action*="sibforms.com"] input[type="email"]:focus-visible{outline:3px solid var(--cm-viola-scuro) !important;outline-offset:2px !important;}
form[action*="sibforms.com"] button[type="submit"]:hover{background:var(--cm-azione-su) !important;}
form[action*="sibforms.com"] label{min-height:44px;padding-block:4px;}
form[action*="sibforms.com"] label>span{font-size:15px !important;line-height:1.45 !important;}
form[action*="sibforms.com"] label a{color:var(--cm-azione-su) !important;}
form[action*="sibforms.com"] input[name="email_address_check"]{visibility:hidden;}
@media (max-width:430px){
  form[action*="sibforms.com"]>div{flex-wrap:wrap !important;}
  form[action*="sibforms.com"] button[type="submit"]{width:100% !important;}
}

/* --- 9 · HOME: GLI STRUMENTI, PER BISOGNO ----------------------------------- */
.strumenti{padding:8px 0 48px;}
.strumenti-titolo{font-size:clamp(1.625rem,1.35rem + 1.2vw,2.125rem);margin-bottom:22px;}
.gruppo+.gruppo{margin-top:34px;}
.gruppo>h3{font-size:1.375rem;line-height:1.2;margin-bottom:12px;}
.righe{list-style:none;margin:0;padding:0;background:var(--cm-scheda);border:1px solid var(--cm-linea);
  border-radius:var(--cm-raggio-g);overflow:hidden;}
.righe>li+li{border-top:1px solid var(--cm-linea);}
/* sul telefono: nome e descrizione a tutta riga, poi durata e verbo sulla stessa riga se ci stanno;
   se non ci stanno il verbo scende a destra, e nessuna delle due va a capo a metà */
.riga{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:16px 18px 14px;
  color:var(--cm-inchiostro);text-decoration:none;}
.riga:hover{background:var(--cm-carta);}
.riga:focus-visible{outline-offset:-3px;}
.riga-nome{flex:0 0 100%;font-family:var(--cm-font-titoli);font-weight:700;font-size:1.125rem;
  line-height:1.25;letter-spacing:-.01em;}
.riga-che{flex:0 0 100%;color:var(--cm-muto);max-width:var(--cm-misura);}
.riga-tempo{position:relative;margin-top:8px;padding-left:24px;white-space:nowrap;
  font-size:.9375rem;line-height:1.35;color:var(--cm-muto);font-variant-numeric:tabular-nums;}
/* l'anello neutro: lo stesso per tutti, dice «quanto tempo», non una proporzione */
.riga-tempo::before{content:"";position:absolute;left:0;top:50%;width:15px;height:15px;margin-top:-7.5px;
  border:1.5px solid currentColor;border-radius:50%;}
.riga-tempo::after{content:"";position:absolute;left:6.75px;top:50%;width:1.5px;height:5px;margin-top:-7.5px;
  background:currentColor;}
.riga-vai{margin:8px 0 0 auto;font-weight:600;font-size:1rem;color:var(--cm-azione-su);white-space:nowrap;}
@media (min-width:700px){ .riga{padding:18px 22px 16px;} }
@media (min-width:1000px){
  .strumenti{padding:24px 0 64px;}
  .gruppo+.gruppo{margin-top:40px;}
  .riga{display:grid;grid-template-columns:minmax(0,1fr) 230px 190px;column-gap:0;row-gap:4px;align-items:center;padding:18px 24px;}
  .riga-nome{grid-column:1;grid-row:1;padding-right:24px;}
  .riga-che{grid-column:1;grid-row:2;padding-right:24px;}
  .riga-tempo{grid-column:2;grid-row:1/span 2;margin:0 0 0 0;align-self:stretch;display:flex;align-items:center;
    padding-left:48px;border-left:1px solid var(--cm-linea);}
  .riga-tempo::before{left:24px;}
  .riga-tempo::after{left:30.75px;}
  .riga-vai{grid-column:3;grid-row:1/span 2;margin:0;justify-self:end;}
}

/* --- 10 · LA PROVA: quadrante, citazione, numeri ---------------------------- */
.prova{padding:0 0 56px;}
.prova-in{display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--cm-linea);padding-top:32px;}
.quadrante{flex:0 0 auto;width:176px;height:auto;}
.q-verde{stroke:var(--cm-stato-verde);}
.q-giallo{stroke:var(--cm-stato-giallo);}
.q-rosso{stroke:var(--cm-stato-rosso);}
.q-soglia,.q-ago{stroke:var(--cm-inchiostro);}
.q-perno{fill:var(--cm-inchiostro);}
.prova-testi{max-width:var(--cm-misura);}
.prova .citazione{padding-left:0;border-left:0;}
.numeri{margin-top:22px;color:var(--cm-muto);}
.numeri strong{color:var(--cm-inchiostro);font-size:1.25em;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.prova-lettura{border-top:0;padding:22px 20px;gap:16px;background:var(--cm-scheda);border:1px solid var(--cm-linea);
  border-radius:var(--cm-raggio-g);}
.prova-lettura .quadrante{width:150px;}
@media (min-width:700px){
  .prova{padding-bottom:72px;}
  .prova-in{flex-direction:row;align-items:flex-start;gap:48px;padding-top:40px;}
  .quadrante{width:200px;}
  .prova-lettura{gap:24px;padding:26px 28px;align-items:center;}
  .prova-lettura .quadrante{width:128px;}
}

/* --- 11 · LE PORTE ---------------------------------------------------------- */
.porte{background:var(--cm-carta);padding:48px 0 56px;}
.porte-in{display:grid;gap:16px;}
.porta{background:var(--cm-scheda);border:1px solid var(--cm-linea);border-radius:var(--cm-raggio-g);
  padding:22px 20px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.porta h3{font-size:1.375rem;line-height:1.2;}
.porta ul{margin:0;padding-left:1.2em;}
.porta li+li{margin-top:.4em;}
.porta>p:last-child,.porta>a:last-child{margin-top:auto;}
.porta-libro{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:18px;row-gap:12px;align-items:start;}
.porta-libro img{grid-column:1;grid-row:1/span 3;width:120px;border-radius:4px;border:1px solid var(--cm-linea);}
.porta-libro>*:not(img){grid-column:2;}
.porta-libro>a{justify-self:start;}
@media (min-width:700px){
  .porte{padding:64px 0 72px;}
  .porte-in{grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;}
  .porta{padding:28px 28px 30px;}
  .porta-libro{grid-template-columns:150px minmax(0,1fr);column-gap:24px;}
  .porta-libro img{width:150px;}
}
.lettura>.porte-in{margin-top:1.5rem;}

/* --- 12 · VIDEO E SEGNAPOSTO ------------------------------------------------ */
.video{position:relative;aspect-ratio:16/9;border-radius:var(--cm-raggio);overflow:hidden;background:var(--cm-inchiostro);}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.video-ph{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;
  border-radius:var(--cm-raggio);background:var(--cm-inchiostro);color:var(--cm-glicine);}
.video-ph span{line-height:1.6;}
.lettura>.video,.lettura>.video-ph{margin-top:1.25rem;}
/* video a comando: il player di YouTube non si carica finché non si preme il bottone (revisione di sicurezza del 10/9) */
.video-facciata{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;}
.video-facciata template{display:none;}
.video-avvia{min-height:48px;padding:12px 24px;border:0;border-radius:var(--cm-raggio);background:var(--cm-azione);color:#fff;font:600 1.0625rem/1.2 var(--cm-font-corpo);cursor:pointer;}
.video-avvia:hover{background:var(--cm-azione-su);}
.video-avvia:focus-visible{outline:3px solid var(--cm-glicine);outline-offset:3px;}
.video-nota{margin:0;color:var(--cm-glicine);font-size:1.0625rem;line-height:1.45;max-width:30ch;}
.lettura>.didascalia+*{margin-top:2rem;}
/* gli schemi del libro (le cinque fasi) e la copertina nelle porte di lettura */
.schemi{display:grid;gap:12px;margin:0;}
.schemi img{display:block;width:100%;height:auto;background:#fff;border:1px solid var(--cm-linea);border-radius:var(--cm-raggio);}
.schemi figcaption{color:var(--cm-muto);font-size:1.0625rem;line-height:1.5;max-width:27em;}
.lettura>.schemi{margin-top:1.5rem;}
.lettura>.schemi+*{margin-top:1.5rem;}
.porta-copertina{display:block;width:120px;height:auto;border-radius:4px;border:1px solid var(--cm-linea);margin:0 0 4px;}
@media (min-width:1000px){.schemi{grid-template-columns:1fr 1fr;column-gap:16px;}.schemi figcaption{grid-column:1/-1;}}

/* --- 13 · L'APP DEL RESPIRO (/respiro) -------------------------------------- */
#cmr-app{background:var(--cm-scheda);border:1px solid var(--cm-linea);border-radius:var(--cm-raggio-g);padding:20px 16px 24px;}
.lettura>#cmr-app{margin-top:1.25rem;}
#cmr-app .scelte{border:0;padding:0;margin:0 0 8px;min-width:0;}
#cmr-app .scelte legend{padding:0;margin:0 0 10px;font-size:.875rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--cm-viola);}
#cmr-app .scelta{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;
  border:1px solid var(--cm-linea);border-radius:var(--cm-raggio);padding:14px 14px 14px 14px;margin:0 0 8px;
  cursor:pointer;background:var(--cm-scheda);}
#cmr-app .scelta:last-child{margin-bottom:0;}
#cmr-app .scelta input{position:absolute;opacity:0;width:0;height:0;}
/* l'anello della scelta: vuoto, o pieno quando lo schema è scelto */
#cmr-app .scelta::before{content:"";grid-column:1;grid-row:1;align-self:start;margin-top:3px;width:20px;height:20px;
  border:2px solid var(--cm-muto);border-radius:50%;}
#cmr-app .scelta.on::before,#cmr-app .scelta:has(input:checked)::before{border-color:var(--cm-viola);
  background:var(--cm-viola);box-shadow:inset 0 0 0 3px var(--cm-scheda);}
#cmr-app .scelta .tit{grid-column:2;grid-row:1;display:block;font-family:var(--cm-font-titoli);font-weight:700;
  font-size:1.125rem;line-height:1.35;letter-spacing:-.01em;}
#cmr-app .scelta .des{grid-column:2;grid-row:2;display:block;margin-top:4px;color:var(--cm-muto);line-height:1.5;}
#cmr-app .scelta em{display:inline-block;margin-left:6px;padding:0 10px;border-radius:999px;background:var(--cm-glicine);
  font-family:var(--cm-font-corpo);font-style:normal;font-size:.875rem;font-weight:600;line-height:1.6;
  letter-spacing:0;color:var(--cm-viola);vertical-align:.1em;white-space:nowrap;}
#cmr-app .scelta.on,#cmr-app .scelta:has(input:checked){border-color:var(--cm-viola);
  box-shadow:inset 0 0 0 1px var(--cm-viola);background:var(--cm-carta);}
#cmr-app .scelta.fuoco,#cmr-app .scelta:has(input:focus-visible){outline:3px solid var(--cm-viola-scuro);outline-offset:2px;}
#cmr-app .palco{position:relative;width:min(232px,62vw);aspect-ratio:1/1;margin:40px auto 8px;}
#cmr-app .ghiera{position:absolute;inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);color:var(--cm-viola);
  pointer-events:none;}
#cmr-app .anello{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--cm-viola-velo);}
#cmr-app .bolla{position:absolute;inset:0;border-radius:50%;background:var(--cm-viola);transform:scale(.40);
  transition:transform 0s linear;will-change:transform;}
#cmr-app .fase{margin:26px 0 0;text-align:center;font-family:var(--cm-font-titoli);font-weight:700;font-size:1.5rem;
  line-height:1.2;letter-spacing:-.01em;min-height:1.2em;}
#cmr-app .conto{margin:4px 0 0;text-align:center;font-size:3rem;font-weight:500;line-height:1.1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;min-height:1.1em;color:var(--cm-viola-scuro);}
#cmr-app .conto.sigla{font-size:1.375rem;letter-spacing:.04em;color:var(--cm-muto);}
#cmr-app .via{display:block;width:100%;margin:20px 0 0;min-height:52px;padding:14px 20px;background:var(--cm-azione);
  color:#fff;border:0;border-radius:var(--cm-raggio);font-family:var(--cm-font-corpo);font-size:1.125rem;font-weight:600;
  cursor:pointer;box-shadow:var(--cm-ombra-tocco);}
#cmr-app .via:hover{background:var(--cm-azione-su);}
#cmr-app .via.on{background:var(--cm-inchiostro);box-shadow:none;}
#cmr-app .cicli{margin:12px 0 0;text-align:center;font-size:1rem;color:var(--cm-muto);}
@media (min-width:700px){ #cmr-app{padding:28px 28px 30px;} }
@media (min-width:1000px){
  #cmr-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;
    column-gap:48px;padding:32px 36px;align-items:start;}
  #cmr-app .scelte{grid-column:1;grid-row:1/span 5;margin:0;}
  #cmr-app .palco,#cmr-app .fase,#cmr-app .conto,#cmr-app .via,#cmr-app .cicli{grid-column:2;}
  #cmr-app .palco{width:248px;margin-top:44px;}
}

/* --- 14 · IL PIEDE ---------------------------------------------------------- */
.piede{background:var(--cm-carta);border-top:1px solid var(--cm-linea);padding:22px 0 40px;color:var(--cm-inchiostro);}
.piede-link{display:flex;flex-wrap:wrap;column-gap:24px;margin-bottom:14px;}
.piede-link a{display:inline-flex;align-items:center;min-height:44px;color:var(--cm-inchiostro);font-weight:600;
  font-size:1rem;text-decoration:none;}
.piede-link a:hover{color:var(--cm-azione-su);text-decoration:underline;}
.piede-proprieta{font-size:.9375rem;line-height:1.55;max-width:var(--cm-misura);}
.piede-flt{margin-top:18px;padding-top:12px;border-top:1px solid var(--cm-linea);font-size:.8125rem;line-height:1.5;
  color:var(--cm-muto);}
.piede-flt>p:first-child{max-width:var(--cm-misura);}
.piede-recapiti{display:flex;flex-direction:column;align-items:flex-start;}
@media (min-width:700px){ .piede-recapiti{flex-direction:row;flex-wrap:wrap;column-gap:18px;} }
.piede-recapiti a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--cm-azione-su);
  text-decoration:none;}
.piede-recapiti a:hover{text-decoration:underline;}
.piede-copy{margin-top:6px;font-size:.8125rem;color:var(--cm-muto);}
@media (min-width:1000px){
  .piede{padding:32px 0 48px;}
  .piede .gabbia{display:grid;grid-template-columns:minmax(0,1fr) 520px;column-gap:48px;align-items:start;}
  .piede-link{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;margin:0;}
  .piede-proprieta{grid-column:2;grid-row:1;padding-top:10px;}
  .piede-flt{grid-column:2;grid-row:2;}
  .piede-copy{grid-column:1;grid-row:2;align-self:end;margin:0 0 12px;}
}

/* --- 15 · MOVIMENTO RIDOTTO ------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important;}
  #cmr-app .bolla{transition:none !important;transform:scale(.78) !important;}
  .pulsantone:active{transform:none;}
}

/* --- 16 · BLOCCHI DI PAGINA (ondata B) --------------------------------------
   Qui, in coda, i blocchi dichiarati delle pagine app (casinometro, caa, simulatore):
   solo colori, font, raggi, ombre e sfondi portati sui token. Mai display, visibility
   o classi di stato. */

/* ··· casinometro ··· (src/casinometro.html, contenitore .pagina-casinometro)
   L'iframe srcdoc è la app intera e non si tocca. Qui c'è solo la cornice: le altezze sono quelle
   della sorgente (90vh; 84vh sotto i 600 px), il fondo è inchiostro finché la app non ha caricato
   (dentro, il nero resta quello della app). */
.pagina-casinometro .cornice-app{background:var(--cm-inchiostro);border-radius:var(--cm-raggio-g);overflow:hidden;}
.pagina-casinometro .cornice-app iframe{display:block;width:100%;min-height:90vh;border:0;}
@media (max-width:600px){ .pagina-casinometro .cornice-app iframe{min-height:84vh;} }
.pagina-casinometro .chiusa p:first-child{display:flex;flex-wrap:wrap;gap:12px;}
/* la app sale: meno aria fra apertura e cornice che nelle pagine di lettura, perché «Inizia»
   (dentro la app, centrato nell'iframe) stia nel primo schermo del telefono */
.pagina-casinometro .apertura-in{padding-bottom:24px;}
.pagina-casinometro .lettura{padding-top:16px;}
@media (min-width:700px){ .pagina-casinometro .apertura-in{padding-bottom:32px;} .pagina-casinometro .lettura{padding-top:24px;} }

/* ··· caa ··· (src/caa.html, contenitore .pagina-caa)
   La <style> della sorgente riscritta sui token: colori, font (famiglie e corpi della scala del
   DS), raggi, ombre, sfondi. Display, visibility, posizioni, misure e classi di stato
   (caa-hidden, active, done, selected, has-image, copied) restano quelli della sorgente. Via Lato,
   i gradienti, i cerchi decorativi, le ombre. Il prefisso di pagina sta in :where(), così la
   specificità resta quella della sorgente e la veste del form Brevo (CSS §8) vale anche qui.
   Apertura: il glicine continua sotto il rimando nella testata della app, a tutta larghezza
   (ombra piena ritagliata con clip-path: non è un'ombra, è il fondo che esce dalla colonna). */
.pagina-caa .apertura-in{max-width:900px;padding-inline:1.2rem;padding-bottom:0;}
@media (min-width:641px){ .pagina-caa .apertura-in{padding-inline:2rem;} }
:where(.pagina-caa) .caa-app *{margin:0;padding:0;box-sizing:border-box;}
:where(.pagina-caa) .caa-app{font-family:var(--cm-font-corpo);background:var(--cm-carta);color:var(--cm-inchiostro);max-width:900px;margin:0 auto;}
:where(.pagina-caa) .caa-app .caa-header{background:var(--cm-glicine);color:var(--cm-inchiostro);padding:2.5rem 2rem 3.5rem;border-radius:0;
  position:relative;overflow:hidden;box-shadow:0 0 0 100vmax var(--cm-glicine);clip-path:inset(0 -100vmax);}
:where(.pagina-caa) .caa-app .caa-header-content{position:relative;z-index:1;}
:where(.pagina-caa) .caa-app .caa-header .caa-logo{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;}
:where(.pagina-caa) .caa-app .caa-header .caa-logo-icon{width:48px;height:48px;background:transparent;border-radius:var(--cm-raggio);
  display:flex;align-items:center;justify-content:center;font-size:1.6rem;}
:where(.pagina-caa) .caa-app .caa-header :is(h1,h2){font-family:var(--cm-font-titoli);font-size:clamp(2rem,1.55rem + 1.9vw,3rem);font-weight:700;
  letter-spacing:-.02em;line-height:1.08;margin-bottom:0;border:none;padding:0;color:var(--cm-inchiostro);text-shadow:none;}
:where(.pagina-caa) .caa-app .caa-header :is(h1,h2) span{font-weight:400;color:var(--cm-muto);}
:where(.pagina-caa) .caa-app .caa-header p{color:var(--cm-muto);font-size:1.1875rem;margin-top:.5rem;max-width:500px;line-height:1.45;text-shadow:none;}
:where(.pagina-caa) .caa-app .caa-badges{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap;}
:where(.pagina-caa) .caa-app .caa-badge{padding:.3rem .7rem;background:var(--cm-scheda);border-radius:999px;font-size:.875rem;font-weight:600;
  letter-spacing:0;color:var(--cm-viola);}
:where(.pagina-caa) .caa-app .caa-body{padding:0 .5rem;}
/* i passi: in attesa disco glicine, in corso anello pieno viola, fatto anello vuoto viola */
:where(.pagina-caa) .caa-app .caa-steps{display:flex;gap:.4rem;margin:1.5rem 0;background:var(--cm-scheda);padding:.4rem;
  border-radius:var(--cm-raggio);border:1px solid var(--cm-linea);}
:where(.pagina-caa) .caa-app .caa-step{flex:1;text-align:center;padding:.7rem .5rem;border-radius:8px;font-size:.9375rem;font-weight:600;
  color:var(--cm-muto);transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.4rem;}
:where(.pagina-caa) .caa-app .caa-step .caa-num{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;
  justify-content:center;font-size:.875rem;background:var(--cm-glicine);color:var(--cm-muto);font-weight:600;transition:all .3s;
  font-variant-numeric:tabular-nums;}
:where(.pagina-caa) .caa-app .caa-step.active{color:var(--cm-inchiostro);}
:where(.pagina-caa) .caa-app .caa-step.active .caa-num{background:var(--cm-viola);color:#fff;}
:where(.pagina-caa) .caa-app .caa-step.done{color:var(--cm-viola);}
:where(.pagina-caa) .caa-app .caa-step.done .caa-num{background:var(--cm-scheda);color:var(--cm-viola);box-shadow:inset 0 0 0 2px var(--cm-viola);}
:where(.pagina-caa) .caa-app .caa-card{background:var(--cm-scheda);border-radius:var(--cm-raggio-g);padding:2rem;margin-bottom:1.5rem;
  box-shadow:none;border:1px solid var(--cm-linea);animation:caaSlideUp .4s ease;}
@keyframes caaSlideUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
:where(.pagina-caa) .caa-app .caa-card h3{font-family:var(--cm-font-titoli);font-size:1.375rem;font-weight:700;line-height:1.2;margin-bottom:.3rem;
  display:flex;align-items:center;gap:.5rem;border:none;padding:0;}
:where(.pagina-caa) .caa-app .caa-card h3 .caa-icon{font-size:1.3rem;}
:where(.pagina-caa) .caa-app .caa-card .caa-subtitle{color:var(--cm-muto);margin-bottom:1.5rem;line-height:1.6;}
:where(.pagina-caa) .caa-app .caa-upload-zone{border:2px dashed var(--cm-bordo-campo);border-radius:var(--cm-raggio);padding:2.5rem 1.5rem;
  text-align:center;cursor:pointer;transition:all .3s;position:relative;background:var(--cm-carta);}
:where(.pagina-caa) .caa-app .caa-upload-zone:hover{border-color:var(--cm-viola);background:var(--cm-scheda);box-shadow:none;}
/* il campo del file è invisibile (opacity 0): il fuoco si disegna sulla zona */
:where(.pagina-caa) .caa-app .caa-upload-zone:focus-within{outline:3px solid var(--cm-viola-scuro);outline-offset:2px;}
:where(.pagina-caa) .caa-app .caa-upload-zone.has-image{border-style:solid;border-color:var(--cm-viola);background:var(--cm-carta);}
:where(.pagina-caa) .caa-app .caa-upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;}
:where(.pagina-caa) .caa-app .caa-upload-zone .caa-upload-icon{width:64px;height:64px;margin:0 auto 1rem;background:transparent;border-radius:0;
  display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:none;}
:where(.pagina-caa) .caa-app .caa-upload-zone h4{font-family:var(--cm-font-titoli);font-size:1.125rem;font-weight:700;line-height:1.25;
  color:var(--cm-inchiostro);margin-bottom:.3rem;}
:where(.pagina-caa) .caa-app .caa-upload-zone p{color:var(--cm-muto);}
:where(.pagina-caa) .caa-app .caa-upload-zone .caa-filename{color:var(--cm-viola-scuro);font-weight:600;margin-top:.8rem;}
/* l'anteprima: display inline come nella sorgente (il sito mette img{display:block}) */
:where(.pagina-caa) .caa-app .caa-preview-img{display:inline;max-width:100%;max-height:180px;border-radius:var(--cm-raggio);margin-top:1rem;box-shadow:none;}
:where(.pagina-caa) .caa-app .caa-form-group{margin-bottom:1.4rem;}
:where(.pagina-caa) .caa-app .caa-form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--cm-inchiostro);}
:where(.pagina-caa) .caa-app .caa-form-group .caa-hint{color:var(--cm-muto);margin-bottom:.5rem;}
:where(.pagina-caa) .caa-app .caa-form-group input,:where(.pagina-caa) .caa-app .caa-form-group select,:where(.pagina-caa) .caa-app .caa-form-group textarea{
  width:100%;padding:.75rem 1rem;border:1.5px solid var(--cm-bordo-campo);border-radius:var(--cm-raggio);font-size:1.0625rem;
  font-family:var(--cm-font-corpo);transition:all .2s;background:var(--cm-scheda);color:var(--cm-inchiostro);}
:where(.pagina-caa) .caa-app .caa-form-group input:focus,:where(.pagina-caa) .caa-app .caa-form-group select:focus,:where(.pagina-caa) .caa-app .caa-form-group textarea:focus{
  outline:3px solid var(--cm-viola-scuro);outline-offset:2px;border-color:var(--cm-viola-scuro);box-shadow:none;background-color:var(--cm-scheda);}
:where(.pagina-caa) .caa-app .caa-form-group select{appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23594D6E' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;}
:where(.pagina-caa) .caa-app textarea{resize:vertical;min-height:90px;}
:where(.pagina-caa) .caa-app .caa-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;}
:where(.pagina-caa) .caa-app .caa-chip{padding:.45rem .9rem;border:1.5px solid var(--cm-bordo-campo);border-radius:999px;font-size:1.0625rem;
  cursor:pointer;transition:all .25s;user-select:none;font-weight:600;background:var(--cm-scheda);color:var(--cm-inchiostro);}
:where(.pagina-caa) .caa-app .caa-chip:hover{border-color:var(--cm-viola);background:var(--cm-carta);}
:where(.pagina-caa) .caa-app .caa-chip.selected{background:var(--cm-viola);color:#fff;border-color:var(--cm-viola);box-shadow:none;}
:where(.pagina-caa) .caa-app .caa-btn{padding:.75rem 1.6rem;border:none;border-radius:var(--cm-raggio);font-size:1.0625rem;font-weight:600;
  cursor:pointer;transition:all .25s;font-family:var(--cm-font-corpo);}
:where(.pagina-caa) .caa-app .caa-btn-primary{background:var(--cm-azione);color:#fff;box-shadow:none;}
:where(.pagina-caa) .caa-app .caa-btn-primary:hover{background:var(--cm-azione-su);transform:translateY(-1px);box-shadow:none;}
:where(.pagina-caa) .caa-app .caa-btn-primary:disabled{background:var(--cm-glicine);color:var(--cm-muto);box-shadow:none;cursor:not-allowed;transform:none;}
:where(.pagina-caa) .caa-app .caa-btn-success{background:var(--cm-azione);color:#fff;box-shadow:none;}
:where(.pagina-caa) .caa-app .caa-btn-success:hover{background:var(--cm-azione-su);transform:translateY(-1px);box-shadow:none;}
:where(.pagina-caa) .caa-app .caa-btn-outline{background:var(--cm-scheda);color:var(--cm-azione-su);border:1.5px solid var(--cm-azione);}
:where(.pagina-caa) .caa-app .caa-btn-outline:hover{background:var(--cm-azione);color:#fff;border-color:var(--cm-azione);}
:where(.pagina-caa) .caa-app .caa-btn-group{display:flex;gap:.8rem;justify-content:flex-end;margin-top:1.5rem;flex-wrap:wrap;}
:where(.pagina-caa) .caa-app .caa-prompt-output{background:var(--cm-carta);color:var(--cm-inchiostro);border-radius:var(--cm-raggio);padding:1.5rem;
  font-family:var(--cm-font-corpo);line-height:1.6;white-space:pre-wrap;max-height:450px;overflow-y:auto;position:relative;
  border:1px solid var(--cm-linea);}
:where(.pagina-caa) .caa-app .caa-prompt-output::-webkit-scrollbar{width:6px;}
:where(.pagina-caa) .caa-app .caa-prompt-output::-webkit-scrollbar-track{background:transparent;}
:where(.pagina-caa) .caa-app .caa-prompt-output::-webkit-scrollbar-thumb{background:var(--cm-linea-forte);border-radius:3px;}
/* il tasto Copia: l'unica misura toccata, min-height 44 (rilievo 10) */
:where(.pagina-caa) .caa-app .caa-copy-btn{position:sticky;top:0;float:right;background:var(--cm-azione);color:#fff;border:none;padding:.45rem 1rem;
  min-height:44px;border-radius:var(--cm-raggio);font-size:1rem;cursor:pointer;font-weight:600;z-index:1;font-family:var(--cm-font-corpo);
  box-shadow:none;transition:all .2s;}
:where(.pagina-caa) .caa-app .caa-copy-btn:hover{background:var(--cm-azione-su);transform:translateY(-1px);}
:where(.pagina-caa) .caa-app .caa-copy-btn.copied{background:var(--cm-inchiostro);}
:where(.pagina-caa) .caa-app .caa-instructions-box{background:var(--cm-carta);border:1px solid var(--cm-linea);border-radius:var(--cm-raggio);
  padding:1.2rem 1.5rem;margin-bottom:1.5rem;}
:where(.pagina-caa) .caa-app .caa-instructions-box h4{font-family:var(--cm-font-titoli);font-size:1.125rem;font-weight:700;line-height:1.25;
  color:var(--cm-inchiostro);margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem;}
:where(.pagina-caa) .caa-app .caa-instructions-box ol{padding-left:1.3rem;color:var(--cm-inchiostro);line-height:1.6;}
:where(.pagina-caa) .caa-app .caa-instructions-box a{color:var(--cm-azione-su);font-weight:600;text-decoration:underline;}
/* la misura del DS sui testi continui (27em, circa 66 caratteri): da 1000 px la scheda è larga 820 */
:where(.pagina-caa) .caa-app :is(.caa-subtitle,.caa-hint,.caa-instructions-box ol,.caa-instructions-box p){max-width:var(--cm-misura);}
/* due stili in linea del markup della app (identico, quindi non li posso togliere): «Suggerimento»
   a 12,8 px in marrone e «(opzionale)» in un grigio a 2,5:1. Deroga dichiarata (FLAG). */
:where(.pagina-caa) .caa-app .caa-instructions-box p[style]{font-size:1em !important;color:var(--cm-muto) !important;}
:where(.pagina-caa) .caa-app .caa-form-group label span[style]{color:var(--cm-muto) !important;}
:where(.pagina-caa) .caa-app .caa-email-section{background:var(--cm-scheda);border:1px solid var(--cm-linea);border-radius:var(--cm-raggio-g);
  padding:2.5rem 2rem;margin-bottom:1.5rem;text-align:center;}
:where(.pagina-caa) .caa-app .caa-email-inner{max-width:500px;margin:0 auto;}
:where(.pagina-caa) .caa-app .caa-email-section h3{font-family:var(--cm-font-titoli);font-size:1.375rem;font-weight:700;line-height:1.2;
  color:var(--cm-inchiostro);margin-bottom:.5rem;border:none;padding:0;}
:where(.pagina-caa) .caa-app .caa-email-section>p,:where(.pagina-caa) .caa-app .caa-email-inner>p{color:var(--cm-muto);margin-bottom:1.2rem;}
:where(.pagina-caa) .caa-app .caa-email-row{display:flex;gap:8px;max-width:440px;margin:0 auto;}
:where(.pagina-caa) .caa-app .caa-email-row input[type="email"]{flex:1;padding:14px 16px;border:1px solid var(--cm-bordo-campo);
  border-radius:var(--cm-raggio);font-size:1rem;font-family:var(--cm-font-corpo);background:var(--cm-scheda);color:var(--cm-inchiostro);min-width:0;}
:where(.pagina-caa) .caa-app .caa-email-row input[type="email"]:focus{border-color:var(--cm-viola-scuro);box-shadow:none;}
:where(.pagina-caa) .caa-app .caa-email-row button{padding:14px 24px;background:var(--cm-azione);color:#fff;border:none;border-radius:var(--cm-raggio);
  font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--cm-font-corpo);transition:background .2s;}
:where(.pagina-caa) .caa-app .caa-email-row button:hover{background:var(--cm-azione-su);}
:where(.pagina-caa) .caa-app .caa-email-consent{display:flex;align-items:flex-start;gap:8px;margin:12px auto 0;max-width:440px;text-align:left;
  font-size:.9375rem;color:var(--cm-muto);cursor:pointer;}
:where(.pagina-caa) .caa-app .caa-email-consent input[type="checkbox"]{margin-top:2px;accent-color:var(--cm-azione);}
:where(.pagina-caa) .caa-app .caa-email-consent a{color:var(--cm-azione-su);text-decoration:underline;}
:where(.pagina-caa) .caa-app .caa-email-note{color:var(--cm-muto);margin-top:12px;}
:where(.pagina-caa) .caa-app .caa-footer{text-align:center;padding:1.5rem;color:var(--cm-muto);}
:where(.pagina-caa) .caa-app .caa-footer a{color:var(--cm-azione-su);text-decoration:underline;}
:where(.pagina-caa) .caa-app .caa-hidden{display:none !important;}
@media (max-width:640px){
  :where(.pagina-caa) .caa-app .caa-header{padding:1.5rem 1.2rem 2.5rem;border-radius:0;}
  :where(.pagina-caa) .caa-app .caa-card{padding:1.5rem;}
  :where(.pagina-caa) .caa-app .caa-steps{gap:.2rem;padding:.3rem;}
  :where(.pagina-caa) .caa-app .caa-step{padding:.6rem .3rem;}
  :where(.pagina-caa) .caa-app .caa-btn-group{flex-direction:column;}
  :where(.pagina-caa) .caa-app .caa-btn{width:100%;text-align:center;}
}

/* ··· simulatore ··· (src/simulatore.html, contenitore .pagina-simulatore)
   Stesso metodo di caa. I colori del misuratore (valore, barra, esito, barre dello stile) li scrive
   lo script in linea (#16a34a, #d9a13b, #d95b43): restano, lo script non si tocca (FLAG). */
.pagina-simulatore .apertura-in{max-width:640px;padding-inline:1.4rem;padding-bottom:0;}
:where(.pagina-simulatore) .cm3c *{margin:0;padding:0;box-sizing:border-box;}
:where(.pagina-simulatore) .cm3c{font-family:var(--cm-font-corpo);background:var(--cm-carta);color:var(--cm-inchiostro);max-width:640px;margin:0 auto;}
:where(.pagina-simulatore) .cm3c .cm3c-hero{background:var(--cm-glicine);color:var(--cm-inchiostro);padding:2.2rem 1.4rem 2.6rem;border-radius:0;
  position:relative;overflow:hidden;box-shadow:0 0 0 100vmax var(--cm-glicine);clip-path:inset(0 -100vmax);}
:where(.pagina-simulatore) .cm3c .cm3c-hero-content{position:relative;z-index:1;}
:where(.pagina-simulatore) .cm3c .cm3c-hero :is(h1,h2){font-family:var(--cm-font-titoli);font-size:clamp(2rem,1.55rem + 1.9vw,3rem);font-weight:700;
  letter-spacing:-.02em;line-height:1.08;color:var(--cm-inchiostro);border:none;padding:0;margin:0 0 .4rem;text-shadow:none;}
:where(.pagina-simulatore) .cm3c .cm3c-hero p{color:var(--cm-muto);font-size:1.1875rem;line-height:1.45;max-width:480px;}
:where(.pagina-simulatore) .cm3c .cm3c-badges{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap;}
:where(.pagina-simulatore) .cm3c .cm3c-badge{padding:.3rem .7rem;background:var(--cm-scheda);border-radius:999px;font-size:.875rem;font-weight:600;
  color:var(--cm-viola);letter-spacing:0;}
/* il misuratore resta appiccicato in cima; il filetto sotto è un'ombra di 1 px, non un'ombra */
:where(.pagina-simulatore) .cm3c .cm3c-meterbox{position:sticky;top:0;z-index:40;background:var(--cm-scheda);padding:.9rem 1.2rem;
  box-shadow:0 1px 0 var(--cm-linea);transition:background .25s;}
/* il lampo dopo la mossa: 7% del colore di stato sul bianco, così «caos in arrivo» (rosso) resta
   a 4,6:1 anche durante il lampo (4,7 sul verde; il muto 7,0) */
:where(.pagina-simulatore) .cm3c .cm3c-meterbox.flash-bad{background:color-mix(in srgb,var(--cm-stato-rosso) 7%,var(--cm-scheda));}
:where(.pagina-simulatore) .cm3c .cm3c-meterbox.flash-good{background:color-mix(in srgb,var(--cm-stato-verde) 7%,var(--cm-scheda));}
:where(.pagina-simulatore) .cm3c .cm3c-meter-top{display:flex;justify-content:space-between;align-items:baseline;}
:where(.pagina-simulatore) .cm3c .cm3c-meter-top .cm3c-label{font-size:.875rem;font-weight:600;color:var(--cm-viola);text-transform:uppercase;letter-spacing:.08em;}
:where(.pagina-simulatore) .cm3c .cm3c-meter-top .cm3c-value{font-size:2.1rem;font-weight:600;line-height:1;color:var(--cm-stato-verde);
  transition:color .4s;font-variant-numeric:tabular-nums;}
:where(.pagina-simulatore) .cm3c .cm3c-bar{height:16px;border-radius:8px;background:var(--cm-glicine);overflow:hidden;margin-top:.45rem;}
:where(.pagina-simulatore) .cm3c .cm3c-bar>div{height:100%;width:50%;background:var(--cm-stato-verde);border-radius:8px;transition:width .6s ease,background .6s ease;}
:where(.pagina-simulatore) .cm3c .cm3c-meter-sub{display:flex;justify-content:space-between;margin-top:.45rem;font-size:.9375rem;color:var(--cm-muto);}
:where(.pagina-simulatore) .cm3c .cm3c-meter-sub b{color:var(--cm-inchiostro);font-weight:600;font-variant-numeric:tabular-nums;}
:where(.pagina-simulatore) .cm3c .cm3c-debito{color:var(--cm-stato-rosso);font-weight:600;opacity:0;transition:opacity .3s;}
:where(.pagina-simulatore) .cm3c .cm3c-debito.on{opacity:1;}
:where(.pagina-simulatore) .cm3c .cm3c-body{padding:1.1rem 1.2rem 0;}
:where(.pagina-simulatore) .cm3c .cm3c-card{background:var(--cm-scheda);border-radius:var(--cm-raggio-g);padding:1.3rem;margin-bottom:1.1rem;
  box-shadow:none;border:1px solid var(--cm-linea);animation:cm3cUp .35s ease;}
@keyframes cm3cUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
:where(.pagina-simulatore) .cm3c .cm3c-scene{font-family:var(--cm-font-titoli);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;min-height:3em;}
:where(.pagina-simulatore) .cm3c .cm3c-insight{margin-top:.7rem;padding:.8rem 1rem;background:var(--cm-carta);border-left:4px solid var(--cm-viola);
  border-radius:0 var(--cm-raggio) var(--cm-raggio) 0;line-height:1.6;color:var(--cm-inchiostro);display:none;}
:where(.pagina-simulatore) .cm3c .cm3c-actions{display:grid;gap:.6rem;margin-top:1rem;}
:where(.pagina-simulatore) .cm3c .cm3c-actions button{font-family:var(--cm-font-corpo);font-size:1.0625rem;font-weight:600;width:100%;min-height:54px;
  padding:.8rem 1rem;text-align:left;cursor:pointer;background:var(--cm-scheda);color:var(--cm-inchiostro);border:1.5px solid var(--cm-bordo-campo);
  border-radius:var(--cm-raggio);transition:all .2s;display:flex;align-items:center;gap:.6rem;}
:where(.pagina-simulatore) .cm3c .cm3c-actions button:active{transform:scale(.985);}
:where(.pagina-simulatore) .cm3c .cm3c-actions button:hover{border-color:var(--cm-viola);background:var(--cm-carta);}
:where(.pagina-simulatore) .cm3c .cm3c-actions button .cm3c-tag{margin-left:auto;font-size:.875rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;
  background:var(--cm-glicine);color:var(--cm-viola);white-space:nowrap;}
:where(.pagina-simulatore) .cm3c .cm3c-actions button.cm3c-mirato{border-color:var(--cm-azione);background:var(--cm-azione);color:#fff;box-shadow:none;}
:where(.pagina-simulatore) .cm3c .cm3c-actions button.cm3c-mirato:hover{border-color:var(--cm-azione-su);background:var(--cm-azione-su);}
:where(.pagina-simulatore) .cm3c .cm3c-actions button.cm3c-mirato .cm3c-tag{background:var(--cm-scheda);color:var(--cm-azione-su);}
:where(.pagina-simulatore) .cm3c .cm3c-report{text-align:center;}
:where(.pagina-simulatore) .cm3c .cm3c-report .cm3c-big{font-size:4rem;font-weight:600;line-height:1;margin:.3rem 0 .1rem;font-variant-numeric:tabular-nums;}
:where(.pagina-simulatore) .cm3c .cm3c-report .cm3c-biglabel{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--cm-viola);}
:where(.pagina-simulatore) .cm3c .cm3c-report h3{font-family:var(--cm-font-titoli);font-size:1.375rem;font-weight:700;line-height:1.2;margin:1rem 0 .4rem;border:none;padding:0;}
:where(.pagina-simulatore) .cm3c .cm3c-report p{line-height:1.6;color:var(--cm-muto);max-width:var(--cm-misura);margin-inline:auto;}
:where(.pagina-simulatore) .cm3c .cm3c-stylebars{margin:1.1rem auto .4rem;max-width:360px;text-align:left;}
:where(.pagina-simulatore) .cm3c .cm3c-stylebar{margin-bottom:.55rem;}
:where(.pagina-simulatore) .cm3c .cm3c-stylebar .cm3c-sblabel{display:flex;justify-content:space-between;font-size:.9375rem;font-weight:600;
  color:var(--cm-muto);margin-bottom:.25rem;}
:where(.pagina-simulatore) .cm3c .cm3c-stylebar .cm3c-sbtrack{height:10px;border-radius:5px;background:var(--cm-glicine);overflow:hidden;}
:where(.pagina-simulatore) .cm3c .cm3c-stylebar .cm3c-sbtrack>div{height:100%;border-radius:5px;transition:width .8s ease;}
:where(.pagina-simulatore) .cm3c .cm3c-replay{margin-top:1rem;background:var(--cm-scheda);border:1.5px solid var(--cm-azione);border-radius:var(--cm-raggio);
  padding:.7rem 1.4rem;font-family:var(--cm-font-corpo);font-weight:600;font-size:1.0625rem;cursor:pointer;color:var(--cm-azione-su);}
:where(.pagina-simulatore) .cm3c .cm3c-replay:hover{background:var(--cm-azione);border-color:var(--cm-azione);color:#fff;}
:where(.pagina-simulatore) .cm3c .cm3c-bridge{background:var(--cm-glicine);color:var(--cm-inchiostro);border-radius:var(--cm-raggio-g);padding:1.6rem 1.4rem;
  margin-bottom:1.1rem;text-align:center;}
:where(.pagina-simulatore) .cm3c .cm3c-bridge h3{color:var(--cm-inchiostro);font-family:var(--cm-font-titoli);font-size:1.375rem;font-weight:700;
  line-height:1.2;border:none;padding:0;margin:0 0 .5rem;}
:where(.pagina-simulatore) .cm3c .cm3c-bridge p{color:var(--cm-inchiostro);line-height:1.6;max-width:430px;margin:0 auto;}
:where(.pagina-simulatore) .cm3c .cm3c-bridge .cm3c-cta-main{display:inline-block;margin-top:1.1rem;background:var(--cm-azione);color:#fff;font-weight:600;
  font-size:1.0625rem;padding:.9rem 1.8rem;border-radius:var(--cm-raggio);text-decoration:none;box-shadow:none;}
:where(.pagina-simulatore) .cm3c .cm3c-bridge .cm3c-cta-main:hover{transform:translateY(-1px);background:var(--cm-azione-su);}
:where(.pagina-simulatore) .cm3c .cm3c-ctagrid{display:grid;gap:1.1rem;margin-bottom:1.1rem;}
:where(.pagina-simulatore) .cm3c .cm3c-ctacard h4{font-family:var(--cm-font-titoli);font-size:1.25rem;font-weight:700;line-height:1.25;
  letter-spacing:-.01em;margin-bottom:.3rem;}
:where(.pagina-simulatore) .cm3c .cm3c-ctacard p{color:var(--cm-muto);line-height:1.6;margin-bottom:.8rem;}
:where(.pagina-simulatore) .cm3c .cm3c-ctacard a.cm3c-btn{display:inline-block;font-weight:600;font-size:1.0625rem;padding:.65rem 1.2rem;
  border-radius:var(--cm-raggio);text-decoration:none;color:var(--cm-azione-su);border:1.5px solid var(--cm-azione);background:var(--cm-scheda);}
:where(.pagina-simulatore) .cm3c .cm3c-ctacard a.cm3c-btn:hover{background:var(--cm-azione);color:#fff;}
:where(.pagina-simulatore) .cm3c .cm3c-email-row{display:flex;gap:8px;}
:where(.pagina-simulatore) .cm3c .cm3c-email-row input[type="email"]{flex:1;padding:13px 14px;border:1px solid var(--cm-bordo-campo);border-radius:var(--cm-raggio);
  font-size:1rem;font-family:var(--cm-font-corpo);background:var(--cm-scheda);color:var(--cm-inchiostro);min-width:0;}
:where(.pagina-simulatore) .cm3c .cm3c-email-row input[type="email"]:focus{border-color:var(--cm-viola-scuro);box-shadow:none;background:var(--cm-scheda);}
:where(.pagina-simulatore) .cm3c .cm3c-email-row button{padding:13px 20px;background:var(--cm-azione);color:#fff;border:none;border-radius:var(--cm-raggio);
  font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--cm-font-corpo);}
:where(.pagina-simulatore) .cm3c .cm3c-email-row button:hover{background:var(--cm-azione-su);}
:where(.pagina-simulatore) .cm3c .cm3c-consent{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:.9375rem;color:var(--cm-muto);
  cursor:pointer;text-align:left;}
:where(.pagina-simulatore) .cm3c .cm3c-consent input{margin-top:2px;accent-color:var(--cm-azione);}
:where(.pagina-simulatore) .cm3c .cm3c-consent a{color:var(--cm-azione-su);text-decoration:underline;}
:where(.pagina-simulatore) .cm3c .cm3c-note{padding:1.2rem 1.2rem 1.6rem;color:var(--cm-muto);line-height:1.6;border-top:1px solid var(--cm-linea);margin-top:.4rem;}
:where(.pagina-simulatore) .cm3c .cm3c-hidden{display:none !important;}
@media (min-width:560px){
  :where(.pagina-simulatore) .cm3c .cm3c-ctagrid{grid-template-columns:1fr 1fr;}
  :where(.pagina-simulatore) .cm3c .cm3c-ctacard.cm3c-wide{grid-column:1/-1;}
}
/* esito del form Brevo: la risposta arriva in un iframe nascosto, qui si mostra (10/9 sera) */
.form-esito{margin:12px 0 0;font-size:1.0625rem;font-weight:600;line-height:1.5;color:var(--cm-azione-su);}
.form-esito:empty{display:none;}