/* home-v5 · regole COMUNI alle varianti A, B, C (scritte dalla regia, non si toccano nelle consegne).
   Si sommano a casinometro.css live. La striscia la scrive ogni variante in assets/striscia.css. */
:root{--v5-striscia:clamp(220px, 38vh, 270px);}
@media (min-width:1024px){:root{--v5-striscia:clamp(260px, 45vh, 520px);}}
.striscia{position:relative;height:var(--v5-striscia);overflow:hidden;}
.anteprima{margin:0;font-size:.9375rem;line-height:1.3;color:var(--cm-muto);}

.home-v5 .avvio-v5{padding:18px 0 30px;}
.home-v5 .avvio-in{gap:16px;}
.home-v5 .promessa h1{margin-bottom:0;}
.home-v5 .promessa-testo p{margin:0;}
.home-v5 .pulsantone-v5{min-height:64px;padding:12px 18px 12px 20px;}
.home-v5 .pulsantone-v5 .pulsantone-testo{font-size:clamp(1.25rem,1rem + 1.2vw,1.625rem);}
.home-v5 .apri-sotto-v5{margin-top:10px;}
.home-v5 .via-casinometro{display:inline-block;min-height:44px;line-height:44px;margin-right:8px;font-weight:600;color:var(--cm-inchiostro);text-decoration:underline;text-underline-offset:3px;}
.home-v5 .via-casinometro:hover{color:var(--cm-viola-scuro);}
.home-v5 .via-lavagna{display:inline-block;min-height:44px;line-height:44px;font-weight:600;color:var(--cm-inchiostro);text-decoration:underline;text-underline-offset:3px;}
.home-v5 .strumenti{padding:4px 0 44px;}
.home-v5 .prova,.home-v5 .porte,.home-v5 .piede{content-visibility:auto;contain-intrinsic-size:auto 560px;}

/* pannello email: <dialog> nativo, stesso modulo Brevo della live (src assegnato solo all'apertura) */
.lavagna-dialog{border:0;border-radius:var(--cm-raggio-g,20px);padding:0;width:min(560px,calc(100vw - 32px));
  max-height:min(600px,80dvh);background:var(--cm-scheda,#fff);color:var(--cm-inchiostro,#231A35);
  box-shadow:0 12px 40px rgba(35,26,53,.25);}
.lavagna-dialog::backdrop{background:rgba(35,26,53,.45);}
.lavagna-dialog-in{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:16px 16px 14px;max-height:min(600px,80dvh);overflow:auto;overscroll-behavior:contain;}
.lavagna-dialog-testa{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.lavagna-dialog h2{font-size:clamp(1.25rem,1.1rem + .8vw,1.625rem);line-height:1.15;margin:0;}
.lavagna-chiudi{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--cm-linea);border-radius:12px;background:var(--cm-carta,#F7F4FB);
  color:var(--cm-inchiostro);font:inherit;font-size:1.5rem;line-height:1;cursor:pointer;}
.lavagna-chiudi:hover{background:var(--cm-glicine);}
.lavagna-dialog p{margin:0;max-width:var(--cm-misura,27em);}
.lavagna-attesa{color:var(--cm-muto);font-size:.9375rem;}
.lavagna-modulo{display:block;width:100%;flex:1 1 auto;min-height:240px;height:min(420px,50dvh);border:0;background:var(--cm-scheda,#fff);}
.lavagna-ripiego{font-size:.9375rem;color:var(--cm-muto);}
.lavagna-privacy{font-size:.875rem;color:var(--cm-muto);}
.lavagna-privacy a{color:inherit;text-decoration:underline;text-underline-offset:3px;}
@media (min-width:700px){.lavagna-dialog-in{padding:22px 22px 18px;}}
@media (prefers-reduced-motion:no-preference){
  .lavagna-dialog[open]{animation:v5-apri .18s ease-out;}
  @keyframes v5-apri{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
}

/* da 1000 px casinometro.css mette .promessa e .apri nella riga 1: qui l'H1 sta in riga 1, il paragrafo in riga 2,
   il gesto a destra su due righe (segnalato dai costruttori A e B il 14/10, spostato qui dalla regia) */
@media (min-width:1000px){
  .home-v5 .avvio-in{column-gap:56px;row-gap:16px;}
  .home-v5 .promessa{grid-column:1;grid-row:1;align-self:end;}
  .home-v5 .promessa-testo{grid-column:1;grid-row:2;align-self:start;}
  .home-v5 .apri-v5{grid-column:2;grid-row:1 / span 2;align-self:center;}
}