Calendario: il 19 e il 20 settembre non sono un buco, sono un evento e una chiusura

Quei due giorni non stanno in nessuna delle due griglie perche' non hanno class: il 19 c'e' la presentazione della nuova apertura, il 20 si sta chiusi. Scritto come avviso con la sua finestra, il vuoto smette di sembrare una trascrizione incompleta e diventa un'informazione. Gli avvisi compaiono in cima al popup e in fondo al PDF - e' il file che gira su WhatsApp, e chi lo riceve non ha la pagina davanti. Spariscono da soli quando sono passati: un avviso scaduto dice che il centro e' chiuso in un giorno gia' trascorso, e chi legge non sa piu' se valga per quest'anno o per il prossimo. Lo spazio riservato in fondo alla pagina cresce con gli avvisi, altrimenti la griglia si allunga fino a spingerli su una seconda pagina. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Calendario: mercoledi 17.30 e 18.15 sono vuote per davvero
2026-08-17 17:07:24 +02:00 · 2026-08-17 16:44:19 +02:00 · 2026-08-17 16:14:02 +02:00 · 2026-08-17 15:58:47 +02:00 · 2026-08-17 15:38:03 +02:00 · 2026-08-17 12:32:57 +02:00
14 changed files with 1425 additions and 86 deletions
@@ -22,6 +22,7 @@
        "bcryptjs": "^3.0.3",
        "better-sqlite3": "^12.11.1",
        "nodemailer": "^9.0.3",
        "pdfkit": "^0.19.1",
        "react": "^19.2.8",
        "react-dom": "^19.2.8",
        "recharts": "^3.10.1",
@@ -32,6 +33,7 @@
        "@types/bcryptjs": "^2.4.6",
        "@types/better-sqlite3": "^7.6.13",
        "@types/nodemailer": "^8.0.1",
        "@types/pdfkit": "^0.17.6",
        "@types/sanitize-html": "^2.16.1",
        "marked": "^18.0.7",
        "typescript": "^6.0.3",
@@ -1964,6 +1966,30 @@
        "@emnapi/runtime": "^1.7.1"
      }
    },
    "node_modules/@noble/ciphers": {
      "version": "1.3.0",
      "resolved": "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.3.0.tgz",
      "integrity": "sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==",
      "license": "MIT",
      "engines": {
        "node": "^14.21.3 || >=16"
      },
      "funding": {
        "url": "https://paulmillr.com/funding/"
      }
    },
    "node_modules/@noble/hashes": {
      "version": "1.8.0",
      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.8.0.tgz",
      "integrity": "sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==",
      "license": "MIT",
      "engines": {
        "node": "^14.21.3 || >=16"
      },
      "funding": {
        "url": "https://paulmillr.com/funding/"
      }
    },
    "node_modules/@oslojs/encoding": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/@oslojs/encoding/-/encoding-1.1.0.tgz",
@@ -2387,6 +2413,15 @@
      "integrity": "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==",
      "license": "MIT"
    },
    "node_modules/@swc/helpers": {
      "version": "0.5.23",
      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.23.tgz",
      "integrity": "sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==",
      "license": "Apache-2.0",
      "dependencies": {
        "tslib": "^2.8.0"
      }
    },
    "node_modules/@tiptap/core": {
      "version": "3.27.1",
      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-3.27.1.tgz",
@@ -2979,6 +3014,16 @@
        "@types/node": "*"
      }
    },
    "node_modules/@types/pdfkit": {
      "version": "0.17.6",
      "resolved": "https://registry.npmjs.org/@types/pdfkit/-/pdfkit-0.17.6.tgz",
      "integrity": "sha512-tIwzxk2uWKp0Cq9JIluQXJid77lYhF52EsIOwhsMF4iWLA6YneoBR1xVKYYdAysHuepUB0OX4tdwMiUDdGKmig==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
        "@types/node": "*"
      }
    },
    "node_modules/@types/react": {
      "version": "19.2.18",
      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.18.tgz",
@@ -3583,6 +3628,24 @@
      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
      "license": "ISC"
    },
    "node_modules/brotli": {
      "version": "1.3.3",
      "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
      "integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==",
      "license": "MIT",
      "dependencies": {
        "base64-js": "^1.1.2"
      }
    },
    "node_modules/browserify-zlib": {
      "version": "0.2.0",
      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
      "license": "MIT",
      "dependencies": {
        "pako": "~1.0.5"
      }
    },
    "node_modules/browserslist": {
      "version": "4.28.7",
      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.7.tgz",
@@ -3751,6 +3814,15 @@
        "node": ">=12"
      }
    },
    "node_modules/clone": {
      "version": "2.1.2",
      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
      "license": "MIT",
      "engines": {
        "node": ">=0.8"
      }
    },
    "node_modules/clsx": {
      "version": "2.1.1",
      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
@@ -4163,6 +4235,12 @@
        "url": "https://github.com/sponsors/wooorm"
      }
    },
    "node_modules/dfa": {
      "version": "1.2.0",
      "resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz",
      "integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==",
      "license": "MIT"
    },
    "node_modules/diff": {
      "version": "8.0.4",
      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.4.tgz",
@@ -4449,7 +4527,6 @@
      "version": "3.1.3",
      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
      "dev": true,
      "license": "MIT"
    },
    "node_modules/fast-string-truncated-width": {
@@ -4534,6 +4611,23 @@
        "fontkitten": "^1.0.2"
      }
    },
    "node_modules/fontkit": {
      "version": "2.0.4",
      "resolved": "https://registry.npmjs.org/fontkit/-/fontkit-2.0.4.tgz",
      "integrity": "sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==",
      "license": "MIT",
      "dependencies": {
        "@swc/helpers": "^0.5.12",
        "brotli": "^1.3.2",
        "clone": "^2.1.2",
        "dfa": "^1.2.0",
        "fast-deep-equal": "^3.1.3",
        "restructure": "^3.0.0",
        "tiny-inflate": "^1.0.3",
        "unicode-properties": "^1.4.0",
        "unicode-trie": "^2.0.0"
      }
    },
    "node_modules/fontkitten": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/fontkitten/-/fontkitten-1.0.3.tgz",
@@ -4889,6 +4983,12 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
    "node_modules/js-md5": {
      "version": "0.8.3",
      "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.8.3.tgz",
      "integrity": "sha512-qR0HB5uP6wCuRMrWPTrkMaev7MJZwJuuw4fnwAzRgP4J4/F8RwtodOKpGp4XpqsLBFzzgqIO42efFAyz2Et6KQ==",
      "license": "MIT"
    },
    "node_modules/js-tokens": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -5222,6 +5322,25 @@
        "url": "https://opencollective.com/parcel"
      }
    },
    "node_modules/linebreak": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/linebreak/-/linebreak-1.1.0.tgz",
      "integrity": "sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==",
      "license": "MIT",
      "dependencies": {
        "base64-js": "0.0.8",
        "unicode-trie": "^2.0.0"
      }
    },
    "node_modules/linebreak/node_modules/base64-js": {
      "version": "0.0.8",
      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-0.0.8.tgz",
      "integrity": "sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==",
      "license": "MIT",
      "engines": {
        "node": ">= 0.4"
      }
    },
    "node_modules/linkifyjs": {
      "version": "4.3.3",
      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.3.3.tgz",
@@ -5692,6 +5811,12 @@
      "integrity": "sha512-xg1eHpwYL/D/HEdWw2goFZP6vV0FH7W+PZ5rFkGjdIDLtxq7EkzBUeT3m+lndYCt8wKbmofUu1MUdMCXkCk9ZQ==",
      "license": "MIT"
    },
    "node_modules/pako": {
      "version": "1.0.11",
      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
      "license": "(MIT AND Zlib)"
    },
    "node_modules/parse-srcset": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/parse-srcset/-/parse-srcset-1.0.2.tgz",
