L'inaugurazione e' di sabato, e la fascia morta fra 700 e 701 px

Due rilievi della revisione, uno dei quali fuori dalla promo.

**`eventi.astro`: "venerdi' 19 settembre 2026"**, ma il 19/09/2026 e' **sabato**
(`calendari.ts:136` lo diceva gia' giusto). E' la meta description della pagina
dell'inaugurazione: e' cio' che si legge nell'anteprima di un link su WhatsApp,
che e' il canale con cui questo cliente parla ai suoi. Una riga, ma pubblica e
falsa.

**`.cards-5` fra 700 e 701 px non era coperta da nessuna regola**: la fascia
intermedia aveva `and (min-width: 701px)`, e a larghezze frazionarie - uno zoom
del browser dà 700,5 px - non valeva ne' quella ne' il blocco <=700, quindi le
cinque card tornavano a sei colonne dentro ~570 px. Tolto il `min-width`: ci
pensa il blocco <=700, che viene dopo e a pari specificita' vince.

Tolta anche la riga ridondante `.cards-5 { 1fr }` nel blocco <=700: `.lp .cards`
copre gia' tutte le griglie a una colonna, ed e' lo stesso meccanismo per cui
`.cards-3` funziona senza una regola sua.

Restano non toccati, perche' verificati corretti: la virgola di "composizione
corporea, e analisi HRV" e' **nella creativa** (a fine riga, nel layout su tre
righe), e le code esplicative delle card 1 e 2 vengono dai testi di agosto
gia' approvati dal cliente, non dalle creative compresse per il formato social.

186 test verdi.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FPKFABRT3y26dFNMquF3CS

src/pages/promo-eventi/eventi.astro

@@ -38,7 +38,7 @@ const pomeriggio: Gruppo[] = [
 ---
 <Base
   title="In-Sanity Hour — 19 settembre 2026"
-  description="L'inaugurazione di InsanityLab: venerdì 19 settembre 2026 a Bologna. Mini class, personal training, check-up e consulenze gratuite, poi dj set e aperitivo per tutti."
+  description="L'inaugurazione di InsanityLab: sabato 19 settembre 2026 a Bologna. Mini class, personal training, check-up e consulenze gratuite, poi dj set e aperitivo per tutti."
 >
   <section class="ev-hero">
     <div class="ev-hero__inner" data-reveal>

src/pages/promo-eventi/promo.astro

@@ -354,8 +354,12 @@ const countdownDeadline = ed ? t(tg('countdown.deadline')) : '';
   .lp .faq-a .hl { color: #8A6E3F; }
 
   /* Sotto i 1000px tre colonne diventano troppo strette per un prezzo e un elenco: le cinque
-     card passano a due per riga (griglia a quattro, span due), con la quinta al centro. */
-  @media (max-width: 1000px) and (min-width: 701px) {
+     card passano a due per riga (griglia a quattro, span due), con la quinta al centro.
+     Nessun `min-width` a chiudere la fascia in basso: a viewport frazionari (uno zoom del
+     browser dà larghezze come 700,5px) fra 700 e 701 non varrebbe nessuna delle due regole e
+     le card tornerebbero a sei colonne. Ci pensa il blocco ≤700px, che viene dopo e a pari
+     specificità vince. */
+  @media (max-width: 1000px) {
     .lp .cards-5 { grid-template-columns: repeat(4, 1fr); }
     .lp .cards-5 .card:nth-child(4) { grid-column: span 2; }
     .lp .cards-5 .card:nth-child(5) { grid-column: 2 / span 2; }
@@ -365,7 +369,6 @@ const countdownDeadline = ed ? t(tg('countdown.deadline')) : '';
     .lp .hero, .lp .launch, .lp .why5, .lp .cards-wrap, .lp .faq-wrap { padding-left: 28px; padding-right: 28px; }
     .lp .cards { grid-template-columns: 1fr; }
     /* A una colonna gli span e le collocazioni delle ultime due card lascerebbero righe vuote. */
-    .lp .cards-5 { grid-template-columns: 1fr; }
     .lp .cards-5 .card,
     .lp .cards-5 .card:nth-child(4),
     .lp .cards-5 .card:nth-child(5) { grid-column: auto; }