@@ -5712,6 +5837,20 @@
      "dev": true,
      "license": "MIT"
    },
    "node_modules/pdfkit": {
      "version": "0.19.1",
      "resolved": "https://registry.npmjs.org/pdfkit/-/pdfkit-0.19.1.tgz",
      "integrity": "sha512-6Gzk+wDwTs4VSxsR5rCMTnIl5nlmkye1oWB0l2hDB1EX6ZNSIBroKQEv+2+fPPn+stVjyqzmsqRJVDfB9fo5DA==",
      "license": "MIT",
      "dependencies": {
        "@noble/ciphers": "^1.0.0",
        "@noble/hashes": "^1.6.0",
        "fontkit": "^2.0.4",
        "js-md5": "^0.8.3",
        "linebreak": "^1.1.0",
        "png-js": "^1.1.0"
      }
    },
    "node_modules/piccolore": {
      "version": "0.1.3",
      "resolved": "https://registry.npmjs.org/piccolore/-/piccolore-0.1.3.tgz",
@@ -5736,6 +5875,14 @@
        "url": "https://github.com/sponsors/jonschlinkert"
      }
    },
    "node_modules/png-js": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/png-js/-/png-js-1.1.0.tgz",
      "integrity": "sha512-PM/uYGzGdNSzqeOgly68+6wKQDL1SY0a/N+OEa/+br6LnHWOAJB0Npiamnodfq3jd2LS/i2fMeOKSAILjA+m5Q==",
      "dependencies": {
        "browserify-zlib": "^0.2.0"
      }
    },
    "node_modules/postcss": {
      "version": "8.5.16",
      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.16.tgz",
@@ -6216,6 +6363,12 @@
        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
      }
    },
    "node_modules/restructure": {
      "version": "3.0.2",
      "resolved": "https://registry.npmjs.org/restructure/-/restructure-3.0.2.tgz",
      "integrity": "sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==",
      "license": "MIT"
    },
    "node_modules/retext-smartypants": {
      "version": "6.2.0",
      "resolved": "https://registry.npmjs.org/retext-smartypants/-/retext-smartypants-6.2.0.tgz",
@@ -6782,8 +6935,7 @@
      "version": "2.8.1",
      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD",
+      "license": "0BSD"
      "optional": true
    },
    "node_modules/tunnel-agent": {
      "version": "0.6.0",
@@ -6853,6 +7005,32 @@
      "devOptional": true,
      "license": "MIT"
    },
    "node_modules/unicode-properties": {
      "version": "1.4.1",
      "resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
      "integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==",
      "license": "MIT",
      "dependencies": {
        "base64-js": "^1.3.0",
        "unicode-trie": "^2.0.0"
      }
    },
    "node_modules/unicode-trie": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz",
      "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==",
      "license": "MIT",
      "dependencies": {
        "pako": "^0.2.5",
        "tiny-inflate": "^1.0.0"
      }
    },
    "node_modules/unicode-trie/node_modules/pako": {
      "version": "0.2.9",
      "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
      "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==",
      "license": "MIT"
    },
    "node_modules/unified": {
      "version": "11.0.5",
      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
@@ -28,6 +28,7 @@
    "bcryptjs": "^3.0.3",
    "better-sqlite3": "^12.11.1",
    "nodemailer": "^9.0.3",
    "pdfkit": "^0.19.1",
    "react": "^19.2.8",
    "react-dom": "^19.2.8",
    "recharts": "^3.10.1",
@@ -38,6 +39,7 @@
    "@types/bcryptjs": "^2.4.6",
    "@types/better-sqlite3": "^7.6.13",
    "@types/nodemailer": "^8.0.1",
    "@types/pdfkit": "^0.17.6",
    "@types/sanitize-html": "^2.16.1",
    "marked": "^18.0.7",
    "typescript": "^6.0.3",
@@ -0,0 +1,223 @@
 ---
 // Popup a pieno schermo con la griglia delle class in Sala Piccola.
 //
 // Il calendario è ricostruito dal dato (`data/calendari.ts`) e non è l'immagine ricevuta dal
 // cliente: si legge da telefono, si stampa, e per correggere una cella non serve rifare uno
 // screenshot. Quale griglia compare lo decide la data — quella in vigore, o la prossima
 // dichiarando da quando entra.
 //
 // Si apre da qualunque elemento con `data-apri-calendario` nella stessa pagina.
 import { calendarioDaMostrare, avvisiAttivi, GIORNI, DISCIPLINE, type Giorno } from '../data/calendari';
 import { t } from '../lib/content';
 const adesso = new Date();
 const scelta = calendarioDaMostrare(adesso);
 // Giornate fuori griglia (eventi, chiusure): spariscono da sole quando sono passate.
 const avvisi = avvisiAttivi(adesso);
 const cal = scelta?.cal ?? null;
 const dal = cal ? new Date(cal.from).toLocaleDateString('it-IT', {
  day: 'numeric', month: 'long', year: 'numeric', timeZone: 'Europe/Rome',
 }) : '';
 // Discipline davvero presenti in questa griglia: una legenda che elenca anche ciò che non c'è
 // fa cercare lezioni che non esistono.
 const presenti = cal
  ? DISCIPLINE.filter((d) => cal.righe.some((r) => Object.values(r.celle).includes(d)))
  : [];
 ---
 {cal && (
  <dialog class="cal-dlg" aria-label={`${cal.sala} — ${cal.titolo}`}>
    <div class="cal-dlg__box">
      <header class="cal-dlg__top">
        <div>
          <p class="cal-dlg__sala">{cal.sala}</p>
          <h2 class="cal-dlg__titolo">{cal.titolo}</h2>
          {scelta!.futuro && (
            <p class="cal-dlg__futuro">{t('calendario.futuro-label')} {dal}</p>
          )}
        </div>
        <div class="cal-dlg__azioni">
          <a class="cal-dlg__btn" href={`/calendario/${cal.id}.pdf`} download>{t('calendario.pdf-label')}</a>
          <button type="button" class="cal-dlg__chiudi" data-chiudi-calendario aria-label={t('calendario.chiudi-label')}>×</button>
        </div>
      </header>
      {avvisi.length > 0 && (
        <ul class="cal-avvisi">
          {avvisi.map((a) => (
            <li><strong>{a.quando}</strong> — {a.testo}</li>
          ))}
        </ul>
      )}
      <div class="cal-dlg__scroll">
        <table class="cal-tab">
          <thead>
            <tr>
              <th scope="col" class="cal-tab__ora-h">{cal.sala}</th>
              {GIORNI.map((g) => (
                <th scope="col" class:list={['cal-tab__gg', cal.chiusi.includes(g) && 'is-chiuso']}>
                  {g}
                  {cal.noteGiorno?.[g] && <span class="cal-tab__nota">{cal.noteGiorno[g]}</span>}
                </th>
              ))}
            </tr>
          </thead>
          <tbody>
            {cal.righe.map((r) => (
              <tr class:list={[r.clou && 'is-clou']}>
                <th scope="row" class="cal-tab__ora">{r.ora}</th>
                {GIORNI.map((g: Giorno) => {
                  const chiuso = cal.chiusi.includes(g);
                  const lezione = r.celle[g];
                  return (
                    <td class:list={['cal-tab__cella', chiuso && 'is-chiuso', lezione && `is-${lezione.toLowerCase()}`]}>
                      {chiuso ? <span class="cal-tab__chiuso-txt">{t('calendario.chiuso-label')}</span> : lezione ?? ''}
                    </td>
                  );
                })}
              </tr>
            ))}
          </tbody>
        </table>
      </div>
      <footer class="cal-dlg__giu">
        <ul class="cal-legenda">
          {presenti.map((d) => (
            <li class={`is-${d.toLowerCase()}`}>{d}</li>
          ))}
        </ul>
        <p class="cal-dlg__nota">{t('calendario.nota')}</p>
      </footer>
    </div>
  </dialog>
 )}
 <script>
  // Apertura/chiusura del popup. Nessuna libreria: <dialog> nativo dà da solo il fondale, il
  // focus trap e la chiusura con Esc.
  const dlg = document.querySelector<HTMLDialogElement>('.cal-dlg');
  if (dlg) {
    document.querySelectorAll<HTMLElement>('[data-apri-calendario]').forEach((el) => {
      el.addEventListener('click', (e) => { e.preventDefault(); dlg.showModal(); });
    });
    dlg.querySelector('[data-chiudi-calendario]')?.addEventListener('click', () => dlg.close());
    // Click sul fondale: il target è il dialog stesso solo quando si preme fuori dal riquadro.
    dlg.addEventListener('click', (e) => { if (e.target === dlg) dlg.close(); });
    // "Scarica in PDF" è un link a `/calendario/<id>.pdf`, cioè un file vero generato dal
    // server: si salva sul telefono e si gira su WhatsApp. Il CSS di stampa più sotto resta
    // per chi preme Ctrl+P col popup aperto.
  }
 </script>
 <style is:global>
  .cal-dlg {
    width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 0;
    border: 0; background: transparent; color: var(--c-text);
  }
  .cal-dlg::backdrop { background: rgba(43,43,43,.75); }
  .cal-dlg__box {
    display: flex; flex-direction: column; height: 100%; background: var(--c-bg);
    padding: 28px clamp(16px, 4vw, 48px) 24px;
  }
  .cal-dlg__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
  .cal-dlg__sala {
    margin: 0; font-family: var(--font-heading); font-size: .72rem; font-weight: 600;
    letter-spacing: .25em; text-transform: uppercase; color: var(--c-accent-dark);
  }
  .cal-dlg__titolo { margin: 6px 0 0; font-size: 1.5rem; }
  .cal-dlg__futuro {
    margin: 6px 0 0; font-family: var(--font-heading); font-size: .72rem; letter-spacing: .12em;
    text-transform: uppercase; color: var(--c-text-light);
  }
  .cal-dlg__azioni { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
  .cal-dlg__btn {
    display: inline-block; font-family: var(--font-heading); font-size: .68rem; font-weight: 600;
    letter-spacing: .2em; text-transform: uppercase; text-decoration: none; border: 0;
    cursor: pointer; padding: 13px 22px; background: var(--c-accent); color: #fff;
    transition: background .2s;
  }
  .cal-dlg__btn:hover { background: var(--c-accent-dark); }
  .cal-dlg__chiudi {
    width: 42px; height: 42px; border: 1px solid #ddd; background: #fff; cursor: pointer;
    font-size: 1.4rem; line-height: 1; color: var(--c-heading);
  }
  .cal-dlg__chiudi:hover { border-color: var(--c-accent); color: var(--c-accent-dark); }
  /* Giornate fuori griglia: stanno sopra la tabella perché sono l'eccezione a ciò che la
     tabella dice, e sotto passerebbero per una postilla. */
  .cal-avvisi {
    list-style: none; margin: 18px 0 0; padding: 12px 16px; background: var(--c-bg-alt);
    border-left: 3px solid var(--c-accent); display: flex; flex-direction: column; gap: 4px;
  }
  .cal-avvisi li { font-size: .84rem; color: var(--c-text); }
  .cal-avvisi strong { color: var(--c-heading); }
  /* La griglia ha otto colonne: su telefono scorre in orizzontale invece di comprimersi
     fino a diventare illeggibile, e la colonna delle ore resta ferma. */
  .cal-dlg__scroll { flex: 1; overflow: auto; margin: 22px 0 0; }
  .cal-tab { border-collapse: collapse; width: 100%; min-width: 720px; }
  .cal-tab th, .cal-tab td { border: 1px solid #e4e0d9; padding: 9px 10px; text-align: left; }
  .cal-tab thead th {
    position: sticky; top: 0; z-index: 2; background: var(--c-bg-alt);
    font-family: var(--font-heading); font-size: .7rem; font-weight: 600; letter-spacing: .16em;
    text-transform: uppercase; color: var(--c-heading);
  }
  .cal-tab__nota {
    display: block; font-size: .62rem; letter-spacing: .06em; text-transform: none;
    color: var(--c-text-light); font-weight: 400;
  }
  .cal-tab__ora-h { color: var(--c-accent-dark) !important; }
  .cal-tab__ora {
    position: sticky; left: 0; z-index: 1; background: var(--c-bg);
    font-family: var(--font-heading); font-size: .78rem; font-weight: 600; color: var(--c-heading);
    white-space: nowrap;
  }
  .cal-tab tr.is-clou .cal-tab__ora { background: #f7f2e6; }
  .cal-tab__cella { font-family: var(--font-heading); font-size: .7rem; letter-spacing: .1em; color: var(--c-heading); }
  /* Ogni disciplina ha un fondo tenue e una barra a sinistra: la barra si vede anche quando il
     browser stampa senza sfondi. */
  .cal-tab__cella.is-reformer { background: #ece5d7; box-shadow: inset 3px 0 0 var(--c-accent-dark); }
  .cal-tab__cella.is-pilates { background: #f6efe0; box-shadow: inset 3px 0 0 #cbb98f; }
  .cal-tab__cella.is-yoga { background: #e3eadf; box-shadow: inset 3px 0 0 #8ba57f; }
  .cal-tab__cella.is-mobility { background: #f0e3e3; box-shadow: inset 3px 0 0 #b78e8e; }
  .cal-tab__cella.is-chiuso { background: repeating-linear-gradient(135deg, #f5f3f0, #f5f3f0 6px, #ece8e2 6px, #ece8e2 12px); }
  .cal-tab__chiuso-txt { font-size: .62rem; letter-spacing: .12em; color: var(--c-text-light); }
  .cal-tab thead th.is-chiuso { color: var(--c-text-light); }
  .cal-dlg__giu { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; padding-top: 16px; }
  .cal-legenda { display: flex; flex-wrap: wrap; gap: 8px 16px; list-style: none; margin: 0; padding: 0; }
  .cal-legenda li {
    font-family: var(--font-heading); font-size: .66rem; letter-spacing: .12em; padding: 5px 10px;
    color: var(--c-heading);
  }
  .cal-legenda li.is-reformer { background: #ece5d7; box-shadow: inset 3px 0 0 var(--c-accent-dark); }
  .cal-legenda li.is-pilates { background: #f6efe0; box-shadow: inset 3px 0 0 #cbb98f; }
  .cal-legenda li.is-yoga { background: #e3eadf; box-shadow: inset 3px 0 0 #8ba57f; }
  .cal-legenda li.is-mobility { background: #f0e3e3; box-shadow: inset 3px 0 0 #b78e8e; }
  .cal-dlg__nota { margin: 0; font-size: .8rem; color: var(--c-text-light); }
  /* Stampa (ossia "Salva come PDF"): resta solo la griglia, in orizzontale e a piena pagina.
     `visibility` invece di `display` perché il dialog è annidato nel corpo della pagina e
     nascondere gli antenati nasconderebbe anche lui. */
  @media print {
    @page { size: A4 landscape; margin: 10mm; }
    body { visibility: hidden; }
    .cal-dlg, .cal-dlg * { visibility: visible; }
    .cal-dlg { position: absolute; inset: 0; height: auto; }
    .cal-dlg::backdrop { background: transparent; }
    .cal-dlg__box { padding: 0; height: auto; }
    .cal-dlg__azioni { display: none; }
    .cal-dlg__scroll { overflow: visible; }
    .cal-tab { min-width: 0; }
    .cal-tab thead th, .cal-tab__ora { position: static; }
    .cal-tab th, .cal-tab td { padding: 5px 6px; }
    .cal-tab__cella { font-size: .62rem; }
  }
  @media (max-width: 600px) {
    .cal-dlg__box { padding: 20px 14px 18px; }
    .cal-dlg__titolo { font-size: 1.2rem; }
    .cal-dlg__btn { padding: 11px 16px; letter-spacing: .12em; }
  }
 </style>
@@ -0,0 +1,168 @@
 // Calendari delle class in Sala Piccola.
 //
 // Trascritti dai due fogli forniti dal cliente il 10/08/2026 (immagini su Wasabi, cartella
 // del progetto). Sono dato e non immagini di proposito: così la griglia si legge da telefono,
 // si stampa in PDF e si corregge una cella senza rifare uno screenshot.
 //
 // Ogni calendario porta la sua finestra di validità: la pagina mostra quello in vigore, e
 // quando nessuno lo è ancora mostra il prossimo dichiarando da quando entra. Il passaggio da
 // un orario all'altro avviene da solo, senza deploy — stesso principio delle edizioni della
 // pagina promo (`data/promo-edizioni.ts`).
 export const GIORNI = ['LUN', 'MAR', 'MER', 'GIO', 'VEN', 'SAB', 'DOM'] as const;
 export type Giorno = (typeof GIORNI)[number];
 /** Le discipline della sala: il colore di ognuna è definito nel componente del calendario. */
 export const DISCIPLINE = ['REFORMER', 'PILATES', 'YOGA', 'MOBILITY'] as const;
 export type Disciplina = (typeof DISCIPLINE)[number];
 export interface RigaCalendario {
  ora: string;
  /** Fascia messa in risalto nel foglio del cliente (le righe gialle). */
  clou?: boolean;
  celle: Partial<Record<Giorno, Disciplina>>;
 }
 export interface Calendario {
  id: string;
  /** Come lo chiama il cliente: è anche l'etichetta mostrata in pagina. */
  titolo: string;
  sala: string;
  /** Validità, ISO con offset esplicito (il server gira in UTC). `to: null` = a tempo indeterminato. */
  from: string;
  to: string | null;
  /** Giorni in cui la sala è chiusa: colonna barrata, non vuota — vuoto e chiuso non sono lo stesso. */
  chiusi: Giorno[];
  /** Precisazione su una colonna, es. il sabato aperto una volta sola. */
  noteGiorno?: Partial<Record<Giorno, string>>;
  righe: RigaCalendario[];
 }
 export const calendari: Calendario[] = [
  {
    id: 'settembre-1-18',
    titolo: "Dall'1 al 18 settembre",
    sala: 'Sala piccola',
    from: '2026-09-01T00:00:00+02:00',
    to: '2026-09-18T23:59:59+02:00',
    chiusi: ['DOM'],
    noteGiorno: { SAB: 'solo il 12 settembre' },
    righe: [
      { ora: '6.15', celle: {} },
      { ora: '7.00', clou: true, celle: { MAR: 'YOGA' } },
      { ora: '7.45', clou: true, celle: { MAR: 'PILATES', MER: 'REFORMER' } },
      { ora: '8.30', celle: { MER: 'REFORMER', VEN: 'MOBILITY' } },
      { ora: '9.15', celle: { VEN: 'REFORMER', SAB: 'MOBILITY' } },
      { ora: '10.00', celle: { VEN: 'REFORMER', SAB: 'PILATES' } },
      { ora: '10.45', celle: { SAB: 'REFORMER' } },
      { ora: '11.30', celle: { SAB: 'REFORMER' } },
      { ora: '12.15', clou: true, celle: { MAR: 'REFORMER', MER: 'REFORMER', GIO: 'REFORMER' } },
      { ora: '13.00', clou: true, celle: { MAR: 'REFORMER', MER: 'PILATES', GIO: 'REFORMER' } },
      { ora: '13.45', celle: {} },
      { ora: '14.30', celle: { MAR: 'REFORMER' } },
      { ora: '15.15', celle: { MAR: 'MOBILITY' } },
      { ora: '16.00', celle: {} },
      { ora: '16.45', celle: { MAR: 'REFORMER' } },
      { ora: '17.30', clou: true, celle: { MAR: 'REFORMER', GIO: 'REFORMER' } },
      { ora: '18.15', clou: true, celle: { MAR: 'REFORMER', GIO: 'REFORMER' } },
      { ora: '19.00', clou: true, celle: { MAR: 'REFORMER', GIO: 'REFORMER' } },
      { ora: '19.45', clou: true, celle: { MAR: 'REFORMER', GIO: 'PILATES' } },
    ],
  },
  {
    id: 'settembre-21-in-poi',
    titolo: 'Dal 21 settembre in poi',
    sala: 'Sala piccola',
    from: '2026-09-21T00:00:00+02:00',
    to: null,
    chiusi: ['DOM'],
    righe: [
      { ora: '6.15', celle: { MER: 'MOBILITY' } },
      { ora: '7.00', clou: true, celle: { MAR: 'YOGA', MER: 'REFORMER' } },
      { ora: '7.45', clou: true, celle: { MAR: 'PILATES', MER: 'REFORMER', VEN: 'PILATES' } },
      { ora: '8.30', celle: { MAR: 'REFORMER', MER: 'REFORMER', VEN: 'MOBILITY' } },
      { ora: '9.15', celle: { VEN: 'REFORMER', SAB: 'MOBILITY' } },
      { ora: '10.00', celle: { VEN: 'REFORMER', SAB: 'PILATES' } },
      { ora: '10.45', celle: { SAB: 'REFORMER' } },
      { ora: '11.30', celle: { GIO: 'YOGA', SAB: 'REFORMER' } },
      { ora: '12.15', clou: true, celle: { MAR: 'REFORMER', MER: 'REFORMER', GIO: 'REFORMER' } },
      { ora: '13.00', clou: true, celle: { MAR: 'REFORMER', MER: 'PILATES', GIO: 'REFORMER' } },
      { ora: '13.45', celle: {} },
      { ora: '14.30', celle: { MAR: 'REFORMER' } },
      { ora: '15.15', celle: { MAR: 'MOBILITY' } },
      { ora: '16.00', celle: {} },
      { ora: '16.45', celle: { MAR: 'REFORMER' } },
      // Mercoledì 17.30 e 18.15 sono vuote: nel foglio ricevuto le due celle erano coperte
      // dal riquadro "Opzioni Incolla" di Excel, e il 17/08/2026 Adriano ha confermato che
      // lì non c'è niente. Il vuoto qui è una risposta, non una lettura mancata.
      { ora: '17.30', clou: true, celle: { LUN: 'PILATES', MAR: 'REFORMER', GIO: 'REFORMER' } },
      { ora: '18.15', clou: true, celle: { LUN: 'REFORMER', MAR: 'REFORMER', GIO: 'REFORMER' } },
      { ora: '19.00', clou: true, celle: { LUN: 'REFORMER', MAR: 'REFORMER', GIO: 'REFORMER' } },
      { ora: '19.45', clou: true, celle: { LUN: 'REFORMER', MAR: 'REFORMER', GIO: 'PILATES' } },
    ],
  },
 ];
 /**
 * Giornate che non stanno in nessuna griglia: eventi e chiusure.
 *
 * Il 19 e il 20 settembre non compaiono in nessuno dei due fogli, e la ragione non è una
 * dimenticanza — il sabato c'è la presentazione della nuova apertura e la domenica si sta
 * chiusi (detto da Adriano il 17/08/2026). Scritto qui, quel vuoto smette di sembrare un
 * errore di trascrizione e diventa un'informazione per chi legge gli orari.
 */
 export interface AvvisoCalendario {
  id: string;
  /** `null` = visibile da subito. */
  from: string | null;
  /** Ultimo istante in cui ha senso mostrarlo: dopo, sparisce da solo. */
  to: string;
  quando: string;
  testo: string;
 }
 export const avvisi: AvvisoCalendario[] = [
  {
    id: 'presentazione-19-settembre',
    from: null,
    to: '2026-09-19T23:59:59+02:00',
    quando: 'Sabato 19 settembre',
    testo: 'Presentazione della nuova apertura: nessuna class in programma.',
  },
  {
    id: 'chiusura-20-settembre',
    from: null,
    to: '2026-09-20T23:59:59+02:00',
    quando: 'Domenica 20 settembre',
    testo: 'Chiuso.',
  },
 ];
 /** Gli avvisi ancora validi, in ordine di scadenza: i più imminenti per primi. */
 export function avvisiAttivi(now: Date, list: AvvisoCalendario[] = avvisi): AvvisoCalendario[] {
  const t = now.getTime();
  return list
    .filter((a) => (a.from === null || t >= Date.parse(a.from)) && t <= Date.parse(a.to))
    .sort((x, y) => Date.parse(x.to) - Date.parse(y.to));
 }
 /** Servizi dalla cui pagina si apre il calendario della sala. */
 export const SERVIZI_CON_CALENDARIO = ['performance-class', 'holistic-class'];
 /**
 * Il calendario da mostrare: quello in vigore adesso, oppure — se nessuno lo è ancora — il
 * primo che entrerà in vigore, segnalato come futuro. `null` solo se non ce n'è nessuno da
 * mostrare, e in quel caso la voce non compare in pagina.
 *
 * Serve il ripiego sul futuro perché il link esiste **prima** che il primo orario cominci: un
 * "nessun calendario disponibile" ad agosto non direbbe niente a chi vuole sapere gli orari
 * di settembre.
 */
 export function calendarioDaMostrare(now: Date, list: Calendario[] = calendari):
  { cal: Calendario; futuro: boolean } | null {
  const t = now.getTime();
  const attivo = list.find((c) => t >= Date.parse(c.from) && (c.to === null || t <= Date.parse(c.to)));
  if (attivo) return { cal: attivo, futuro: false };
  const prossimi = list.filter((c) => Date.parse(c.from) > t).sort((a, b) => Date.parse(a.from) - Date.parse(b.from));
  return prossimi.length ? { cal: prossimi[0], futuro: true } : null;
 }
@@ -386,6 +386,92 @@ export const contentSeed: SeedEntry[] = [
  T('promo.faq.6.q', 'Posso chiedere un rimborso?'),
  H('promo.faq.6.a', 'Per richieste di rimborso o problemi con l\'acquisto scrivici su <span class="hl">WhatsApp</span> o via email. Valutiamo ogni situazione in modo diretto e umano.'),
  // --- Calendario delle class (popup dalle pagine servizio) ---
  // La griglia è dato (`data/calendari.ts`); qui ci sono solo le etichette attorno.
  T('calendario.link-label', 'Calendario', []),
  T('calendario.pdf-label', 'Scarica in PDF', []),
  T('calendario.chiudi-label', 'Chiudi', []),
  T('calendario.futuro-label', 'In vigore dal', []),
  T('calendario.chiuso-label', 'Chiuso', []),
  T('calendario.nota', 'Gli orari possono subire variazioni. Le lezioni si prenotano dall\'app Bsport.'),
  // --- Pagina promo, stato "nessuna promozione in corso" ---
  // Fra un'edizione e la successiva la pagina resta raggiungibile (è nel menu e nei link già
  // girati ai clienti): mostra questo invece dei prezzi di una promozione finita.
  T('promo.chiusa.title', 'Nessuna promozione in corso'),
  H('promo.chiusa.desc', 'Le offerte di apertura sono terminate.<br>Scrivici su WhatsApp: ti raccontiamo i percorsi attivi e troviamo quello giusto per te.'),
  T('promo.chiusa.cta', 'Scrivici su WhatsApp', []),
  // --- Opening Bundles (edizione `bundle-apertura`, dal 20 agosto al 4 settembre 2026) ---
  // Testi dal volantino fornito dal cliente il 13/08. La struttura delle card (domanda,
  // descrizione, riquadro date) è dichiarata in `data/promo-edizioni.ts`.
  T('bundle.hero.badge', 'New Opening · Offerta esclusiva'),
  T('bundle.hero.title1', 'Opening Bundles.'),
  T('bundle.hero.accent', 'Non è uno sconto.'),
  T('bundle.hero.title2', 'È un accesso privilegiato.'),
  H('bundle.hero.desc', 'Tre percorsi costruiti su misura, disponibili solo per la nuova apertura.<br>Acquistabili fino al 4 settembre, utilizzabili dal 1° settembre al 1° dicembre.'),
  T('bundle.hero.cta', 'Scopri i tre percorsi', []),
  T('bundle.buy-label', 'Acquista', []),
  T('bundle.card.1.eyebrow', 'Personal Training', []),
  T('bundle.card.1.title', 'Intensive'),
  T('bundle.card.1.question', 'Ti alleni ma non vedi risultati?'),
  T('bundle.card.1.price', '450 €', []),
  T('bundle.card.1.price-old', '770 €', []),
  T('bundle.card.1.feature.1', 'Profilazione Avanzata'),
  T('bundle.card.1.feature.2', '8 sessioni PT 1:1'),
  T('bundle.card.1.feature.3', '4 Community Class'),
  T('bundle.card.1.desc', 'Un check-up avanzato per conoscere davvero il tuo corpo — poi 2 sessioni di Personal Training e una Community Class a settimana. Un mese per capire di cosa sei capace.'),
  T('bundle.card.1.note-label', 'Periodo di utilizzo', []),
  H('bundle.card.1.note', 'Acquistabile fino al <strong>4 settembre</strong>.<br>Utilizzabile dal 1° settembre al 1° dicembre.'),
  T('bundle.card.2.eyebrow', 'Pilates & Holistic', []),
  T('bundle.card.2.title', 'Restore'),
  T('bundle.card.2.question', 'Hai dolori, rigidità o ti senti bloccato?'),
  T('bundle.card.2.price', '170 €', []),
  T('bundle.card.2.price-old', '220 €', []),
  T('bundle.card.2.feature.1', '4 Pilates Reformer'),
  T('bundle.card.2.feature.2', '4 Holistic Class'),
  T('bundle.card.2.desc', 'Se hai dolori, rigidità, o semplicemente vuoi prenderti cura di te con dolcezza. Reformer e Holistic Class lavorano insieme per rimettere il corpo in equilibrio — mobilità, core, respiro. Senza forzare, senza improvvisare.'),
  T('bundle.card.2.note-label', 'Periodo di utilizzo', []),
  H('bundle.card.2.note', 'Acquistabile fino al <strong>4 settembre</strong>.<br>Utilizzabile dal 1° settembre al 1° dicembre.'),
  T('bundle.card.3.eyebrow', 'Training & Wellness', []),
  T('bundle.card.3.title', 'Recharge'),
  T('bundle.card.3.question', 'Sei stanco e svuotato anche dopo una notte di sonno?'),
  T('bundle.card.3.price', '250 €', []),
  T('bundle.card.3.price-old', '310 €', []),
  T('bundle.card.3.feature.1', 'Analisi HRV'),
  T('bundle.card.3.feature.2', '4 Pilates Reformer'),
  T('bundle.card.3.feature.3', '3 Training Group'),
  T('bundle.card.3.desc', 'Stanco, svuotato, fuori ritmo. Attraverso l\'analisi HRV misuriamo il tuo livello di stress e il tuo stato energetico reale — poi Reformer e Training Group per farti ripartire davvero.'),
  T('bundle.card.3.note-label', 'Periodo di utilizzo', []),
  H('bundle.card.3.note', 'Acquistabile fino al <strong>4 settembre</strong>.<br>Utilizzabile dal 1° settembre al 1° dicembre.'),
  // La deadline è la stessa fine dell'edizione in `promo-edizioni.ts`: un test lo verifica,
  // perché un countdown che scade a un'ora diversa dallo scambio fa contraddire il sito.
  T('bundle.countdown.label', 'I bundle scadono tra', []),
  T('bundle.countdown.deadline', '2026-09-04T23:59:59+02:00', []),
  T('bundle.countdown.unit.days', 'giorni', []),
  T('bundle.countdown.unit.hours', 'ore', []),
  T('bundle.countdown.unit.minutes', 'minuti', []),
  T('bundle.countdown.unit.seconds', 'secondi', []),
  T('bundle.validity-note', 'Acquistabili fino al 4 settembre 2026 · Utilizzabili dal 1° settembre al 1° dicembre 2026'),
  T('bundle.faq.title', 'Tutto quello che vuoi sapere prima di acquistare.'),
  T('bundle.faq.0.q', 'Come faccio ad acquistare un bundle?'),
  H('bundle.faq.0.a', 'Clicca sul bundle che desideri e compila tutti i campi richiesti per completare la registrazione.<br><br>Una volta terminata l\'iscrizione, riceverai un\'email con le istruzioni per scaricare la nostra app <span class="hl">Bsport</span>. Dopo aver effettuato l\'accesso, entra nella sezione <span class="hl">Club</span>: qui troverai tutti i pacchetti disponibili. Seleziona il bundle che preferisci e completa l\'acquisto direttamente dall\'app effettuando il pagamento.<br><br>Se hai bisogno di aiuto scrivi su <span class="hl">WhatsApp ({{whatsapp}})</span> e sarai presto ricontattato!'),
  T('bundle.faq.1.q', 'Entro quando posso acquistarlo, e entro quando devo usarlo?'),
  H('bundle.faq.1.a', 'I bundle si acquistano <span class="hl">fino al 4 settembre 2026</span> e si utilizzano <span class="hl">dal 1° settembre al 1° dicembre 2026</span>. Dopo l\'acquisto scrivici su <span class="hl">WhatsApp ({{whatsapp}})</span> per fissare il primo incontro: verrai ricontattato subito tramite messaggio o chiamata.'),
  T('bundle.faq.2.q', 'Posso scambiare gli incontri fra un bundle e l\'altro?'),
  H('bundle.faq.2.a', 'No: ogni bundle è un percorso costruito su un obiettivo preciso, e le attività che contiene lavorano insieme. Se ti interessano servizi di bundle diversi puoi acquistarne più di uno, oppure scrivici su <span class="hl">WhatsApp ({{whatsapp}})</span> e ti aiutiamo a scegliere.'),
  T('bundle.faq.3.q', 'Posso regalare un bundle a qualcun altro?'),
  H('bundle.faq.3.a', 'Sì. Puoi acquistare il bundle a tuo nome — per la fatturazione — e farlo utilizzare a un\'altra persona. Ti basterà comunicarci chi userà gli incontri quando ci scriverai su <span class="hl">WhatsApp ({{whatsapp}})</span> per organizzare le sessioni.'),
  T('bundle.faq.4.q', 'Il pagamento è sicuro?'),
  H('bundle.faq.4.a', 'Sì. Il pagamento avviene tramite <span class="hl">Stripe</span>, una delle piattaforme di pagamento online più sicure al mondo. I tuoi dati bancari non vengono mai condivisi con insanity.lab — tutto è gestito in modo cifrato da Stripe.'),
 ];
 export const seedByTag = new Map(contentSeed.map((e) => [e.tag, e]));
@@ -0,0 +1,94 @@
 // Edizioni della pagina "Promo ed eventi".
 //
 // Una promozione ha una fine, e la pagina che la mostra deve saperla: qui sta scritto quale
 // set di contenuti è in vetrina e in quale finestra di tempo. La pagina non decide niente,
 // legge l'edizione attiva nell'istante della richiesta — così il passaggio da una promozione
 // alla successiva avviene da solo, alla mezzanotte giusta, senza deploy e senza che qualcuno
 // debba ricordarsene.
 //
 // I testi restano nei tag (`<prefix>.*`, modificabili senza deploy). Qui c'è solo la
 // struttura: quante card, quali campi ha ciascuna, quali FAQ. Aggiungere un'edizione =
 // una voce in questo elenco + i suoi tag nel seed; i test in `tests/promo-edizioni.test.ts`
 // verificano che non manchi niente e che le finestre non si sovrappongano né lascino buchi.
 export interface CardSpec {
  /** Numero della card: forma i tag `<prefix>.card.<id>.*`. */
  id: number;
  /** Quante voci ha l'elenco puntato (`feature.1` … `feature.N`). */
  features: number;
  /** Card in evidenza: cornice diversa e badge `card.<id>.badge`. */
  featured?: boolean;
  /** Riga sotto il prezzo, es. "5 incontri". */
  unit?: boolean;
  /** Domanda in testa alla card, es. "Ti alleni ma non vedi risultati?". */
  question?: boolean;
  /** Paragrafo descrittivo sotto l'elenco. */
  desc?: boolean;
  /** Riquadro in fondo col periodo di acquisto e di utilizzo. */
  note?: boolean;
 }
 export interface Edizione {
  id: string;
  /** Prefisso dei tag di contenuto di questa edizione. */
  prefix: string;
  /** Inizio e fine validità, ISO **con offset esplicito**: il server gira in UTC e senza
   *  offset lo scambio avverrebbe due ore prima di quanto scritto sul sito. */
  from: string;
  to: string;
  cards: CardSpec[];
  /** Numeri delle FAQ, nell'ordine di comparsa. */
  faq: number[];
  /** Sezioni "launch" e "why5" fra l'hero e le card. */
  launch?: boolean;
 }
 export const edizioni: Edizione[] = [
  {
    // Promo di lancio: 4 pacchetti da 5 incontri, online dal 1° agosto.
    id: 'agosto-2026',
    prefix: 'promo',
    from: '2026-08-01T00:00:00+02:00',
    to: '2026-08-19T23:59:59+02:00',
    launch: true,
    cards: [
      { id: 1, features: 4, unit: true },
      { id: 2, features: 4, unit: true, featured: true },
      { id: 3, features: 3, unit: true },
      { id: 4, features: 3, unit: true },
    ],
    faq: [0, 1, 2, 3, 4, 5, 6],
  },
  {
    // Opening Bundles: subentra alla promo agosto il giorno dopo la sua scadenza, si
    // acquistano fino al 4 settembre e si usano dal 1° settembre al 1° dicembre.
    id: 'bundle-apertura',
    prefix: 'bundle',
    from: '2026-08-20T00:00:00+02:00',
    to: '2026-09-04T23:59:59+02:00',
    cards: [
      { id: 1, features: 3, question: true, desc: true, note: true },
      { id: 2, features: 2, question: true, desc: true, note: true },
      // Nessuna card "in evidenza": sono tre percorsi per esigenze diverse, non tre livelli
      // dello stesso prodotto, e un "più scelto" su un'offerta appena nata sarebbe inventato.
      { id: 3, features: 3, question: true, desc: true, note: true },
    ],
    faq: [0, 1, 2, 3, 4],
  },
 ];
 /** Tag di contenuto di un'edizione: `tagEdizione(e, 'card.1.price')` → `bundle.card.1.price`. */
 export const tagEdizione = (e: Edizione, suffisso: string): string => `${e.prefix}.${suffisso}`;
 /**
 * L'edizione valida in un istante, o `null` se non ce n'è nessuna (e allora la pagina mostra
 * lo stato "nessuna promozione in corso" invece di prezzi scaduti).
 *
 * Il confronto è fra istanti assoluti: `Date.parse` interpreta l'offset scritto nel dato, e
 * `now` arriva dall'orologio del server. Nessuna delle due parti dipende dal fuso della
 * macchina, che in produzione è UTC e in sviluppo no.
 */
 export function edizioneAttiva(now: Date, list: Edizione[] = edizioni): Edizione | null {
  const t = now.getTime();
  return list.find((e) => t >= Date.parse(e.from) && t <= Date.parse(e.to)) ?? null;
 }
@@ -0,0 +1,171 @@
 import PDFDocument from 'pdfkit';
 import { GIORNI, type AvvisoCalendario, type Calendario, type Disciplina, type Giorno } from '../data/calendari';
 // PDF del calendario, disegnato dal dato con PDFKit.
 //
 // Non è la stampa del browser: è un file vero, che si scarica da un link e si può girare su
 // WhatsApp. Serve un documento, non uno screenshot della pagina — chi lo riceve non ha il
 // sito aperto davanti.
 //
 // Niente browser headless di mezzo: Chromium in un container da 2 vCPU costa centinaia di
 // megabyte e un processo per ogni richiesta, per una griglia di sette colonne.
 /** Colori delle discipline, con la barra a sinistra più scura del fondo (come in pagina). */
 const COLORI: Record<Disciplina, { fondo: string; barra: string }> = {
  REFORMER: { fondo: '#ece5d7', barra: '#9c8b70' },
  PILATES: { fondo: '#f6efe0', barra: '#cbb98f' },
  YOGA: { fondo: '#e3eadf', barra: '#8ba57f' },
  MOBILITY: { fondo: '#f0e3e3', barra: '#b78e8e' },
 };
 const C_TESTO = '#2b2b2b';
 const C_TENUE = '#8a8a8a';
 const C_BORDO = '#cfc7b8'; // più scuro del fondo delle celle: due lezioni uguali in fasce
                             // consecutive devono restare due, non sembrare un blocco unico
 const C_ACCENTO = '#9c8b70';
 const C_ALT = '#f5f3f0';
 export const nomeFilePdf = (cal: Calendario): string =>
  `insanitylab-calendario-${cal.id}.pdf`;
 /**
 * Genera il PDF e restituisce il file completo. Il documento è una pagina sola: la griglia sta
 * in A4 orizzontale, e spezzarla su due pagine renderebbe illeggibile proprio ciò che si va a
 * cercare — l'incrocio fra un giorno e un'ora.
 */
 export function generaCalendarioPdf(cal: Calendario, avvisi: AvvisoCalendario[] = []): Promise<Buffer> {
  const doc = new PDFDocument({
    size: 'A4',
    layout: 'landscape',
    margin: 32,
    info: {
      Title: `InsanityLab — ${cal.sala}, ${cal.titolo}`,
      Author: 'InsanityLab',
      Subject: 'Calendario delle class',
    },
  });
  const pezzi: Buffer[] = [];
  const finito = new Promise<Buffer>((risolvi, rifiuta) => {
    doc.on('data', (p: Buffer) => pezzi.push(p));
    doc.on('end', () => risolvi(Buffer.concat(pezzi)));
    doc.on('error', rifiuta);
  });
  const x0 = doc.page.margins.left;
  const larghezzaUtile = doc.page.width - doc.page.margins.left - doc.page.margins.right;
  // --- Testata ---
  doc.font('Helvetica-Bold').fontSize(16).fillColor(C_TESTO)
    .text('INSANITYLAB', x0, doc.page.margins.top);
  doc.font('Helvetica').fontSize(8).fillColor(C_ACCENTO)
    .text(cal.sala.toUpperCase(), x0, doc.y + 2, { characterSpacing: 1.6 });
  doc.font('Helvetica-Bold').fontSize(12).fillColor(C_TESTO)
    .text(cal.titolo, x0, doc.y + 4);
  // --- Griglia ---
  const larghezzaOra = 52;
  const larghezzaGiorno = (larghezzaUtile - larghezzaOra) / GIORNI.length;
  const conNota = GIORNI.some((g) => cal.noteGiorno?.[g]);
  const altezzaTestata = conNota ? 26 : 18;
  let y = doc.y + 12;
  const xDi = (i: number) => x0 + larghezzaOra + i * larghezzaGiorno;
  // Intestazione delle colonne
  doc.rect(x0, y, larghezzaUtile, altezzaTestata).fill(C_ALT);
  doc.font('Helvetica-Bold').fontSize(7).fillColor(C_ACCENTO)
    .text('ORA', x0 + 5, y + 6, { width: larghezzaOra - 10, characterSpacing: 1 });
  GIORNI.forEach((g, i) => {
    doc.font('Helvetica-Bold').fontSize(7).fillColor(cal.chiusi.includes(g) ? C_TENUE : C_TESTO)
      .text(g, xDi(i) + 5, y + 6, { width: larghezzaGiorno - 10, characterSpacing: 1 });
    const nota = cal.noteGiorno?.[g];
    if (nota) {
      doc.font('Helvetica').fontSize(5.5).fillColor(C_TENUE)
        .text(nota, xDi(i) + 5, y + 15, { width: larghezzaGiorno - 8 });
    }
  });
  y += altezzaTestata;
  // Righe: l'altezza si ricava dallo spazio che resta, così la griglia riempie la pagina
  // qualunque sia il numero di fasce e non serve ritoccarla a mano quando ne cambiano.
  // legenda + nota + piè di pagina, più una riga per ogni giornata fuori griglia: senza
  // tenerne conto la griglia si allungherebbe fino a spingere gli avvisi in una seconda pagina.
  const spazioSotto = 52 + avvisi.length * 11;
  const altezzaRiga = Math.min(
    22,
    (doc.page.height - doc.page.margins.bottom - spazioSotto - y) / cal.righe.length,
  );
  // Prima passata: riempimenti e testi.
  const yPrimaRiga = y;
  for (const r of cal.righe) {
    if (r.clou) doc.rect(x0, y, larghezzaOra, altezzaRiga).fill('#f7f2e6');
    doc.font('Helvetica-Bold').fontSize(7.5).fillColor(C_TESTO)
      .text(r.ora, x0 + 5, y + altezzaRiga / 2 - 4, { width: larghezzaOra - 8 });
    GIORNI.forEach((g: Giorno, i) => {
      const x = xDi(i);
      const chiuso = cal.chiusi.includes(g);
      const lezione = r.celle[g];
      if (chiuso) {
        doc.rect(x, y, larghezzaGiorno, altezzaRiga).fill('#efece7');
        doc.font('Helvetica').fontSize(5.5).fillColor(C_TENUE)
          .text('CHIUSO', x + 5, y + altezzaRiga / 2 - 3, { width: larghezzaGiorno - 8, characterSpacing: 0.8 });
      } else if (lezione) {
        const c = COLORI[lezione];
        doc.rect(x, y, larghezzaGiorno, altezzaRiga).fill(c.fondo);
        doc.rect(x, y, 2.5, altezzaRiga).fill(c.barra);
        doc.font('Helvetica-Bold').fontSize(6.5).fillColor(C_TESTO)
          .text(lezione, x + 7, y + altezzaRiga / 2 - 3.5, { width: larghezzaGiorno - 10, characterSpacing: 0.5 });
      }
    });
    y += altezzaRiga;
  }
  // Seconda passata: la griglia sopra i riempimenti. Tracciando le linee riga per riga, il
  // riempimento della riga seguente copriva quella appena disegnata e due lezioni uguali una
  // sotto l'altra si leggevano come un unico blocco lungo il doppio.
  doc.lineWidth(0.4).strokeColor(C_BORDO);
  for (let i = 0; i <= cal.righe.length; i++) {
    const yy = yPrimaRiga + i * altezzaRiga;
    doc.moveTo(x0, yy).lineTo(x0 + larghezzaUtile, yy).stroke();
  }
  for (let i = 0; i <= GIORNI.length; i++) {
    const x = i === 0 ? x0 + larghezzaOra : xDi(i);
    doc.moveTo(x, yPrimaRiga - altezzaTestata).lineTo(x, y).stroke();
  }
  doc.rect(x0, yPrimaRiga - altezzaTestata, larghezzaUtile, altezzaTestata + altezzaRiga * cal.righe.length).stroke();
  // --- Legenda: solo le discipline che compaiono davvero in questa griglia ---
  const presenti = (Object.keys(COLORI) as Disciplina[])
    .filter((d) => cal.righe.some((r) => Object.values(r.celle).includes(d)));
  let xLeg = x0;
  const yLeg = y + 12;
  for (const d of presenti) {
    doc.rect(xLeg, yLeg, 9, 9).fill(COLORI[d].fondo);
    doc.rect(xLeg, yLeg, 2.5, 9).fill(COLORI[d].barra);
    doc.font('Helvetica').fontSize(7).fillColor(C_TESTO)
      .text(d, xLeg + 13, yLeg + 2, { width: 70 });
    xLeg += 13 + doc.widthOfString(d) + 18;
  }
  // --- Giornate fuori griglia (eventi, chiusure) ---
  let yAvvisi = yLeg + 16;
  for (const a of avvisi) {
    doc.rect(x0, yAvvisi - 1, 2, 9).fill(C_ACCENTO);
    doc.font('Helvetica-Bold').fontSize(7).fillColor(C_TESTO)
      .text(a.quando, x0 + 7, yAvvisi, { continued: true })
      .font('Helvetica').fillColor(C_TENUE).text(` — ${a.testo}`);
    yAvvisi += 11;
  }
  doc.font('Helvetica').fontSize(7).fillColor(C_TENUE).text(
    "Gli orari possono subire variazioni. Le lezioni si prenotano dall'app Bsport.",
    x0, yAvvisi + 3, { width: larghezzaUtile },
  );
  doc.font('Helvetica').fontSize(7).fillColor(C_ACCENTO)
    .text('insanitylab.it', x0, yAvvisi + 14, { width: larghezzaUtile, align: 'right' });
  doc.end();
  return finito;
 }
@@ -0,0 +1,33 @@
 import type { APIRoute } from 'astro';
 import { avvisiAttivi, calendari } from '../../data/calendari';
 import { generaCalendarioPdf, nomeFilePdf } from '../../lib/calendario-pdf';
 export const prerender = false;
 // Il PDF del calendario, come file scaricabile: `/calendario/<id>.pdf`.
 //
 // Pubblico come il resto del sito — è lo stesso orario che chiunque legge nel popup, e un file
 // dietro autenticazione non si potrebbe girare su WhatsApp, che è come questo centro
 // comunica coi clienti.
 export const GET: APIRoute = async ({ params }) => {
  const cal = calendari.find((c) => c.id === params.id);
  // Un id sconosciuto è 404, non un PDF vuoto: un file che si apre e non contiene niente fa
  // credere che il calendario sia vuoto.
  if (!cal) return new Response('Calendario inesistente.', { status: 404 });
  // Le giornate fuori griglia stanno anche nel PDF: è il file che gira su WhatsApp, e chi lo
  // riceve non ha davanti la pagina dove sono scritte.
  const pdf = await generaCalendarioPdf(cal, avvisiAttivi(new Date()));
  return new Response(new Uint8Array(pdf), {
    headers: {
      'Content-Type': 'application/pdf',
      // `attachment` perché il bottone dice "scarica": senza, il browser lo aprirebbe in una
      // scheda e su telefono resterebbe lì, senza finire fra i file.
      'Content-Disposition': `attachment; filename="${nomeFilePdf(cal)}"`,
      'Content-Length': String(pdf.length),
      // Un'ora: basta a non rigenerarlo a ogni click, e non abbastanza perché un avviso ormai
      // scaduto (le giornate fuori griglia spariscono da sole) resti in giro un giorno intero.
      'Cache-Control': 'public, max-age=3600',
    },
  });
 };
@@ -2,99 +2,160 @@
 import Base from '../layouts/Base.astro';
 import T from '../components/content/T.astro';
 import { t, resolveContent } from '../lib/content';
 import { edizioneAttiva, tagEdizione } from '../data/promo-edizioni';
 import { getSessionUser, SESSION_COOKIE } from '../lib/auth';
 import { getDb } from '../lib/db';
 // Landing promo/lancio integrata nel sito (header e footer del sito, non standalone).
-// I bottoni "Acquista" portano al gestionale bsport: l'utente crea l'account,
+// I bottoni "Acquista" portano al gestionale bsport: l'utente crea l'account e sceglie lì
-// inserisce i dati e paga via Stripe dentro la piattaforma. Link centralizzato qui:
+// dentro il prodotto, poi paga via Stripe. Il link è uno solo per tutte le card, ed è voluto:
-// quando avremo gli ID membership per singolo prodotto basterà mappare BSPORT_URL card per card.
+// il catalogo lo presenta bsport dopo l'accesso.
 const BSPORT_URL = 'https://backoffice.bsport.io/login/signup?membership=3428';
 export const prerender = false;
-// I testi sono editabili dal pannello contenuti (tag `promo.*`). Qui resta solo la
+// Quale promozione è in vetrina lo decide il calendario, non un deploy: l'edizione attiva è
-// struttura: quante card, quante feature ciascuna e quale è "in evidenza".
+// quella la cui finestra contiene questo istante (vedi `data/promo-edizioni.ts`). Alla
-const cards = [
+// scadenza dell'una subentra l'altra da sola, e quando non ce n'è nessuna la pagina lo dice
-  { id: 1, features: 4, featured: false },
+// invece di lasciare online i prezzi di un'offerta finita.
-  { id: 2, features: 4, featured: true },
+//
-  { id: 3, features: 3, featured: false },
+// Anteprima: `?anteprima=2026-08-20` mostra l'edizione di quella data. Solo per chi è loggato
-  { id: 4, features: 3, featured: false },
+// — un visitatore non deve poter vedere prezzi non ancora validi, o non più.
-];
+const param = Astro.url.searchParams.get('anteprima');
-const faqs = [0, 1, 2, 3, 4, 5, 6];
+const token = Astro.cookies.get(SESSION_COOKIE)?.value;
 const utente = token ? getSessionUser(getDb(), token) : null;
 // Una data secca (`2026-08-20`) sarebbe letta come UTC: la si porta a mezzogiorno italiano,
 // lontano dai confini di mezzanotte dove sta la differenza fra un'edizione e l'altra.
 const quandoParam = param && /^\d{4}-\d{2}-\d{2}$/.test(param) ? `${param}T12:00:00+02:00` : param;
 const dataLeggibile = Boolean(quandoParam && !Number.isNaN(Date.parse(quandoParam)));
 const anteprima = Boolean(utente && dataLeggibile);
 // Un'anteprima chiesta e non applicata va **detta**: altrimenti la pagina risponde con
 // l'edizione di oggi e due date diverse danno lo stesso risultato — che si legge come «la
 // funzione non funziona» invece che «non sei entrato».
 const anteprimaIgnorata = !param || anteprima ? null : (!utente ? 'login' : 'data');
 const quando = anteprima ? new Date(quandoParam!) : new Date();
 const ed = edizioneAttiva(quando);
 // La pagina cambia contenuto col passare del tempo: una copia in cache la congelerebbe alla
 // vecchia edizione, e lo scambio avverrebbe quando pare al proxy invece che a mezzanotte.
 Astro.response.headers.set('Cache-Control', 'no-store');
 // Tag dell'edizione attiva: `tg('card.1.price')` → `promo.card.1.price` o `bundle.card.1.price`.
 const tg = (suffisso: string) => (ed ? tagEdizione(ed, suffisso) : suffisso);
 // Numero WhatsApp centralizzato: le risposte FAQ contengono il segnaposto {{whatsapp}}
 // che qui viene sostituito col valore del tag globale, così si aggiorna in un punto solo.
 const wa = t('global.whatsapp');
-// Scadenza della promo (tag editabile dal pannello, formato ISO con offset). Viene solo passata
+const waLink = `https://wa.me/39${wa.replace(/\D/g, '')}`;
-// al client: è il JS a decidere se mostrare il countdown, perché il confronto va fatto col tempo
+// Scadenza dell'edizione in corso (tag editabile dal pannello, ISO con offset). Viene solo
-// del visitatore e non con quello del render (la pagina è SSR ma può essere servita da cache).
+// passata al client: è il JS a decidere se mostrare il countdown, perché il confronto va fatto
-const countdownDeadline = t('promo.countdown.deadline');
+// col tempo del visitatore.
 const countdownDeadline = ed ? t(tg('countdown.deadline')) : '';
 ---
-<Base title="Promo ed eventi — InsanityLab" description="Edizione apertura: pacchetti a 5 incontri per One to One, Small Group, Reformer e Holistic Class. Acquisto online, pagamento sicuro via Stripe.">
+<Base title="Promo ed eventi — InsanityLab" description={ed ? t(tg('hero.desc')).replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim() : 'Le promozioni di apertura sono terminate: scrivici su WhatsApp per i percorsi attivi.'}>
  <div class="lp">
    <div class="page">
-      <section class="hero">
+      {anteprima && (
-        <T tag="promo.hero.badge" as="div" class="badge" />
+        <div class="anteprima">
-        <T tag="promo.hero.title1" as="h1" />
+          Anteprima al {quando.toLocaleString('it-IT', { timeZone: 'Europe/Rome' })} —
-        <T tag="promo.hero.accent" as="p" class="accent" />
+          {ed ? ` edizione «${ed.id}»` : ' nessuna edizione attiva'}
        <T tag="promo.hero.title2" as="h1" />
        <T tag="promo.hero.desc" as="p" class="desc" />
        <a class="btn-sand" href="#proposte"><T tag="promo.hero.cta" as="span" /></a>
      </section>
      <section class="launch">
        <T tag="promo.launch.badge" as="div" class="badge" />
        <T tag="promo.launch.title" as="h1" />
        <T tag="promo.launch.accent" as="p" class="accent" />
        <T tag="promo.launch.desc" as="p" class="desc" />
      </section>
      <section class="why5">
        <T tag="promo.why5.text" as="p" />
      </section>
      <section class="cards-wrap" id="proposte">
        <div class="countdown" data-deadline={countdownDeadline} hidden>
          <T tag="promo.countdown.label" as="div" class="cd-label" />
          <div class="cd-boxes">
            <div class="cd-box"><span class="cd-num" data-cd="days">–</span><T tag="promo.countdown.unit.days" as="span" class="cd-unit" /></div>
            <div class="cd-box"><span class="cd-num" data-cd="hours">–</span><T tag="promo.countdown.unit.hours" as="span" class="cd-unit" /></div>
            <div class="cd-box"><span class="cd-num" data-cd="minutes">–</span><T tag="promo.countdown.unit.minutes" as="span" class="cd-unit" /></div>
            <div class="cd-box"><span class="cd-num" data-cd="seconds">–</span><T tag="promo.countdown.unit.seconds" as="span" class="cd-unit" /></div>
          </div>
        </div>
-        <div class="cards">
+      )}
-          {cards.map((c) => (
+      {anteprimaIgnorata === 'login' && (
-            <div class:list={['card', c.featured && 'featured']}>
+        <div class="anteprima ignorata">
-              {c.featured && <T tag={`promo.card.${c.id}.badge`} as="div" class="featured-badge" />}
+          Anteprima non applicata: questa è la pagina di oggi. Entra da <a href="/admin/login">/admin/login</a> e ricarica.
-              <T tag={`promo.card.${c.id}.eyebrow`} as="div" class="eyebrow" />
+        </div>
-              <T tag={`promo.card.${c.id}.title`} as="div" class="title" />
+      )}
-              <div class="price-row">
+      {anteprimaIgnorata === 'data' && (
-                <T tag={`promo.card.${c.id}.price`} as="div" class="price" />
+        <div class="anteprima ignorata">
-                <T tag={`promo.card.${c.id}.price-old`} as="div" class="price-old" />
+          Anteprima non applicata: «{param}» non è una data leggibile. Usa il formato 2026-08-25.
        </div>
      )}
      {ed ? (
        <Fragment>
          <section class="hero">
            <T tag={tg('hero.badge')} as="div" class="badge" />
            <T tag={tg('hero.title1')} as="h1" />
            <T tag={tg('hero.accent')} as="p" class="accent" />
            <T tag={tg('hero.title2')} as="h1" />
            <T tag={tg('hero.desc')} as="p" class="desc" />
            <a class="btn-sand" href="#proposte"><T tag={tg('hero.cta')} as="span" /></a>
          </section>
          {ed.launch && (
            <Fragment>
              <section class="launch">
                <T tag={tg('launch.badge')} as="div" class="badge" />
                <T tag={tg('launch.title')} as="h1" />
                <T tag={tg('launch.accent')} as="p" class="accent" />
                <T tag={tg('launch.desc')} as="p" class="desc" />
              </section>
              <section class="why5">
                <T tag={tg('why5.text')} as="p" />
              </section>
            </Fragment>
          )}
          <section class="cards-wrap" id="proposte">
            <div class="countdown" data-deadline={countdownDeadline} hidden>
              <T tag={tg('countdown.label')} as="div" class="cd-label" />
              <div class="cd-boxes">
                <div class="cd-box"><span class="cd-num" data-cd="days">–</span><T tag={tg('countdown.unit.days')} as="span" class="cd-unit" /></div>
                <div class="cd-box"><span class="cd-num" data-cd="hours">–</span><T tag={tg('countdown.unit.hours')} as="span" class="cd-unit" /></div>
                <div class="cd-box"><span class="cd-num" data-cd="minutes">–</span><T tag={tg('countdown.unit.minutes')} as="span" class="cd-unit" /></div>
                <div class="cd-box"><span class="cd-num" data-cd="seconds">–</span><T tag={tg('countdown.unit.seconds')} as="span" class="cd-unit" /></div>
              </div>
              <T tag={`promo.card.${c.id}.unit`} as="div" class="unit" />
              <ul>
                {Array.from({ length: c.features }, (_, i) => i + 1).map((m) => (
                  <T tag={`promo.card.${c.id}.feature.${m}`} as="li" />
                ))}
              </ul>
              <a class="buy" href={BSPORT_URL} target="_blank" rel="noopener"><T tag="promo.buy-label" as="span" /></a>
            </div>
-          ))}
+            <div class:list={['cards', `cards-${ed.cards.length}`]}>
-        </div>
+              {ed.cards.map((c) => (
-        <T tag="promo.validity-note" as="p" class="validity-note" />
+                <div class:list={['card', c.featured && 'featured']}>
-      </section>
+                  {c.featured && <T tag={tg(`card.${c.id}.badge`)} as="div" class="featured-badge" />}
                  <T tag={tg(`card.${c.id}.eyebrow`)} as="div" class="eyebrow" />
                  <T tag={tg(`card.${c.id}.title`)} as="div" class="title" />
                  {c.question && <T tag={tg(`card.${c.id}.question`)} as="p" class="question" />}
                  <div class="price-row">
                    <T tag={tg(`card.${c.id}.price`)} as="div" class="price" />
                    <T tag={tg(`card.${c.id}.price-old`)} as="div" class="price-old" />
                  </div>
                  {c.unit && <T tag={tg(`card.${c.id}.unit`)} as="div" class="unit" />}
                  <ul>
                    {Array.from({ length: c.features }, (_, i) => i + 1).map((m) => (
                      <T tag={tg(`card.${c.id}.feature.${m}`)} as="li" />
                    ))}
                  </ul>
                  {c.desc && <T tag={tg(`card.${c.id}.desc`)} as="p" class="card-desc" />}
                  {c.note && (
                    <div class="note-box">
                      <T tag={tg(`card.${c.id}.note-label`)} as="div" class="note-label" />
                      <T tag={tg(`card.${c.id}.note`)} as="div" class="note-text" />
                    </div>
                  )}
                  <a class="buy" href={BSPORT_URL} target="_blank" rel="noopener"><T tag={tg('buy-label')} as="span" /></a>
                </div>
              ))}
            </div>
            <T tag={tg('validity-note')} as="p" class="validity-note" />
          </section>
-      <section class="faq-wrap">
+          <section class="faq-wrap">
-        <T tag="promo.faq.title" as="h1" />
+            <T tag={tg('faq.title')} as="h1" />
-        {faqs.map((n) => {
+            {ed.faq.map((n) => {
-          const a = resolveContent(`promo.faq.${n}.a`);
+              const a = resolveContent(tg(`faq.${n}.a`));
-          return (
+              return (
-            <div class="faq-block">
+                <div class="faq-block">
-              <div class="faq-q"><T tag={`promo.faq.${n}.q`} as="p" /><div class="faq-toggle">+</div></div>
+                  <div class="faq-q"><T tag={tg(`faq.${n}.q`)} as="p" /><div class="faq-toggle">+</div></div>
-              <p class:list={['faq-a', a.classes]} data-tag={`promo.faq.${n}.a`} data-guid={a.guid || undefined} set:html={a.value.replaceAll('{{whatsapp}}', wa)} />
+                  <p class:list={['faq-a', a.classes]} data-tag={tg(`faq.${n}.a`)} data-guid={a.guid || undefined} set:html={a.value.replaceAll('{{whatsapp}}', wa)} />
-            </div>
+                </div>
-          );
+              );
-        })}
+            })}
-      </section>
+          </section>
        </Fragment>
      ) : (
        <section class="hero chiusa">
          <T tag="promo.chiusa.title" as="h1" />
          <T tag="promo.chiusa.desc" as="p" class="desc" />
          <a class="btn-sand" href={waLink} target="_blank" rel="noopener"><T tag="promo.chiusa.cta" as="span" /></a>
        </section>
      )}
    </div>
  </div>
@@ -229,6 +290,41 @@ const countdownDeadline = t('promo.countdown.deadline');
  .lp .validity-note { text-align: center; font-size: 12px; color: #8A8980; margin: 22px 0 0; }
  /* CARD DELLE EDIZIONI A TRE (Opening Bundles): domanda in testa, descrizione e riquadro
     col periodo di utilizzo. Le card restano in colonna, quindi il bottone finisce ad altezze
     diverse se i testi hanno lunghezze diverse: `flex` + `margin-top:auto` lo tiene in fondo. */
  .lp .cards-3 { grid-template-columns: repeat(3, 1fr); }
  .lp .cards-3 .card { display: flex; flex-direction: column; }
  .lp .cards-3 .card .buy { margin-top: auto; }
  .lp .card .question {
    margin: 0 0 14px; font-size: 15px; line-height: 1.4; font-weight: 700; color: #2D2D2D;
  }
  .lp .card .card-desc {
    margin: 0 0 18px; font-size: 13px; line-height: 1.6; color: #6E685C; font-style: italic;
  }
  .lp .card .note-box { background: #F2ECE1; border-radius: 8px; padding: 10px 12px; margin: 0 0 18px; }
  .lp .card .note-label {
    font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700;
    color: #8A6E3F; margin-bottom: 3px;
  }
  .lp .card .note-text { font-size: 12px; line-height: 1.5; color: #5C564A; }
  /* Pagina senza nessuna promozione attiva: fra un'edizione e la successiva. */
  .lp .hero.chiusa { padding-bottom: 72px; }
  .lp .hero.chiusa h1 { font-size: 34px; }
  .lp .hero.chiusa p.desc { margin-bottom: 28px; }
  /* Barra di anteprima: visibile solo a chi è loggato e ha chiesto una data (?anteprima=…).
     Deve essere impossibile scambiarla per la pagina vera. */
  .lp .anteprima {
    background: #8A6E3F; color: #FFFFFF; font-size: 12px; font-weight: 700; letter-spacing: 0.04em;
    padding: 10px 16px; text-align: center;
  }
  /* Anteprima chiesta e non applicata: colore diverso, perché il contenuto sotto è quello di
     oggi e non quello della data richiesta. */
  .lp .anteprima.ignorata { background: #8B2E2E; }
  .lp .anteprima.ignorata a { color: #FFFFFF; }
  /* FAQ */
  .lp .faq-wrap { padding: 72px 64px; }
  .lp .faq-wrap h1 { margin: 0 0 40px; font-size: 34px; line-height: 1.25; font-weight: 700; color: #2D2D2D; max-width: 480px; }
@@ -7,12 +7,18 @@ import { performanceClassPricing } from '../../data/pricing';
 import { serviceIcons } from '../../data/service-icons';
 import T from '../../components/content/T.astro';
 import TImg from '../../components/content/TImg.astro';
 import CalendarioModal from '../../components/CalendarioModal.astro';
 import { calendarioDaMostrare, SERVIZI_CON_CALENDARIO } from '../../data/calendari';
 import { t } from '../../lib/content';
 export const prerender = false;
 const service = getService(Astro.params.slug!);
 if (!service) return new Response(null, { status: 404 });
 const slug = service.slug;
 // Il calendario della sala si apre dalle pagine delle class. La voce compare solo se c'è
 // davvero una griglia da mostrare (in vigore o prossima): un link che apre un popup vuoto è
 // peggio di nessun link.
 const conCalendario = SERVIZI_CON_CALENDARIO.includes(slug) && calendarioDaMostrare(new Date()) !== null;
 const others = services.filter((p) => p.slug !== service.slug && p.grid !== false);
 const images = import.meta.glob<{ default: ImageMetadata }>('../../assets/img/program-*.jpg', { eager: true });
 const imgOf = (slug: string) => Object.entries(images).find(([p]) => p.includes(`program-${slug}.`))?.[1]?.default;
@@ -59,6 +65,16 @@ const tones = ['tan', 'taupe', 'dark'];
            <T tag={`service.${o.slug}.title`} />
          </a>
        ))}
        {conCalendario && (
          <button type="button" class="prog__other prog__other--calendario" data-apri-calendario>
            <span class="prog__icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" width="26" height="26" aria-hidden="true">
                <path d="M4 6h16v14H4zM4 10h16M8 3v4M16 3v4M8 14h3M8 17h3M14 14h2" />
              </svg>
            </span>
            {t('calendario.link-label')}
          </button>
        )}
      </aside>
    </div>
  </section>
@@ -95,6 +111,8 @@ const tones = ['tan', 'taupe', 'dark'];
      </div>
    </section>
  )}
  {conCalendario && <CalendarioModal />}
 </Base>
 <style>
@@ -109,6 +127,9 @@ const tones = ['tan', 'taupe', 'dark'];
  .prog__cat { font-family: var(--font-heading); font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--c-text); margin-bottom: 10px; }
  .prog__other { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--c-text); margin-bottom: 14px; font-family: var(--font-heading); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; }
  .prog__other:hover { color: var(--c-accent-dark); }
  /* La voce del calendario apre un popup, quindi è un bottone e non un link: qui gli si
     toglie l'aspetto da bottone perché nella colonna sia indistinguibile dalle altre voci. */
  .prog__other--calendario { background: none; border: 0; padding: 0; cursor: pointer; width: 100%; text-align: left; }
  .prog__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--c-accent); color: #fff; flex-shrink: 0; }
  .price__group { border-top: 1px solid #ddd5ca; padding-block: 18px; }
  .price__group summary { cursor: pointer; font-family: var(--font-heading); letter-spacing: .12em; text-transform: uppercase; font-size: .85rem; color: var(--c-heading); }
@@ -9,9 +9,11 @@ import { t } from '../../lib/content';
 const images = import.meta.glob<{ default: ImageMetadata }>('../../assets/img/program-*.jpg', { eager: true });
 const imgOf = (slug: string) => Object.entries(images).find(([p]) => p.includes(`program-${slug}.`))?.[1]?.default;
 const gridServices = services.filter((p) => p.grid !== false);
-// Questi servizi rimandano alla pagina Training invece che alla scheda di dettaglio
+// Foto e "Per saperne di più" della stessa card portano allo stesso posto, e lo fanno per
-const TRAINING_LINK = new Set(['one-to-one', 'performance-class']);
+// costruzione: erano due espressioni diverse e sono divergute — su One to One e Performance
-const moreHref = (slug: string) => (TRAINING_LINK.has(slug) ? '/training' : `/services/${slug}`);
+// Class il testo mandava a /training mentre la foto apriva la scheda del servizio, così la
 // destinazione dipendeva da dove capitava il dito.
 const hrefOf = (slug: string) => `/services/${slug}`;
 export const prerender = false;
 ---
 <Base title={t('services.meta.title')} description={t('services.meta.description')}>
@@ -25,7 +27,7 @@ export const prerender = false;
        {gridServices.map((p, i) => (
          <article class="plist__card" data-reveal style={`--reveal-delay:${((i % 3) * 0.15).toFixed(2)}s`}>
            {imgOf(p.slug) && (
-              <a class="plist__photo" href={`/services/${p.slug}`}>
+              <a class="plist__photo" href={hrefOf(p.slug)}>
                <TImg tag={`service.${p.slug}.image`} src={imgOf(p.slug)!} alt={t(`service.${p.slug}.title`)} widths={[400, 700]} sizes="(max-width:767px) 100vw, 33vw" />
              </a>
            )}
@@ -33,7 +35,7 @@ export const prerender = false;
              <T tag={`service.${p.slug}.title`} as="h3" />
              <T tag={`service.${p.slug}.subtitle`} as="p" class="plist__sub" />
              <T tag={`service.${p.slug}.excerpt`} as="p" />
-              <a class="plist__more" href={moreHref(p.slug)}>{t('services.card.more-label')}</a>
+              <a class="plist__more" href={hrefOf(p.slug)}>{t('services.card.more-label')}</a>
            </div>
          </article>
        ))}
@@ -0,0 +1,123 @@
 import { describe, it, expect } from 'vitest';
 import { avvisi, avvisiAttivi, calendari, calendarioDaMostrare, DISCIPLINE, GIORNI, type Giorno } from '../src/data/calendari';
 const d = (iso: string) => new Date(iso);
 describe('calendarioDaMostrare', () => {
  it('in vigore: mostra quello del periodo', () => {
    expect(calendarioDaMostrare(d('2026-09-05T10:00:00+02:00'))).toMatchObject({
      cal: { id: 'settembre-1-18' }, futuro: false,
    });
    expect(calendarioDaMostrare(d('2026-09-25T10:00:00+02:00'))).toMatchObject({
      cal: { id: 'settembre-21-in-poi' }, futuro: false,
    });
    // `to: null` = a tempo indeterminato: fra un anno vale ancora quello.
    expect(calendarioDaMostrare(d('2027-03-01T10:00:00+02:00'))).toMatchObject({
      cal: { id: 'settembre-21-in-poi' }, futuro: false,
    });
  });
  // Il link esiste prima che il primo orario cominci: ad agosto deve mostrare gli orari di
  // settembre dichiarando che entrano dopo, non un "nessun calendario" che non dice niente.
  it('prima dell\'inizio: mostra il prossimo, marcato come futuro', () => {
    expect(calendarioDaMostrare(d('2026-08-17T10:00:00+02:00'))).toMatchObject({
      cal: { id: 'settembre-1-18' }, futuro: true,
    });
  });
  // 19 e 20 settembre non stanno in nessuna griglia perché quei due giorni non hanno class:
  // il 19 c'è la presentazione della nuova apertura, il 20 si sta chiusi (Adriano, 17/08).
  // La griglia mostrata è quindi quella del 21, marcata futura, e l'informazione sui due
  // giorni arriva dagli avvisi qui sotto.
  it('nei due giorni fuori griglia (19-20 settembre) mostra il prossimo', () => {
    expect(calendarioDaMostrare(d('2026-09-19T10:00:00+02:00'))).toMatchObject({
      cal: { id: 'settembre-21-in-poi' }, futuro: true,
    });
    expect(calendarioDaMostrare(d('2026-09-20T23:00:00+02:00'))).toMatchObject({
      cal: { id: 'settembre-21-in-poi' }, futuro: true,
    });
  });
  it('confini al secondo, in ora italiana', () => {
    expect(calendarioDaMostrare(d('2026-09-18T23:59:59+02:00'))?.cal.id).toBe('settembre-1-18');
    expect(calendarioDaMostrare(d('2026-09-21T00:00:00+02:00'))).toMatchObject({
      cal: { id: 'settembre-21-in-poi' }, futuro: false,
    });
  });
 });
 describe('giornate fuori griglia', () => {
  it('la presentazione e la chiusura si vedono prima di arrivarci', () => {
    const oggi = avvisiAttivi(d('2026-08-17T12:00:00+02:00')).map((a) => a.id);
    expect(oggi).toEqual(['presentazione-19-settembre', 'chiusura-20-settembre']);
  });
  // Un avviso passato è peggio di nessun avviso: dice che il centro è chiuso un giorno che è
  // già trascorso, e chi legge non sa più se valga per quest'anno o per il prossimo.
  it('ogni avviso sparisce da solo quando è passato', () => {
    expect(avvisiAttivi(d('2026-09-19T23:59:59+02:00')).map((a) => a.id))
      .toEqual(['presentazione-19-settembre', 'chiusura-20-settembre']);
    expect(avvisiAttivi(d('2026-09-20T00:00:00+02:00')).map((a) => a.id))
      .toEqual(['chiusura-20-settembre']);
    expect(avvisiAttivi(d('2026-09-21T00:00:00+02:00'))).toEqual([]);
  });
  it('ogni avviso ha una scadenza leggibile e un testo', () => {
    for (const a of avvisi) {
      expect(Number.isNaN(Date.parse(a.to)), `${a.id}: scadenza illeggibile`).toBe(false);
      if (a.from !== null) expect(Date.parse(a.to)).toBeGreaterThanOrEqual(Date.parse(a.from));
      expect(a.quando.length).toBeGreaterThan(0);
      expect(a.testo.length).toBeGreaterThan(0);
    }
  });
 });
 describe('coerenza dei calendari trascritti', () => {
  for (const c of calendari) {
    describe(c.id, () => {
      it('la finestra è leggibile e ha un verso', () => {
        expect(Number.isNaN(Date.parse(c.from))).toBe(false);
        if (c.to !== null) {
          expect(Number.isNaN(Date.parse(c.to))).toBe(false);
          expect(Date.parse(c.to)).toBeGreaterThan(Date.parse(c.from));
        }
      });
      it('le fasce orarie sono uniche e in ordine crescente', () => {
        const ore = c.righe.map((r) => r.ora);
        expect(new Set(ore).size, 'fascia ripetuta').toBe(ore.length);
        const minuti = ore.map((o) => {
          const [h, m] = o.split('.');
          return Number(h) * 60 + Number(m);
        });
        expect(minuti.every((v, i) => i === 0 || v > minuti[i - 1]), `fasce fuori ordine: ${ore.join(' ')}`).toBe(true);
      });
      it('ogni cella sta su un giorno esistente e porta una disciplina nota', () => {
        for (const r of c.righe) {
          for (const [giorno, disciplina] of Object.entries(r.celle)) {
            expect(GIORNI, `${r.ora}: giorno ${giorno} inesistente`).toContain(giorno as Giorno);
            expect(DISCIPLINE, `${r.ora} ${giorno}: disciplina ${disciplina} sconosciuta`).toContain(disciplina!);
          }
        }
      });
      // Una lezione in un giorno di chiusura è la contraddizione che nessuno nota leggendo la
      // griglia: la colonna è barrata e la cella ci finisce dentro lo stesso.
      it('nessuna lezione cade in un giorno di chiusura', () => {
        for (const r of c.righe) {
          for (const g of c.chiusi) {
            expect(r.celle[g], `${r.ora}: lezione di ${g}, che è chiuso`).toBeUndefined();
          }
        }
      });
      it('le note dei giorni si riferiscono a giorni aperti', () => {
        for (const g of Object.keys(c.noteGiorno ?? {}) as Giorno[]) {
          expect(GIORNI).toContain(g);
          expect(c.chiusi, `nota su ${g}, che è dichiarato chiuso`).not.toContain(g);
        }
      });
    });
  }
 });
@@ -0,0 +1,35 @@
 import { describe, it, expect } from 'vitest';
 import { avvisi, calendari } from '../src/data/calendari';
 import { generaCalendarioPdf, nomeFilePdf } from '../src/lib/calendario-pdf';
 describe('PDF del calendario', () => {
  for (const cal of calendari) {
    it(`${cal.id}: produce un PDF valido`, async () => {
      const pdf = await generaCalendarioPdf(cal);
      // Un PDF comincia sempre con %PDF- e finisce con %%EOF: se il documento non venisse
      // chiuso (`doc.end()` mancante, o un errore a metà) il file arriverebbe monco al
      // browser, che mostrerebbe una pagina bianca invece di un errore.
      expect(pdf.subarray(0, 5).toString()).toBe('%PDF-');
      expect(pdf.subarray(-8).toString()).toContain('%%EOF');
      expect(pdf.length).toBeGreaterThan(2000);
    });
  }
  // La griglia deve stare in una pagina sola: l'incrocio giorno/ora è proprio ciò che si va a
  // cercare, e spezzarlo a metà rende il documento inutile. Il conteggio si legge dall'oggetto
  // /Type /Pages, che dichiara quante pagine contiene.
  it('sta in una pagina sola, anche con le giornate fuori griglia in fondo', async () => {
    for (const cal of calendari) {
      const pdf = await generaCalendarioPdf(cal, avvisi);
      const conteggio = /\/Type\s*\/Pages[^>]*?\/Count\s+(\d+)/s.exec(pdf.toString('latin1'));
      expect(conteggio, `${cal.id}: numero di pagine non dichiarato`).not.toBeNull();
      expect(Number(conteggio![1]), `${cal.id}: il calendario occupa più di una pagina`).toBe(1);
    }
  });
  it('il nome del file distingue i due periodi', () => {
    const nomi = calendari.map(nomeFilePdf);
    expect(new Set(nomi).size).toBe(nomi.length);
    for (const n of nomi) expect(n).toMatch(/^insanitylab-calendario-[a-z0-9-]+\.pdf$/);
  });
 });
@@ -0,0 +1,107 @@
 import { describe, it, expect } from 'vitest';
 import { edizioni, edizioneAttiva, tagEdizione, type Edizione } from '../src/data/promo-edizioni';
 import { seedByTag } from '../src/data/content-seed';
 const d = (iso: string) => new Date(iso);
 describe('edizioneAttiva', () => {
  it('sceglie l\'edizione la cui finestra contiene l\'istante', () => {
    expect(edizioneAttiva(d('2026-08-15T12:00:00+02:00'))?.id).toBe('agosto-2026');
    expect(edizioneAttiva(d('2026-08-25T12:00:00+02:00'))?.id).toBe('bundle-apertura');
  });
  it('fuori da ogni finestra non c\'è edizione attiva', () => {
    expect(edizioneAttiva(d('2026-07-15T12:00:00+02:00'))).toBeNull();
    expect(edizioneAttiva(d('2026-09-10T12:00:00+02:00'))).toBeNull();
  });
  // Il passaggio è il momento in cui il sito cambia da solo: va provato al secondo, e in ora
  // italiana. Il server gira in UTC, quindi un confronto fatto sull'orologio locale della
  // macchina anticiperebbe (o ritarderebbe) lo scambio di due ore.
  it('scambia le edizioni al secondo giusto, in ora italiana', () => {
    expect(edizioneAttiva(d('2026-08-19T23:59:59+02:00'))?.id).toBe('agosto-2026');
    expect(edizioneAttiva(d('2026-08-20T00:00:00+02:00'))?.id).toBe('bundle-apertura');
    expect(edizioneAttiva(d('2026-09-04T23:59:59+02:00'))?.id).toBe('bundle-apertura');
    expect(edizioneAttiva(d('2026-09-05T00:00:00+02:00'))).toBeNull();
  });
  it('l\'ordine dell\'elenco non cambia il risultato', () => {
    const rovescio = [...edizioni].reverse();
    expect(edizioneAttiva(d('2026-08-15T12:00:00+02:00'), rovescio)?.id).toBe('agosto-2026');
    expect(edizioneAttiva(d('2026-08-25T12:00:00+02:00'), rovescio)?.id).toBe('bundle-apertura');
  });
 });
 describe('coerenza delle edizioni configurate', () => {
  const ordinate = [...edizioni].sort((a, b) => Date.parse(a.from) - Date.parse(b.from));
  it('ogni finestra è valida e ha un verso', () => {
    for (const e of edizioni) {
      expect(Number.isNaN(Date.parse(e.from)), `${e.id}: from illeggibile`).toBe(false);
      expect(Number.isNaN(Date.parse(e.to)), `${e.id}: to illeggibile`).toBe(false);
      expect(Date.parse(e.to), `${e.id}: finisce prima di cominciare`).toBeGreaterThan(Date.parse(e.from));
    }
  });
  // Due promozioni insieme sul sito è il difetto peggiore: prezzi diversi per la stessa cosa,
  // e nessuno sa quale vale. Nessun buco, invece, evita il giorno in cui la pagina non offre
  // niente senza che nessuno se ne accorga: se un buco è voluto va scritto qui, non subìto.
  it('le finestre non si sovrappongono e non lasciano buchi', () => {
    for (let i = 1; i < ordinate.length; i++) {
      const prima = ordinate[i - 1];
      const dopo = ordinate[i];
      const stacco = Date.parse(dopo.from) - Date.parse(prima.to);
      expect(stacco, `${prima.id} e ${dopo.id} si sovrappongono`).toBeGreaterThan(0);
      expect(stacco, `fra ${prima.id} e ${dopo.id} c'è un buco`).toBeLessThanOrEqual(1000);
    }
  });
  // Il countdown è la promessa fatta al visitatore. Se dice una data e lo scambio ne usa
  // un'altra, il sito si contraddice da solo: o cambia mentre il contatore corre ancora, o
  // resta lì a zero. Sono lo stesso numero e devono restare lo stesso numero.
  it('il countdown scade quando finisce l\'edizione', () => {
    for (const e of edizioni) {
      const deadline = seedByTag.get(tagEdizione(e, 'countdown.deadline'))?.value;
      expect(deadline, `${e.id}: manca il tag della deadline`).toBeTruthy();
      expect(Date.parse(deadline!), `${e.id}: countdown e fine edizione non coincidono`)
        .toBe(Date.parse(e.to));
    }
  });
 });
 describe('i testi di ogni edizione esistono', () => {
  // Un tag che manca non rompe la pagina: `resolve` restituisce stringa vuota e logga un warn
  // che nessuno legge. In vetrina diventa una card senza prezzo, o un titolo sparito. Meglio
  // scoprirlo qui che dal cliente.
  const richiesti = (e: Edizione): string[] => {
    const base = ['hero.badge', 'hero.title1', 'hero.accent', 'hero.title2', 'hero.desc', 'hero.cta',
      'buy-label', 'validity-note', 'faq.title',
      'countdown.label', 'countdown.deadline',
      'countdown.unit.days', 'countdown.unit.hours', 'countdown.unit.minutes', 'countdown.unit.seconds'];
    if (e.launch) base.push('launch.badge', 'launch.title', 'launch.accent', 'launch.desc', 'why5.text');
    for (const c of e.cards) {
      base.push(`card.${c.id}.eyebrow`, `card.${c.id}.title`, `card.${c.id}.price`, `card.${c.id}.price-old`);
      if (c.featured) base.push(`card.${c.id}.badge`);
      if (c.unit) base.push(`card.${c.id}.unit`);
      if (c.question) base.push(`card.${c.id}.question`);
      if (c.desc) base.push(`card.${c.id}.desc`);
      if (c.note) base.push(`card.${c.id}.note-label`, `card.${c.id}.note`);
      for (let i = 1; i <= c.features; i++) base.push(`card.${c.id}.feature.${i}`);
    }
    for (const n of e.faq) base.push(`faq.${n}.q`, `faq.${n}.a`);
    return base.map((s) => tagEdizione(e, s));
  };
  for (const e of edizioni) {
    it(`${e.id}: tutti i tag sono nel seed`, () => {
      const mancanti = richiesti(e).filter((tag) => !seedByTag.has(tag));
      expect(mancanti, `tag mancanti: ${mancanti.join(', ')}`).toEqual([]);
    });
  }
  it('lo stato "nessuna promozione" ha i suoi testi', () => {
    for (const tag of ['promo.chiusa.title', 'promo.chiusa.desc', 'promo.chiusa.cta']) {
      expect(seedByTag.has(tag), `manca ${tag}`).toBe(true);
    }
  });
 });
Author	SHA1	Message	Date
Adriano	d03c62641e	Calendario: il 19 e il 20 settembre non sono un buco, sono un evento e una chiusura Quei due giorni non stanno in nessuna delle due griglie perche' non hanno class: il 19 c'e' la presentazione della nuova apertura, il 20 si sta chiusi. Scritto come avviso con la sua finestra, il vuoto smette di sembrare una trascrizione incompleta e diventa un'informazione. Gli avvisi compaiono in cima al popup e in fondo al PDF - e' il file che gira su WhatsApp, e chi lo riceve non ha la pagina davanti. Spariscono da soli quando sono passati: un avviso scaduto dice che il centro e' chiuso in un giorno gia' trascorso, e chi legge non sa piu' se valga per quest'anno o per il prossimo. Lo spazio riservato in fondo alla pagina cresce con gli avvisi, altrimenti la griglia si allunga fino a spingerli su una seconda pagina. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-08-17 17:07:24 +02:00
Adriano	928de34c55	Calendario: mercoledi 17.30 e 18.15 sono vuote per davvero Le due celle coperte dal riquadro di Excel nel foglio dal 21 settembre: Adriano conferma che non c'e' nulla. Il dato non cambia, cambia il commento - quel vuoto adesso e' una risposta, non una lettura mancata. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-08-17 16:44:19 +02:00
Adriano	5be0fa787c	Calendario: il PDF e' un file vero, generato dal server "Scarica in PDF" non apre piu' la stampa del browser: e' un link a /calendario/<id>.pdf che restituisce un documento disegnato dal dato con PDFKit, con Content-Disposition attachment. Serve perche' il calendario si gira su WhatsApp, ed e' cosi' che questo centro parla coi clienti: chi lo riceve non ha il sito aperto davanti. Niente browser headless: Chromium in un container da 2 vCPU costa centinaia di megabyte e un processo per richiesta, per una griglia di sette colonne. Le linee della griglia si tracciano in una passata a parte, dopo i riempimenti: disegnandole riga per riga, il riempimento della riga seguente copriva quella appena fatta e due lezioni uguali in fasce consecutive si leggevano come un blocco unico lungo il doppio. Quattro test: intestazione %PDF- e coda %%EOF (un documento non chiuso arriva monco e il browser mostra una pagina bianca invece di un errore), una pagina sola, nomi di file distinti. Un id sconosciuto e' 404, non un PDF vuoto. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-08-17 16:14:02 +02:00
Adriano	01f49ab6d2	Calendario delle class: popup a pieno schermo dalle pagine Performance e Holistic Le due griglie fornite dal cliente (1-18 settembre, dal 21 in poi) sono trascritte come dato e ridisegnate nello stile del sito: si leggono da telefono, si stampano in PDF e per correggere una cella non serve rifare uno screenshot. Quale griglia compare lo decide la data, come per le edizioni della promo: quella in vigore, oppure - se nessuna lo e' ancora - la prossima, dichiarando da quando entra. Serve perche' il link esiste da subito e ad agosto un "nessun calendario" non direbbe niente a chi vuole gli orari di settembre. Il popup e' un <dialog> nativo: fondale, Esc e trappola del focus senza librerie. "Scarica in PDF" stampa la sola griglia, gia' impaginata in orizzontale dal CSS di stampa. Le discipline hanno una barra colorata a sinistra oltre al fondo, cosi' restano distinguibili anche quando il browser stampa senza sfondi. Quattordici test sul dato: confini al secondo in ora italiana, fasce orarie uniche e in ordine, nessuna lezione in un giorno di chiusura, e il buco vero fra il 19 e il 20 settembre resta dichiarato invece che nascosto. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-08-17 15:58:47 +02:00
Adriano	a18a505254	Servizi: foto e "Per saperne di piu'" della stessa card portano allo stesso posto Erano due espressioni diverse per lo stesso link e sono divergute: su One to One e Performance Class la foto apriva la scheda del servizio mentre il testo mandava a /training, quindi la destinazione dipendeva da dove capitava il dito. Adesso l'indirizzo lo calcola una funzione sola, usata da entrambi. Verificato sulla pagina renderizzata: sei card, zero link discordanti. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-08-17 15:38:03 +02:00
Adriano	cbcb533e57	Promo: un'anteprima non applicata lo dice, invece di mostrare oggi in silenzio Senza login (o con una data illeggibile) il parametro veniva ignorato e la pagina rispondeva con l'edizione corrente: due date diverse davano lo stesso risultato, e si legge come una funzione rotta invece che come un accesso mancante. Ora una barra rossa dichiara il motivo e come rimediare. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-08-17 12:32:57 +02:00
Adriano	0b5d9f4106	Promo: le edizioni si scambiano da sole alla data stabilita La pagina non mostra piu' una promozione sola scritta nel codice: sceglie l'edizione la cui finestra contiene l'istante della richiesta. Il 20 agosto alle 00:00 la promo agosto lascia il posto agli Opening Bundles senza deploy, e dopo il 4 settembre la pagina dichiara che non c'e' nessuna promozione invece di lasciare online prezzi scaduti. Le edizioni sono dato (data/promo-edizioni.ts): finestra, quante card, quali campi ha ciascuna. I testi restano tag modificabili dal pannello, col prefisso dell'edizione. I bundle aggiungono domanda, descrizione e riquadro del periodo di utilizzo, presi dal volantino del cliente. Le date portano l'offset esplicito: il server gira in UTC e senza offset lo scambio avverrebbe due ore prima di quanto scritto sul sito. La pagina esce con Cache-Control: no-store, perche' una copia in cache la congelerebbe all'edizione vecchia. Dieci test: le finestre non si sovrappongono e non lasciano buchi, il countdown scade quando finisce l'edizione, e ogni tag richiesto esiste nel seed - un tag mancante non romperebbe la pagina, lascerebbe una card senza prezzo. Anteprima con ?anteprima=<data>, solo per chi e' loggato. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-08-17 12:27:31 +02:00