/* Pagine pubbliche (letsmeet.community/eventi/): vedi tools/public/genera_pubblico.py. Nessuno script (i filtri sono solo CSS), nessun carattere esterno. */
:root{
  --bg:#F5F6FA; --surface:#FFFFFF; --ink:#161D2B; --ink-2:#4A5468; --ink-3:#596378; --line:#D9DEE8;
  --accent:#D63A31; --accent-2:#C2410C; --accent-soft:#FFE9E4; --link:#3044D0; --accent-ink:#FFFFFF;
  --mix:78%; --r:16px; --r-s:12px; --r-pill:999px; --bw:1px; --sh:none; --live:#C0302B; --live-ink:#FFFFFF;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --bg:#0F131B; --surface:#171D29; --ink:#EEF1F7; --ink-2:#B4BDCF; --ink-3:#A3AEC4; --line:#2A3345; --accent-soft:#3A2420; --link:#8D9BFF; --live:#FF8A80; --live-ink:#2A0F0D; --mix:100%; }
}
:root[data-theme="dark"]{ --bg:#0F131B; --surface:#171D29; --ink:#EEF1F7; --ink-2:#B4BDCF; --ink-3:#A3AEC4; --line:#2A3345; --accent-soft:#3A2420; --link:#8D9BFF; --live:#FF8A80; --live-ink:#2A0F0D; --mix:100%; }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--link)}
img{max-width:100%;height:auto}
main{max-width:1800px;margin:0 auto;padding:8px 16px 32px}

.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1800px;margin:0 auto;padding:14px 16px}
.logo{font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.logo span{color:var(--accent);margin-left:2px;font-size:.7em;vertical-align:super}
.top nav{display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:var(--r-pill);font-weight:700;text-decoration:none;border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink)}
.btn-pri{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);border-color:transparent}
.btn-sec{background:var(--surface)}
.btn.grande{min-height:54px;padding:14px 26px;font-size:18px}

.hero{padding:18px 0 4px}
.hero h1{margin:0 0 6px;font-size:clamp(28px,6vw,42px);line-height:1.1;letter-spacing:-.02em}
.hero p{margin:0;color:var(--ink-2);max-width:60ch}
h2{margin:30px 0 12px;font-size:24px;letter-spacing:-.01em}
.mese{margin:28px 0 10px;font-size:20px;letter-spacing:-.01em}
.vuoto{padding:40px 0;color:var(--ink-2)}

.elenco{display:flex;flex-direction:column;gap:10px}
.ev{display:flex;align-items:stretch;gap:14px;padding:12px;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s}
.ev:hover,.ev:focus-visible{border-color:var(--c);box-shadow:0 6px 18px rgba(16,24,40,.10)}
.ev .data{flex:0 0 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--r-s);background:var(--cs);color:var(--c);text-align:center;line-height:1;padding:8px 0}
.ev .data small{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ev .data b{font-size:30px;font-weight:800;margin:3px 0 2px}
.ev .data span{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ev .dett{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ev h3{margin:2px 0 0;font-size:18px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ev p{margin:0;font-size:15px}
.ev .dove{color:var(--ink-2)}
.ev .ora{color:var(--ink);font-weight:600}
.ev .mini{flex:0 0 96px;width:96px;height:auto;max-height:96px;align-self:center;object-fit:cover;aspect-ratio:1;border-radius:var(--r-s);border:var(--bw) solid var(--line)}
.solo-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chip{display:inline-block;align-self:flex-start;padding:2px 10px;border-radius:var(--r-pill);background:var(--cs,var(--accent-soft));color:var(--c,var(--accent));font-size:13px;font-weight:700}
.muted{color:var(--ink-3)}
.cat-incontro{--c:#3044D0;--cs:#E3E7FB}.cat-festa{--c:#C0302B;--cs:#FBE3E1}.cat-cibo{--c:#B9520A;--cs:#FCEADB}.cat-vino{--c:#8B1E3F;--cs:#F6DDE4}.cat-giochi{--c:#8A6200;--cs:#F7EDCF}.cat-cosplay{--c:#BF1296;--cs:#FBE0F3}.cat-fiera{--c:#5F6B00;--cs:#EEF0CF}.cat-sport{--c:#0B7A66;--cs:#D5F0EA}.cat-trekking{--c:#3C7A1E;--cs:#E1F0D6}.cat-gita{--c:#0870A8;--cs:#D9EEF9}.cat-visita{--c:#0E6A7A;--cs:#D5EEF2}.cat-esperienza{--c:#3A2E99;--cs:#E3E1F7}.cat-immersiva{--c:#5B1A5E;--cs:#F1E0F2}.cat-cultura{--c:#7A3CC2;--cs:#EEE4FA}.cat-museo{--c:#8A4B2A;--cs:#F5E6DC}.cat-musica{--c:#B8286A;--cs:#FBE2EE}.cat-cinema{--c:#34416A;--cs:#E1E5EE}.cat-formazione{--c:#9A2FA8;--cs:#F5E1F7}.cat-tablo{--c:#476A8A;--cs:#DDE7F0}.cat-zonzers{--c:#D42A47;--cs:#FBE0E5}.cat-floovibe{--c:#0E7C86;--cs:#DCF1F2}.cat-altro{--c:#6B6660;--cs:#ECEAE7}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .cat-incontro{--c:#8D9BFF;--cs:#252E52}:root:not([data-theme="light"]) .cat-festa{--c:#FF8A80;--cs:#43201D}:root:not([data-theme="light"]) .cat-cibo{--c:#FFA466;--cs:#3F2715}:root:not([data-theme="light"]) .cat-vino{--c:#F28BA8;--cs:#43192A}:root:not([data-theme="light"]) .cat-giochi{--c:#F2C04D;--cs:#3A2E0E}:root:not([data-theme="light"]) .cat-cosplay{--c:#FF7AD9;--cs:#461838}:root:not([data-theme="light"]) .cat-fiera{--c:#C9D65A;--cs:#2F3310}:root:not([data-theme="light"]) .cat-sport{--c:#4CD3B9;--cs:#123A33}:root:not([data-theme="light"]) .cat-trekking{--c:#8FD66A;--cs:#1F3514}:root:not([data-theme="light"]) .cat-gita{--c:#5CC3F5;--cs:#10324A}:root:not([data-theme="light"]) .cat-visita{--c:#56CDE0;--cs:#0F343B}:root:not([data-theme="light"]) .cat-esperienza{--c:#A9A2FF;--cs:#25224A}:root:not([data-theme="light"]) .cat-immersiva{--c:#E09BE5;--cs:#3A1840}:root:not([data-theme="light"]) .cat-cultura{--c:#C29EFF;--cs:#33254E}:root:not([data-theme="light"]) .cat-museo{--c:#E0A27F;--cs:#3A251A}:root:not([data-theme="light"]) .cat-musica{--c:#FF8CBD;--cs:#45192D}:root:not([data-theme="light"]) .cat-cinema{--c:#B7C3DE;--cs:#262D3D}:root:not([data-theme="light"]) .cat-formazione{--c:#E48AF0;--cs:#3D1B42}:root:not([data-theme="light"]) .cat-tablo{--c:#9BB8D6;--cs:#1E2A36}:root:not([data-theme="light"]) .cat-zonzers{--c:#FF7A8E;--cs:#3F1B23}:root:not([data-theme="light"]) .cat-floovibe{--c:#5CD4DD;--cs:#0F3438}:root:not([data-theme="light"]) .cat-altro{--c:#B5AFA8;--cs:#2E2C29}}
:root[data-theme="dark"] .cat-incontro{--c:#8D9BFF;--cs:#252E52}:root[data-theme="dark"] .cat-festa{--c:#FF8A80;--cs:#43201D}:root[data-theme="dark"] .cat-cibo{--c:#FFA466;--cs:#3F2715}:root[data-theme="dark"] .cat-vino{--c:#F28BA8;--cs:#43192A}:root[data-theme="dark"] .cat-giochi{--c:#F2C04D;--cs:#3A2E0E}:root[data-theme="dark"] .cat-cosplay{--c:#FF7AD9;--cs:#461838}:root[data-theme="dark"] .cat-fiera{--c:#C9D65A;--cs:#2F3310}:root[data-theme="dark"] .cat-sport{--c:#4CD3B9;--cs:#123A33}:root[data-theme="dark"] .cat-trekking{--c:#8FD66A;--cs:#1F3514}:root[data-theme="dark"] .cat-gita{--c:#5CC3F5;--cs:#10324A}:root[data-theme="dark"] .cat-visita{--c:#56CDE0;--cs:#0F343B}:root[data-theme="dark"] .cat-esperienza{--c:#A9A2FF;--cs:#25224A}:root[data-theme="dark"] .cat-immersiva{--c:#E09BE5;--cs:#3A1840}:root[data-theme="dark"] .cat-cultura{--c:#C29EFF;--cs:#33254E}:root[data-theme="dark"] .cat-museo{--c:#E0A27F;--cs:#3A251A}:root[data-theme="dark"] .cat-musica{--c:#FF8CBD;--cs:#45192D}:root[data-theme="dark"] .cat-cinema{--c:#B7C3DE;--cs:#262D3D}:root[data-theme="dark"] .cat-formazione{--c:#E48AF0;--cs:#3D1B42}:root[data-theme="dark"] .cat-tablo{--c:#9BB8D6;--cs:#1E2A36}:root[data-theme="dark"] .cat-zonzers{--c:#FF7A8E;--cs:#3F1B23}:root[data-theme="dark"] .cat-floovibe{--c:#5CD4DD;--cs:#0F3438}:root[data-theme="dark"] .cat-altro{--c:#B5AFA8;--cs:#2E2C29}

.indietro{margin:6px 0 0;max-width:1800px;padding:0 16px;margin-left:auto;margin-right:auto}
.evento{max-width:760px;margin:0 auto;padding:6px 16px 28px;display:flex;flex-direction:column;gap:12px}
.evento h1{margin:0;font-size:clamp(28px,6vw,40px);line-height:1.12;letter-spacing:-.02em}
.locandina{width:100%;border-radius:var(--r);border:var(--bw) solid var(--line);display:block}
.info{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:18px}
.testo p{margin:0 0 12px;color:var(--ink);overflow-wrap:anywhere}
.invito{margin-top:8px;padding:18px;border-radius:var(--r);background:var(--surface);border:var(--bw) solid var(--line)}
.invito h2{margin:0 0 6px;font-size:20px}
.invito p{margin:0 0 14px;color:var(--ink-2)}

footer{max-width:1800px;margin:0 auto;padding:22px 16px 40px;border-top:1px solid var(--line);color:var(--ink-2);font-size:14px}
footer p{margin:0 0 8px}
@media (max-width:520px){ .top nav .btn-sec{display:none} .ev .mini{flex-basis:72px;width:72px} .ev .data{flex-basis:56px} }

/* Filtri senza script: il pulsante radio scelto nasconde le righe (e i mesi) che non corrispondono. Senza :has() si vede tutto l'elenco. */
.filtri{margin:18px 0 0}
.filtri fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.filtri legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.filtri input{position:absolute;opacity:0;width:1px;height:1px}
.filtri label{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:var(--r-pill);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:15px;cursor:pointer}
.filtri input:checked + label{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.filtri input:focus-visible + label{outline:3px solid var(--link);outline-offset:2px}
body:has(#f-we:checked) .ev:not(.we){display:none} body:has(#f-we:checked) main section.mm:not(:has(.we)){display:none}
body:has(#f-incontro:checked) .ev:not(.cat-incontro){display:none} body:has(#f-incontro:checked) main section.mm:not(:has(.cat-incontro)){display:none}
body:has(#f-festa:checked) .ev:not(.cat-festa){display:none} body:has(#f-festa:checked) main section.mm:not(:has(.cat-festa)){display:none}
body:has(#f-cibo:checked) .ev:not(.cat-cibo){display:none} body:has(#f-cibo:checked) main section.mm:not(:has(.cat-cibo)){display:none}
body:has(#f-vino:checked) .ev:not(.cat-vino){display:none} body:has(#f-vino:checked) main section.mm:not(:has(.cat-vino)){display:none}
body:has(#f-giochi:checked) .ev:not(.cat-giochi){display:none} body:has(#f-giochi:checked) main section.mm:not(:has(.cat-giochi)){display:none}
body:has(#f-cosplay:checked) .ev:not(.cat-cosplay){display:none} body:has(#f-cosplay:checked) main section.mm:not(:has(.cat-cosplay)){display:none}
body:has(#f-fiera:checked) .ev:not(.cat-fiera){display:none} body:has(#f-fiera:checked) main section.mm:not(:has(.cat-fiera)){display:none}
body:has(#f-sport:checked) .ev:not(.cat-sport){display:none} body:has(#f-sport:checked) main section.mm:not(:has(.cat-sport)){display:none}
body:has(#f-trekking:checked) .ev:not(.cat-trekking){display:none} body:has(#f-trekking:checked) main section.mm:not(:has(.cat-trekking)){display:none}
body:has(#f-gita:checked) .ev:not(.cat-gita){display:none} body:has(#f-gita:checked) main section.mm:not(:has(.cat-gita)){display:none}
body:has(#f-visita:checked) .ev:not(.cat-visita){display:none} body:has(#f-visita:checked) main section.mm:not(:has(.cat-visita)){display:none}
body:has(#f-esperienza:checked) .ev:not(.cat-esperienza){display:none} body:has(#f-esperienza:checked) main section.mm:not(:has(.cat-esperienza)){display:none}
body:has(#f-immersiva:checked) .ev:not(.cat-immersiva){display:none} body:has(#f-immersiva:checked) main section.mm:not(:has(.cat-immersiva)){display:none}
body:has(#f-cultura:checked) .ev:not(.cat-cultura){display:none} body:has(#f-cultura:checked) main section.mm:not(:has(.cat-cultura)){display:none}
body:has(#f-museo:checked) .ev:not(.cat-museo){display:none} body:has(#f-museo:checked) main section.mm:not(:has(.cat-museo)){display:none}
body:has(#f-musica:checked) .ev:not(.cat-musica){display:none} body:has(#f-musica:checked) main section.mm:not(:has(.cat-musica)){display:none}
body:has(#f-cinema:checked) .ev:not(.cat-cinema){display:none} body:has(#f-cinema:checked) main section.mm:not(:has(.cat-cinema)){display:none}
body:has(#f-formazione:checked) .ev:not(.cat-formazione){display:none} body:has(#f-formazione:checked) main section.mm:not(:has(.cat-formazione)){display:none}
body:has(#f-tablo:checked) .ev:not(.cat-tablo){display:none} body:has(#f-tablo:checked) main section.mm:not(:has(.cat-tablo)){display:none}
body:has(#f-zonzers:checked) .ev:not(.cat-zonzers){display:none} body:has(#f-zonzers:checked) main section.mm:not(:has(.cat-zonzers)){display:none}
body:has(#f-floovibe:checked) .ev:not(.cat-floovibe){display:none} body:has(#f-floovibe:checked) main section.mm:not(:has(.cat-floovibe)){display:none}
body:has(#f-altro:checked) .ev:not(.cat-altro){display:none} body:has(#f-altro:checked) main section.mm:not(:has(.cat-altro)){display:none}
body:has(#f-tutti:checked) .ev{display:flex}

/* Sezioni (Eventi · Concerti · Cinema) */
.sezioni{display:flex;gap:8px;flex-wrap:wrap;max-width:1800px;margin:0 auto;padding:0 16px 4px}
.sezioni a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:var(--r-pill);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;text-decoration:none}
.sezioni a[aria-current="page"]{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);border-color:transparent}   /* stesso colore del pulsante principale in ogni tema */
.sezioni .n{font-size:13px;font-weight:700;opacity:.75}
.sezioni a:focus-visible{outline:3px solid var(--link);outline-offset:2px}

/* Cinema */
.film .dett{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.film h3{margin:0;font-size:19px;line-height:1.25}
.film p{margin:0;font-size:15px}
.film .dove{color:var(--ink-2)}
.film .ora{font-weight:600}
.film .descr{color:var(--ink-2)}
.film .links a{margin-right:10px;font-weight:600}
.film .mini{flex:0 0 96px;width:96px;height:auto;align-self:flex-start;aspect-ratio:2/3;object-fit:cover;border-radius:var(--r-s);border:var(--bw) solid var(--line)}
.orari{margin-top:6px}
.orari summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.orari h4{margin:10px 0 4px;font-size:15px}
.orari ul{margin:0;padding-left:18px;font-size:15px}
.orari p{margin:6px 0 0}

/* Ricerca nel browser (js/pubblico.js): la scheda compare solo se lo script parte */
[hidden]{display:none!important}
.cerca{display:grid;grid-template-columns:2fr 1.2fr 1.6fr auto;gap:8px;margin:18px 0 0;padding:12px;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r)}
.cerca label{display:flex;min-width:0}
.cerca input,.cerca select{width:100%;min-height:48px;padding:10px 14px;border:var(--bw) solid var(--line);border-radius:var(--r-s);background:var(--bg);color:var(--ink);font:inherit}
.cerca input:focus-visible,.cerca select:focus-visible,.cerca .btn:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.cerca .btn[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chips-js{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.chips-js button,.vista button{min-height:44px;padding:8px 14px;border-radius:var(--r-pill);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.chips-js button[aria-pressed="true"],.vista button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chips-js button:focus-visible,.vista button:focus-visible,.linkish:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.filtro-locale{margin:12px 0 0}
.filtro-locale label{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.filtro-locale span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.filtro-locale select{min-height:44px;max-width:100%;padding:8px 14px;border:var(--bw) solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;font-size:15px}
.filtro-locale select:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.barra{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:14px 0 0}
.barra p{margin:0;font-weight:700;flex:1 1 220px}
.linkish{background:none;border:0;padding:8px 4px;min-height:44px;color:var(--link);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
.vista{display:flex;gap:6px}
#msg{margin:8px 0 0}
.ev .km{font-weight:700;color:var(--ink)}
.ev .ph{display:none}
@media (max-width:720px){ .cerca{grid-template-columns:1fr 1fr} .cerca .c-cosa,.cerca .c-dove{grid-column:1/-1} .cerca .btn{grid-column:1/-1} }

/* Vista a schede */
body.v-schede .elenco{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
body.v-schede .ev{flex-direction:column;padding:0;gap:0;overflow:hidden;position:relative}
body.v-schede .ev .mini,body.v-schede .ev .ph{order:-1;display:flex;align-items:center;justify-content:center;width:100%;max-height:none;flex:none;aspect-ratio:16/10;border-radius:0;border:0;border-bottom:1px solid var(--line);object-fit:cover;background:var(--cs);font-size:46px}
body.v-schede .ev .data{position:absolute;top:10px;left:10px;flex:none;width:58px;z-index:1;box-shadow:0 2px 8px rgba(16,24,40,.18);padding:6px 0}   /* v556: senza «background:var(--surface)» la data era bianca su bianco (il fondo a tinta del giorno è più sotto) */
body.v-schede .ev .dett{padding:12px 14px 16px}
.cerca .btn{font:inherit;font-size:16px;font-weight:700}
.barra p{flex:1 1 150px}
.vista{margin-left:auto}
@media (max-width:720px){
  /* categorie e province su una riga che scorre di lato, come nell'app */
  .chips-js{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 6px}
  .chips-js::-webkit-scrollbar{display:none}
  .chips-js button{flex:none;white-space:nowrap}
}
@media (max-width:720px){ .cerca .c-quando,.cerca .c-dove{grid-column:auto} .cerca .c-cosa,.cerca .btn{grid-column:1/-1} }
@media (max-width:480px){
  .sezioni{gap:6px}
  .sezioni a{padding:8px 12px;gap:6px}
  .top .lg{display:none}
}

.ev,.film,.cerca,.invito{box-shadow:var(--sh)}

/* ===== Temi (stessi nomi e stessa scelta dell'app: chiavi letsmeet-theme / letsmeet-mode). «vetrina» = i valori di base qui sopra ===== */
html[data-look="classico"]{ --bg:#EEF1F6; --accent:#3044D0; --accent-2:#3044D0; --accent-soft:#E3E7FB; --r:10px; --r-s:8px; --r-pill:8px; }
@media (prefers-color-scheme: dark){ html[data-look="classico"]:not([data-theme="light"]){ --accent:#8D9BFF; --accent-2:#8D9BFF; --accent-ink:#0F131B; --accent-soft:#252E52; } }
html[data-look="classico"][data-theme="dark"]{ --accent:#8D9BFF; --accent-2:#8D9BFF; --accent-ink:#0F131B; --accent-soft:#252E52; }
/* Poster: la forma è quella di Vetrina (angoli tondi, linee sottili, niente ombre nette); cambiano solo i colori (A-125) */
html[data-look="poster"]{ --bg:#FFF3E0; --surface:#FFFFFF; --ink:#161D2B; --ink-2:#4A5468; --ink-3:#5E687C; --line:#E8DDCB; --accent:#5B3DF5; --accent-2:#5B3DF5; --accent-soft:#ECE8FF; --link:#3A22D0; --r:16px; --r-s:12px; --r-pill:999px; --bw:1px; --sh:none; }
@media (prefers-color-scheme: dark){ html[data-look="poster"]:not([data-theme="light"]){ --bg:#0F0B24; --surface:#1A1533; --ink:#F4F1FF; --ink-2:#D2CBF0; --ink-3:#B8B0DE; --line:#3A3160; --accent:#A594FF; --accent-2:#A594FF; --accent-ink:#0F0B24; --accent-soft:#2A2350; --link:#B8AAFF; --sh:none; } }
html[data-look="poster"][data-theme="dark"]{ --bg:#0F0B24; --surface:#1A1533; --ink:#F4F1FF; --ink-2:#D2CBF0; --ink-3:#B8B0DE; --line:#3A3160; --accent:#A594FF; --accent-2:#A594FF; --accent-ink:#0F0B24; --accent-soft:#2A2350; --link:#B8AAFF; --sh:none; }

/* Tramonto: la forma di Vetrina con i colori della sera (viola, corallo, oro); fondo crema in chiaro, viola notte in scuro */
html[data-look="tramonto"]{ --bg:#FFF3E6; --surface:#FFFFFF; --ink:#2B1D3F; --ink-2:#5D4B73; --ink-3:#6A5A80; --line:#ECD9C3; --accent:#B9442F; --accent-2:#6A3F9C; --accent-soft:#FBE3D6; --link:#9C3624; --r:16px; --r-s:12px; --r-pill:999px; --bw:1px; --sh:none; }
@media (prefers-color-scheme: dark){ html[data-look="tramonto"]:not([data-theme="light"]){ --bg:#171028; --surface:#241A3D; --ink:#FFF0E0; --ink-2:#CDBBE0; --ink-3:#BFAED3; --line:#3D2F63; --accent:#FFB27A; --accent-2:#F2B560; --accent-ink:#2A1208; --accent-soft:#3B2A4D; --link:#FFC59A; --sh:none; } }
html[data-look="tramonto"][data-theme="dark"]{ --bg:#171028; --surface:#241A3D; --ink:#FFF0E0; --ink-2:#CDBBE0; --ink-3:#BFAED3; --line:#3D2F63; --accent:#FFB27A; --accent-2:#F2B560; --accent-ink:#2A1208; --accent-soft:#3B2A4D; --link:#FFC59A; --sh:none; }

/* Taccuino: carta avorio, inchiostro caldo e accento terracotta. */
html[data-look="taccuino"]{--bg:#F3EBDD;--surface:#FFFCF5;--ink:#302B25;--ink-2:#62584E;--ink-3:#75695E;--line:#DED2C1;--accent:#9F4934;--accent-2:#87402F;--accent-soft:#F1DED4;--accent-ink:#FFF9F2;--link:#80503B;--r:12px;--r-s:8px;--r-pill:999px;--sh:0 2px 8px rgba(68,48,33,.07)}
html[data-look="taccuino"] h1,html[data-look="taccuino"] h2,html[data-look="taccuino"] .mese{font-family:Georgia,"Times New Roman",serif}
html[data-look="taccuino"] .ev{box-shadow:0 2px 8px rgba(68,48,33,.06)}
html[data-look="taccuino"] .ev:hover,html[data-look="taccuino"] .ev:focus-visible{box-shadow:0 5px 16px rgba(68,48,33,.12)}
html[data-look="taccuino"] .ev .data{border-radius:8px}
html[data-look="taccuino"] .btn-pri{background:var(--accent);color:var(--accent-ink)}
html[data-look="taccuino"] .logo{font-family:Georgia,"Times New Roman",serif}
@media (prefers-color-scheme:dark){html[data-look="taccuino"]:not([data-theme="light"]){--bg:#201F1B;--surface:#2A2823;--ink:#F1E9DD;--ink-2:#C5B9A8;--ink-3:#AFA18F;--line:#484139;--accent:#D8957B;--accent-2:#B66C53;--accent-soft:#47332C;--accent-ink:#211A16;--link:#E0A58B;--sh:0 2px 10px rgba(0,0,0,.18)}}
html[data-look="taccuino"][data-theme="dark"]{--bg:#201F1B;--surface:#2A2823;--ink:#F1E9DD;--ink-2:#C5B9A8;--ink-3:#AFA18F;--line:#484139;--accent:#D8957B;--accent-2:#B66C53;--accent-soft:#47332C;--accent-ink:#211A16;--link:#E0A58B;--sh:0 2px 10px rgba(0,0,0,.18)}

/* Selettore «Aspetto» (js/tema.js): compare nell'intestazione solo se lo script parte */
.top{position:relative}
.aspetto{position:static}   /* il pannello si ancora all'intestazione (.top), non al piccolo pulsante: su telefono non esce dallo schermo */
.aspetto summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:10px 14px;border-radius:var(--r-pill);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;cursor:pointer}
.aspetto summary::-webkit-details-marker{display:none}
.aspetto summary:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.aspetto .pop{position:absolute;right:16px;top:100%;z-index:60;width:min(340px,calc(100vw - 32px));padding:14px;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:0 12px 30px rgba(16,24,40,.22)}
.aspetto h2{margin:0 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}
.aspetto .temi{display:grid;gap:6px;margin-bottom:12px}
.aspetto .temi button,.aspetto .modi button{min-height:44px;padding:8px 12px;border-radius:var(--r-s);border:var(--bw) solid var(--line);background:var(--bg);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.aspetto .temi strong{display:block;font-size:16px}
.aspetto .temi small{display:block;color:var(--ink-2);font-size:14px}
.aspetto .modi{display:flex;gap:6px}
.aspetto .modi button{flex:1;text-align:center;font-weight:600}
.aspetto button[aria-checked="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.aspetto button[aria-checked="true"] small{color:inherit;opacity:.85}
.aspetto button:focus-visible{outline:3px solid var(--link);outline-offset:2px}

/* Etichette «Oggi» e «In corso» (come nell'app) */
.tag{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chip.stato{font-weight:800}
.chip.stato.live{background:var(--live);color:var(--live-ink)}
.chip.stato.today{background:var(--ink);color:var(--bg)}

/* leggibilità: testo di categoria e giorno scurito in chiaro (--mix), invariato in scuro */
.chip{color:color-mix(in srgb,var(--c,var(--accent)) var(--mix),#000)}
.ev .data{color:color-mix(in srgb,var(--c) var(--mix),#000)}
.chip.stato.live{color:var(--live-ink)}
.chip.stato.today{color:var(--bg)}

/* Cinema: stessa riga degli eventi; locandina verticale */
.ev.film .dett{gap:4px}
body.v-schede .film .mini{aspect-ratio:3/4}
body.v-schede .film .ph{aspect-ratio:16/5}

/* Cinema: menu a tendina di genere e cinema nella scheda di ricerca */
.cerca:has(#genere){grid-template-columns:2fr 1.2fr 1.2fr 1.4fr}
@media (max-width:720px){ .cerca:has(#genere){grid-template-columns:1fr 1fr} .cerca:has(#genere) .c-dove{grid-column:1/-1} }

/* Cinema: orari del giorno più vicino come pulsantini, riquadro colorato al posto della locandina */
.film .prox{display:flex;flex-direction:column;gap:6px;margin:6px 0 2px}
.film .pg{margin:0;font-weight:800;font-size:16px}
.film .pc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.film .cn{flex:0 0 100%;font-size:15px;font-weight:600;color:var(--ink-2)}
.film .ore{display:flex;flex-wrap:wrap;gap:6px}
.film .t,.film .altri{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:60px;padding:6px 12px;border-radius:var(--r-pill);font-weight:700;font-variant-numeric:tabular-nums;text-decoration:none}
.film .t{border:var(--bw) solid var(--c);background:var(--cs);color:color-mix(in srgb,var(--c) 65%,var(--ink))}   /* il colore della fascia, schiarito (scuro) o scurito (chiaro) verso il testo del tema: leggibile in tutti i temi */
.film a.t:hover{background:var(--c);color:var(--bg)}
.film .t:focus-visible{outline:3px solid var(--link);outline-offset:2px}
/* Cinema: 📅 accanto a ogni orario = «Aggiungi al calendario» di quella proiezione (file .ics) */
.film .tc{display:inline-flex;align-items:center;gap:2px}
.film a.cal{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--r-pill);font-size:18px;line-height:1;text-decoration:none}
.film a.cal:hover{background:var(--cs)}
.film a.cal:focus-visible{outline:3px solid var(--link);outline-offset:2px}

/* Cinema: vista Calendario (mese + agenda del giorno), disegnata da js/pubblico.js con gli orari già presenti nella pagina */
body.v-calendario section.mm{display:none}
.calmese{margin:8px 0 22px}
.calmese .cal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.calmese .cal-head h2{margin:0;font-size:22px;text-transform:capitalize}
.calmese .cal-nav{display:flex;gap:6px}
.calmese .cal-nav button{min-height:44px;min-width:44px;padding:6px 14px;border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r-pill);font:inherit;font-weight:700;cursor:pointer}
.calmese .cal-nav button:hover{border-color:var(--c)}
.calmese .cal-nav button:focus-visible,.calmese .cal-film .ft:focus-visible,.calmese .cal-vuoto button:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden;background:var(--surface)}
.cal-wd{padding:6px 4px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line)}
.cal-cell{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-height:96px;padding:6px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.cal-cell:nth-child(7n){border-right:0}
.cal-cell:hover{background:var(--cs)}
.cal-cell.out{background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--ink-3)}
.cal-cell.gone .cal-f{opacity:.65}
.cal-cell .num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:700;font-size:13px}
.cal-cell.today .num{background:var(--ink);color:var(--bg)}
.cal-cell.sel{outline:3px solid var(--link);outline-offset:-3px}
.cal-cell:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
.cal-f{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;border-radius:6px;font-size:12px;font-weight:600;background:var(--cs);color:color-mix(in srgb,var(--c) var(--mix),#000)}
.cal-more{font-size:12px;font-weight:600;color:var(--ink-2)}
.cal-dots{display:none}
.cal-vuoto{margin:6px 0 10px;color:var(--ink-2)}
.cal-vuoto .linkish{font:inherit;color:var(--link);text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
.cal-agenda{margin-top:18px}
.cal-agenda h3{margin:0 0 6px;font-size:19px}
.cal-film{padding:12px 0;border-top:1px solid var(--line)}
.cal-film .ft{border:0;background:none;padding:0;font:inherit;font-weight:800;font-size:18px;color:var(--ink);text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cal-film .cal-c{margin:8px 0 4px;font-size:15px;font-weight:600;color:var(--ink-2)}
.cal-film .ore{display:flex;flex-wrap:wrap;gap:6px}
.cal-agenda .tc{display:inline-flex;align-items:center;gap:2px}
.cal-agenda .t{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:60px;padding:6px 12px;border-radius:var(--r-pill);font-weight:700;font-variant-numeric:tabular-nums;text-decoration:none;border:var(--bw) solid var(--c);background:var(--cs);color:color-mix(in srgb,var(--c) 65%,var(--ink))}
.cal-agenda a.t:hover{background:var(--c);color:var(--bg)}
.cal-agenda .t:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.cal-agenda a.cal{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--r-pill);font-size:18px;line-height:1;text-decoration:none}
.cal-agenda a.cal:hover{background:var(--cs)}
.cal-agenda a.cal:focus-visible{outline:3px solid var(--link);outline-offset:2px}
@media (max-width:640px){
  .cal-cell{min-height:58px;padding:4px;align-items:center}
  .cal-f,.cal-more{display:none}
  .cal-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}
  .cal-dots i{width:7px;height:7px;border-radius:50%;background:var(--c)}
  .calmese .cal-head h2{font-size:19px}
}
.film .altri{color:var(--ink-2);min-width:0}
.ev.film .ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:0 0 108px;width:108px;height:128px;align-self:flex-start;border-radius:var(--r-s);background:var(--cs);color:color-mix(in srgb,var(--c) var(--mix),#000);text-align:center;padding:6px 2px}
.ev.film .ph i{font-style:normal;font-size:50px;line-height:1}
.ev.film .ph small{font-size:12.5px;font-weight:700;line-height:1.15;overflow-wrap:normal;word-break:normal;hyphens:none}
@media (max-width:480px){ .ev.film .ph{flex-basis:56px;width:56px;height:72px} .ev.film .ph i{font-size:34px} .ev.film .ph small{display:none} }   /* su telefono solo l'icona: la parola non ci sta e il genere è già nelle etichette */
body.v-schede .ev.film .ph{height:auto;width:100%;flex:none;aspect-ratio:16/6;flex-direction:row;gap:10px}

/* Cinema: «Tutti gli orari» con gli stessi pulsantini colorati degli orari in vista */
.orari ul.giorni{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.orari .giorni li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.orari .giorni b{flex:0 0 92px;font-size:15px}
.orari .giorni b::first-letter,.film .pg::first-letter{text-transform:uppercase}
.orari .giorni .ore{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:480px){ .orari .giorni b{flex:0 0 100%} }

/* ===== Testata con banner (le stesse immagini dell'app, intere: niente ritaglio) e telefono più compatto ===== */
.hero{margin:0;padding:6px 0 0;text-align:center}
.hero p{margin-inline:auto}
@media (max-width:720px){
  .hero{padding-top:0}
  .hero h1{font-size:26px}
  .hero p{display:none}
  /* Eventi · Concerti · Cinema su una riga sola */
  .sezioni{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .sezioni::-webkit-scrollbar{display:none}
  .sezioni{gap:5px}
  .sezioni a{flex:none;padding:8px 10px;gap:5px;font-size:15px}
  .sezioni .n{font-size:12px}
  /* ricerca: «Cosa vuoi fare?» con 📍 accanto, poi Quando e Dove: due righe invece di tre */
  .cerca{gap:8px;padding:10px;margin-top:12px}
  .cerca .lg{display:none}
  .cerca select{padding-inline:10px 4px}
  .cerca:has(#vicino){grid-template-columns:1.3fr 1fr 48px}
  .cerca:has(#vicino) .c-cosa{grid-column:1/3;grid-row:1}
  .cerca:has(#vicino) #vicino{grid-column:3;grid-row:1;min-width:48px;min-height:48px;padding:0}
  .cerca:has(#vicino) .c-quando{grid-column:1/2;grid-row:2}
  .cerca:has(#vicino) .c-dove{grid-column:2/4;grid-row:2}
}

/* ===== Titoli per giorno (js/pubblico.js) ===== */
.giorno{display:flex;align-items:center;gap:12px;margin:14px 0 0;font-size:16px;font-weight:800;letter-spacing:-.005em;color:var(--ink)}
.giorno::first-letter{text-transform:uppercase}
.giorno::after{content:"";flex:1;height:var(--bw);background:var(--line)}
.elenco>.giorno:first-child{margin-top:2px}
body.v-schede .elenco>.giorno{grid-column:1/-1}

/* ===== Telefono: Concerti e Cinema più corti ===== */
@media (max-width:720px){
  .filtro-locale{margin-top:8px}
  .filtro-locale label{display:block}
  .filtro-locale span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}   /* il menu già dice «Tutti i locali (n)» */
  .filtro-locale select{width:100%}
  .barra{gap:6px 10px;margin-top:10px}
  .barra p{flex:0 0 auto}
  .vista{gap:4px}
  .vista button{padding:8px 12px;font-size:14px}
  .cerca:has(#genere){gap:8px}
  .cerca:has(#genere) .c-cosa{grid-column:1/-1}
}
@media (max-width:480px){
  /* film: un solo genere accanto a «In sala», non tre etichette su tre righe */
  .film .tag .chip:not(:first-child):not(:last-child){display:none}
}

/* schermi larghi: stessa larghezza e stessi margini del sito principale (.wrap in vetrina.css: 2000 px, margini laterali clamp(14px,1.4vw,24px)) */
@media (min-width:900px){
  main,.top,.indietro,.sezioni,footer{max-width:2000px;padding-inline:clamp(14px,1.4vw,24px)}
}


/* concerti: «Locale» e «Genere» sulla stessa riga */
.filtro-locale{display:flex;flex-wrap:wrap;gap:10px 22px}
.chip.genre{--cs:var(--accent-soft);--c:var(--accent)}

/* pagine Eventi, Concerti e Cinema: titolo e descrizione non si vedono (restano per i motori di ricerca e per chi usa uno screen reader) */
.hero.hero-eventi,.hero.hero-concerti,.hero.hero-cinema{padding:0}
.hero.hero-eventi h1,.hero.hero-eventi p,.hero.hero-concerti h1,.hero.hero-concerti p,.hero.hero-cinema h1,.hero.hero-cinema p{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* «Scegli una data…» (js/pubblico.js): il campo Giorno compare sotto i filtri, a tutta riga */
.cerca .c-giorno{grid-column:1/-1;display:flex;align-items:center;gap:10px}
.cerca .c-giorno span{font-weight:700;color:var(--ink-2)}
.cerca .c-giorno input{width:auto;min-width:200px}
@media (max-width:720px){ .cerca:has(#vicino) .c-giorno{grid-column:1/-1;grid-row:3} .cerca:has(#genere) .c-giorno{grid-column:1/-1} }

/* Prezzo indicativo (da 30 € / 30–45 €), solo dove la scheda dei biglietti lo diceva */
.ev .prezzo{font-weight:700;color:var(--ink)}

/* ===== Velocità e telefono ===== */
/* elenchi lunghi (160+ righe): il browser disegna solo quelle che si vedono */
.ev{content-visibility:auto;contain-intrinsic-size:auto 132px}
/* banner leggero sotto i 720 px */
@media (max-width:720px){
  .hero.hero-eventi::before{background-image:url(/img/hero-eventi-sm.webp)}
  .hero.hero-concerti::before{background-image:url(/img/hero-concerti-sm.webp)}
  .hero.hero-cinema::before{background-image:url(/img/hero-cinema-sm.webp)}
}
/* sotto il titolo «Oggi» non serve il badge «Oggi» su ogni riga (resta «In corso») */
.ev.sotto-oggi .chip.stato.today{display:none}
/* Cinema, telefono: «Filtri» apre quando/genere/cinema; sul computer il pulsante non c'è */
#filtri-tel{display:none}
@media (max-width:720px){
  .cerca:has(#cinema) #filtri-tel{display:inline-flex;grid-column:1/-1}
  .cerca:has(#cinema):not(.aperta) .c-quando,.cerca:has(#cinema):not(.aperta) .c-genere,.cerca:has(#cinema):not(.aperta) .c-dove{display:none}
  .cerca:has(#cinema) .c-cosa{grid-column:1/-1}
}

/* ===== Tema Vetrina: stesso aspetto «serata al neon» della pagina di accesso (modalità automatica o scura; con «Chiaro» resta il disegno chiaro) ===== */
html[data-look="vetrina"]:not([data-theme="light"]){
  color-scheme:dark; background:#0b0920;
  --bg:#0b0920; --surface:#15113a; --ink:#FFFFFF; --ink-2:rgba(255,255,255,.84); --ink-3:rgba(255,255,255,.68); --line:rgba(255,255,255,.17);
  --accent:#ff2d95; --accent-2:#8a3ffc; --accent-soft:rgba(255,45,149,.2); --accent-ink:#FFFFFF; --link:#ffb86b;
  --neon:linear-gradient(90deg,#ff9f1a,#ff2d95 45%,#8a3ffc 75%,#19b5ff); --pulsante:linear-gradient(90deg,#d01c74,#7b34e8);
}
html[data-look="vetrina"]:not([data-theme="light"]) body{font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:transparent;position:relative}
html[data-look="vetrina"]:not([data-theme="light"]) body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 600px at 6% -4%,rgba(255,45,149,.30),transparent 70%),radial-gradient(1000px 700px at 100% 18%,rgba(25,181,255,.20),transparent 70%),radial-gradient(900px 700px at 0% 88%,rgba(138,63,252,.26),transparent 70%),#0b0920}
html[data-look="vetrina"]:not([data-theme="light"]) :is(h1,h2,h3,.logo,.mese){font-family:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif}
html[data-look="vetrina"]:not([data-theme="light"]) .logo{font-size:27px;color:#fff}
html[data-look="vetrina"]:not([data-theme="light"]) .logo span{background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-look="vetrina"]:not([data-theme="light"]) .btn-pri{background:var(--pulsante);color:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(255,45,149,.35)}
html[data-look="vetrina"]:not([data-theme="light"]) .btn-pri:hover{box-shadow:0 12px 32px rgba(255,45,149,.55)}
html[data-look="vetrina"]:not([data-theme="light"]) .btn-sec{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}
/* sezioni (Eventi · Concerti · Cinema) */
html[data-look="vetrina"]:not([data-theme="light"]) .sezioni a{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);color:#fff}
html[data-look="vetrina"]:not([data-theme="light"]) .sezioni a[aria-current="page"]{background:var(--pulsante);border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(255,45,149,.4)}
/* ricerca, filtri, schede */
html[data-look="vetrina"]:not([data-theme="light"]) .cerca{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.17);border-radius:20px}
html[data-look="vetrina"]:not([data-theme="light"]) .cerca input,html[data-look="vetrina"]:not([data-theme="light"]) .cerca select{background:rgba(11,9,32,.72);border-color:rgba(255,255,255,.2);color:#fff}
html[data-look="vetrina"]:not([data-theme="light"]) .cerca .btn[aria-pressed="true"]{background:var(--pulsante);color:#fff;border-color:transparent}
html[data-look="vetrina"]:not([data-theme="light"]) .filtri label{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);color:#fff}
html[data-look="vetrina"]:not([data-theme="light"]) .filtri input:checked + label{background:var(--pulsante);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(255,45,149,.35)}
html[data-look="vetrina"]:not([data-theme="light"]) .vista button[aria-pressed="true"]{background:var(--pulsante);border-color:transparent;color:#fff}
html[data-look="vetrina"]:not([data-theme="light"]) .ev{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border-color:rgba(255,255,255,.16)}
html[data-look="vetrina"]:not([data-theme="light"]) .ev:hover,html[data-look="vetrina"]:not([data-theme="light"]) .ev:focus-visible{border-color:var(--c);box-shadow:0 14px 36px color-mix(in srgb,var(--c) 38%,transparent)}
html[data-look="vetrina"]:not([data-theme="light"]) footer{border-top-color:rgba(255,255,255,.14)}
html[data-look="vetrina"]:not([data-theme="light"]) :is(a,button,summary,input,select):focus-visible{outline:3px solid #fff;outline-offset:3px}
/* tinte scure delle categorie anche con il sistema in modalità chiara (con il neon lo sfondo è sempre scuro) */
html[data-look="vetrina"]:not([data-theme="light"]) .cat-incontro{--c:#8D9BFF;--cs:#252E52}html[data-look="vetrina"]:not([data-theme="light"]) .cat-festa{--c:#FF8A80;--cs:#43201D}html[data-look="vetrina"]:not([data-theme="light"]) .cat-cibo{--c:#FFA466;--cs:#3F2715}html[data-look="vetrina"]:not([data-theme="light"]) .cat-vino{--c:#F28BA8;--cs:#43192A}html[data-look="vetrina"]:not([data-theme="light"]) .cat-giochi{--c:#F2C04D;--cs:#3A2E0E}html[data-look="vetrina"]:not([data-theme="light"]) .cat-cosplay{--c:#FF7AD9;--cs:#461838}html[data-look="vetrina"]:not([data-theme="light"]) .cat-fiera{--c:#C9D65A;--cs:#2F3310}html[data-look="vetrina"]:not([data-theme="light"]) .cat-sport{--c:#4CD3B9;--cs:#123A33}html[data-look="vetrina"]:not([data-theme="light"]) .cat-trekking{--c:#8FD66A;--cs:#1F3514}html[data-look="vetrina"]:not([data-theme="light"]) .cat-gita{--c:#5CC3F5;--cs:#10324A}html[data-look="vetrina"]:not([data-theme="light"]) .cat-visita{--c:#56CDE0;--cs:#0F343B}html[data-look="vetrina"]:not([data-theme="light"]) .cat-esperienza{--c:#A9A2FF;--cs:#25224A}html[data-look="vetrina"]:not([data-theme="light"]) .cat-immersiva{--c:#E09BE5;--cs:#3A1840}html[data-look="vetrina"]:not([data-theme="light"]) .cat-cultura{--c:#C29EFF;--cs:#33254E}html[data-look="vetrina"]:not([data-theme="light"]) .cat-museo{--c:#E0A27F;--cs:#3A251A}html[data-look="vetrina"]:not([data-theme="light"]) .cat-musica{--c:#FF8CBD;--cs:#45192D}html[data-look="vetrina"]:not([data-theme="light"]) .cat-cinema{--c:#B7C3DE;--cs:#262D3D}html[data-look="vetrina"]:not([data-theme="light"]) .cat-formazione{--c:#E48AF0;--cs:#3D1B42}html[data-look="vetrina"]:not([data-theme="light"]) .cat-tablo{--c:#9BB8D6;--cs:#1E2A36}html[data-look="vetrina"]:not([data-theme="light"]) .cat-zonzers{--c:#FF7A8E;--cs:#3F1B23}html[data-look="vetrina"]:not([data-theme="light"]) .cat-floovibe{--c:#5CD4DD;--cs:#0F3438}html[data-look="vetrina"]:not([data-theme="light"]) .cat-altro{--c:#B5AFA8;--cs:#2E2C29}

/* ===== Fascia sottile con la riga di icone del banner (Vetrina): immagini già ritagliate (img/fascia-*.webp, circa 30-70 KB invece del banner intero) ===== */
html[data-look="vetrina"] .hero.hero-eventi::before,html[data-look="vetrina"] .hero.hero-concerti::before,html[data-look="vetrina"] .hero.hero-cinema::before{
  content:"";display:block;width:100%;height:clamp(104px,8.4vw,150px);border-radius:20px;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.14)}
html[data-look="vetrina"] .hero{margin-top:8px}
html[data-look="vetrina"] .hero.hero-eventi::before{background-image:url(/img/fascia-eventi.webp)}
html[data-look="vetrina"] .hero.hero-concerti::before{background-image:url(/img/fascia-concerti.webp)}
html[data-look="vetrina"] .hero.hero-cinema::before{background-image:url(/img/fascia-cinema.webp)}
@media (max-width:720px){
  html[data-look="vetrina"] .hero.hero-eventi::before,html[data-look="vetrina"] .hero.hero-concerti::before,html[data-look="vetrina"] .hero.hero-cinema::before{height:78px;border-radius:16px}
  html[data-look="vetrina"] .hero.hero-eventi::before{background-image:url(/img/fascia-eventi-sm.webp)}
  html[data-look="vetrina"] .hero.hero-concerti::before{background-image:url(/img/fascia-concerti-sm.webp)}
  html[data-look="vetrina"] .hero.hero-cinema::before{background-image:url(/img/fascia-cinema-sm.webp)}
}

/* ===== Testata come nell'app (Vetrina, 2026-10-10; dal v557 in tutti i temi: foto, ricerca a vetro e pillole sono uguali, i colori seguono il tema): foto intera con titolo, ricerca, saluto e pillole SOPRA l'immagine (stesse foto e stesse altezze dell'app).
   Il contenitore .testata c'è in tutti i temi, ma solo Vetrina gli dà lo sfondo; negli altri resta la fascia di prima. Restano le differenze della parte pubblica:
   «Vicino a me», «Stasera ci sono…», Righe/Schede/Calendario sotto, nessun nome di persona, «Entra nella community». ===== */
html .testata{position:relative;isolation:isolate;overflow:hidden;margin-top:8px;padding:26px 44px 24px;min-height:clamp(300px,23vw,345px);border-radius:26px;color:#fff;background:var(--hero-bg,#1b1340)}   /* niente filo chiaro né ombra: come la testata dell'app */
html .testata::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--foto) var(--pos,center 40%) / cover no-repeat}
html .testata::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(var(--hero-ov,16,10,44),.7) 0%,rgba(var(--hero-ov,16,10,44),.5) 40%,rgba(var(--hero-ov,16,10,44),.08) 72%,rgba(var(--hero-ov,16,10,44),0) 100%),linear-gradient(180deg,rgba(var(--hero-ov,16,10,44),.4) 0%,rgba(var(--hero-ov,16,10,44),0) 60%)}
html .testata-eventi{--foto:url(/img/hero-home-desktop.webp);--pos:center 70%}
html .testata-eventi::after{background:linear-gradient(180deg,rgba(var(--hero-ov,16,10,44),.66) 0%,rgba(var(--hero-ov,16,10,44),.5) 50%,rgba(var(--hero-ov,16,10,44),.22) 80%,rgba(var(--hero-ov,16,10,44),.1) 100%)}
html .testata-concerti{--foto:url(/img/hero-concerti-desktop.webp);--pos:center 30%}
html .testata-cinema{--foto:url(/img/hero-cinema-desktop.webp);--pos:center 40%}
/* niente fascia con le icone: c'è la foto; il titolo si vede (negli altri temi resta nascosto come prima) */
html .testata .hero{margin:0;padding:0;text-align:left}
html .testata .hero::before{content:none;display:none}
html .testata .hero h1{position:static!important;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0;color:#fff;
  font-size:clamp(28px,3.4vw,42px);line-height:1.05;text-shadow:0 2px 14px rgba(8,4,30,.6)}
html .testata .hero p{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}   /* la descrizione resta per i motori di ricerca */
/* ricerca: UNA barra di vetro scuro sopra la foto, senza contorni né riquadri attorno ai campi (come nell'app); i campi sono separati da un filo sottile */
html .testata .cerca{margin:14px 0 0;padding:8px;gap:6px;background:rgba(11,9,32,.34);border:0;border-radius:22px;box-shadow:none;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}   /* vetro leggero: la foto si intravede */
html .testata .cerca :is(input,select){background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff}
html .testata .cerca input::placeholder{color:rgba(255,255,255,.7)}
html .testata .cerca select option{background:#15113a;color:#fff}
html .testata .cerca .c-giorno span{color:#fff}
html .testata .cerca .btn{border:0;box-shadow:none;background:rgba(255,255,255,.12);color:#fff}
html .testata .cerca .btn[aria-pressed="true"]{background:var(--pulsante,#e0207f)}
@media (min-width:721px){
  html .testata .cerca{gap:0 4px}
  html .testata .cerca > label + label{border-left:1px solid rgba(255,255,255,.18)}
}
/* saluto = «Cosa ti va di fare stasera?» dell'app; pillole bianche come nell'app */
html .testata .saluto{margin:14px 0 0;font-size:16px;font-weight:700;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff;text-shadow:0 2px 12px rgba(8,4,30,.7)}
html .testata :is(.rapidi,.chips-js){margin-top:10px}
/* pillole a vetro leggero come la barra di ricerca (2026-10-10): semi-trasparenti con sfocatura, testo bianco; la scelta attiva resta colorata */
html .testata :is(.rapidi,.chips-js) button{min-height:44px;padding:6px 16px;background:rgba(11,9,32,.34);border:0;color:#fff;font-weight:600;font-size:15px;box-shadow:none;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}
html .testata :is(.rapidi,.chips-js) button:hover{background:rgba(11,9,32,.5);transform:none}
html .testata :is(.rapidi,.chips-js) button small{background:rgba(255,255,255,.2);color:#fff}
html .testata :is(.rapidi,.chips-js) button[aria-pressed="true"]{background:var(--pulsante,#e0207f);color:#fff;box-shadow:0 6px 18px rgba(255,45,149,.4);-webkit-backdrop-filter:none;backdrop-filter:none}
html .testata :is(.rapidi,.chips-js) button[aria-pressed="true"] small{background:rgba(255,255,255,.25);color:#fff}
@media (max-width:720px){
  html .testata{padding:20px 16px 18px;min-height:0;border-radius:20px}
  html .testata-eventi{--foto:url(/img/hero-home-mobile.webp);--pos:center bottom}
  html .testata-concerti{--foto:url(/img/hero-concerti-mobile.webp);--pos:center bottom}
  html .testata-cinema{--foto:url(/img/hero-cinema-mobile.webp);--pos:center bottom}
  html .testata .hero h1{font-size:26px}
  html .testata .saluto{font-size:15px}
  html .testata :is(.rapidi,.chips-js){margin-inline:-16px;padding-inline:16px}
}

/* ===== Revisione: filtri rapidi, saluto, «Sorprendimi», torna su (tutti i temi) ===== */
.saluto{margin:14px 0 0;font-size:17px;font-weight:700;color:var(--ink)}
.rapidi{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.rapidi button,.sorpresa{font:inherit;cursor:pointer}
.rapidi button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:var(--r-pill);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s}
.rapidi button small{padding:1px 8px;border-radius:var(--r-pill);background:var(--bg);font-size:13px;font-weight:700}
.rapidi button:hover{transform:translateY(-2px)}
.rapidi button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.sorpresa{min-height:44px;margin-left:auto}
.su{position:fixed;right:16px;bottom:16px;z-index:40;width:52px;height:52px;border-radius:50%;border:var(--bw) solid var(--line);background:var(--surface);font-size:24px;cursor:pointer;box-shadow:0 8px 24px rgba(16,24,40,.25)}
.su[hidden]{display:none}
.azioni{display:flex;flex-wrap:wrap;gap:8px}

/* ===== Revisione, tema Vetrina: più allegro (modalità automatica o scura) ===== */
html[data-look="vetrina"]:not([data-theme="light"]) .saluto{font-family:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;font-size:clamp(19px,2.4vw,24px);background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}
html[data-look="vetrina"]:not([data-theme="light"]) .rapidi button{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22);color:#fff}
html[data-look="vetrina"]:not([data-theme="light"]) .rapidi button small{background:rgba(255,255,255,.16)}
html[data-look="vetrina"]:not([data-theme="light"]) .rapidi button:hover{background:rgba(255,255,255,.14)}
html[data-look="vetrina"]:not([data-theme="light"]) .rapidi button[aria-pressed="true"]{background:var(--pulsante);border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(255,45,149,.4)}
html[data-look="vetrina"]:not([data-theme="light"]) .su{background:var(--pulsante);border-color:transparent;box-shadow:0 10px 28px rgba(255,45,149,.45)}
/* schede: data con gradiente, emoji grande per gli eventi senza locandina, «Gratis» in verde, un po' di movimento */
html[data-look="vetrina"]:not([data-theme="light"]) .ev{position:relative;overflow:hidden;transition:transform .18s,box-shadow .2s,border-color .2s}
html[data-look="vetrina"]:not([data-theme="light"]) .ev:hover{transform:translateY(-3px)}
html[data-look="vetrina"]:not([data-theme="light"]) .ev .data{background:linear-gradient(150deg,color-mix(in srgb,var(--c) 38%,#1b1445),color-mix(in srgb,var(--c) 14%,#0b0920));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 50%,transparent);transition:transform .2s}
html[data-look="vetrina"]:not([data-theme="light"]) .ev:hover .data{transform:rotate(-4deg) scale(1.04)}
html[data-look="vetrina"]:not([data-theme="light"]) .ev .data b{text-shadow:0 0 16px color-mix(in srgb,var(--c) 70%,transparent)}
html[data-look="vetrina"]:not([data-theme="light"]) body:not(.v-schede) .ev .ph{display:block;position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(-10deg);font-size:50px;line-height:1;opacity:.92;filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--c) 55%,transparent));pointer-events:none}
html[data-look="vetrina"]:not([data-theme="light"]) .ev[data-gr] .prezzo{color:#43e08b}
html[data-look="vetrina"]:not([data-theme="light"]) .sezioni{padding-block:8px}   /* niente fascia di colore diverso dietro le voci: la barra è la stessa dei temi chiari */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    html[data-look="vetrina"]:not([data-theme="light"]) .ev{animation:ev-entra linear both;animation-timeline:view();animation-range:entry 0% entry 38%}
    @keyframes ev-entra{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
  }
}
@media (max-width:720px){ .saluto{font-size:18px} .rapidi{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 6px} .rapidi::-webkit-scrollbar{display:none} .rapidi button{flex:none} .sorpresa{margin-left:0} }

/* tinta del giorno (--dh, 0-359, scritta dal generatore): stesso giorno = stesso colore, giorni diversi = colori diversi */
.ev .data{background:linear-gradient(150deg,hsl(var(--dh,220) 70% 28%),hsl(var(--dh,220) 65% 20%));color:#fff;box-shadow:0 4px 14px hsl(var(--dh,220) 80% 30% / .35)}   /* v556: più scuro, così il bianco si legge con ogni tinta del giorno (prima: 1,8:1 con il giallo) */
html[data-look="vetrina"]:not([data-theme="light"]) .ev .data{background:linear-gradient(150deg,hsl(var(--dh,220) 70% 28%),hsl(var(--dh,220) 65% 20%));box-shadow:0 0 18px hsl(var(--dh,220) 85% 50% / .45),inset 0 0 0 1px hsl(var(--dh,220) 80% 70% / .55)}
html[data-look="vetrina"]:not([data-theme="light"]) .ev:hover .data{transform:rotate(-4deg) scale(1.04)}

/* colore per genere musicale (chip «Rock», «Jazz»… sulle schede e negli elenchi): stesso colore nell'app e nelle pagine pubbliche */
.g-techno{--gc:#19b5ff}.g-elettronica{--gc:#8a3ffc}.g-rock{--gc:#ef4056}.g-indie{--gc:#2fd16b}.g-pop{--gc:#ff2d95}.g-hip-hop{--gc:#ff8a1a}
.g-jazz{--gc:#f5c518}.g-classica{--gc:#d9a066}.g-folk{--gc:#9bc53d}.g-metal{--gc:#8896ff}.g-world{--gc:#14b8a6}.g-altro{--gc:#94a3b8}
.chip.genre[class*=" g-"]{--cs:color-mix(in srgb,var(--gc) 20%,var(--surface));--c:color-mix(in srgb,var(--gc) 62%,var(--ink));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gc) 50%,transparent)}

/* concerto senza locandina: medaglione nel colore del genere (--gc, lo stesso del chip) con l'icona del genere */
.ev[class*=" g-"] .ph i{display:grid;place-items:center;width:1.7em;height:1.7em;font-style:normal;font-size:40px;line-height:1;border-radius:50%;transform:rotate(-8deg);
  background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--gc) 45%,#fff),var(--gc) 58%,color-mix(in srgb,var(--gc) 50%,#0b0920));box-shadow:0 0 0 3px rgba(255,255,255,.25),0 10px 26px color-mix(in srgb,var(--gc) 60%,transparent)}
body.v-schede .ev[class*=" g-"] .ph{position:relative;overflow:hidden;font-size:inherit;
  background:radial-gradient(70% 70% at 78% 18%,color-mix(in srgb,var(--gc) 55%,#fff),transparent 62%),linear-gradient(145deg,var(--gc),color-mix(in srgb,var(--gc) 45%,#0b0920))}
body.v-schede .ev[class*=" g-"] .ph::before{content:"";position:absolute;right:-8%;bottom:-70%;width:60%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 9px,rgba(255,255,255,.14) 9px 10px)}
body.v-schede .ev[class*=" g-"] .ph i{position:relative;font-size:46px}
html[data-look="vetrina"]:not([data-theme="light"]) body:not(.v-schede) .ev[class*=" g-"] .ph{right:22px;opacity:1;filter:none;font-size:inherit;transform:translateY(-50%)}
html[data-look="vetrina"]:not([data-theme="light"]) body:not(.v-schede) .ev[class*=" g-"] .ph i{font-size:30px;box-shadow:0 0 0 3px rgba(255,255,255,.22),0 0 26px color-mix(in srgb,var(--gc) 60%,transparent)}
/* cinema: l'icona del genere non copre più il testo (righe) e non tocca la data (schede) */
html[data-look="vetrina"]:not([data-theme="light"]) body:not(.v-schede) .ev.film .ph{position:static;right:auto;top:auto;display:flex;transform:rotate(-5deg);margin:4px 6px 0 auto;filter:none;opacity:1}
html[data-look="vetrina"]:not([data-theme="light"]) body:not(.v-schede) .ev.film .dett{min-width:0}
body.v-schede .ev.film .ph{padding:6px 14px 6px 84px;box-sizing:border-box;gap:12px}
body.v-schede .ev.film .ph i{font-size:40px}

/* tinta del giorno come classe (dh0…dh359): niente stili in linea nelle pagine (A-30); il numero lo sceglie il generatore */
.dh0{--dh:0}.dh1{--dh:1}.dh2{--dh:2}.dh3{--dh:3}.dh4{--dh:4}.dh5{--dh:5}.dh6{--dh:6}.dh7{--dh:7}.dh8{--dh:8}.dh9{--dh:9}.dh10{--dh:10}.dh11{--dh:11}.dh12{--dh:12}.dh13{--dh:13}.dh14{--dh:14}.dh15{--dh:15}.dh16{--dh:16}.dh17{--dh:17}.dh18{--dh:18}.dh19{--dh:19}.dh20{--dh:20}.dh21{--dh:21}.dh22{--dh:22}.dh23{--dh:23}.dh24{--dh:24}.dh25{--dh:25}.dh26{--dh:26}.dh27{--dh:27}.dh28{--dh:28}.dh29{--dh:29}.dh30{--dh:30}.dh31{--dh:31}.dh32{--dh:32}.dh33{--dh:33}.dh34{--dh:34}.dh35{--dh:35}.dh36{--dh:36}.dh37{--dh:37}.dh38{--dh:38}.dh39{--dh:39}.dh40{--dh:40}.dh41{--dh:41}.dh42{--dh:42}.dh43{--dh:43}.dh44{--dh:44}.dh45{--dh:45}.dh46{--dh:46}.dh47{--dh:47}.dh48{--dh:48}.dh49{--dh:49}.dh50{--dh:50}.dh51{--dh:51}.dh52{--dh:52}.dh53{--dh:53}.dh54{--dh:54}.dh55{--dh:55}.dh56{--dh:56}.dh57{--dh:57}.dh58{--dh:58}.dh59{--dh:59}.dh60{--dh:60}.dh61{--dh:61}.dh62{--dh:62}.dh63{--dh:63}.dh64{--dh:64}.dh65{--dh:65}.dh66{--dh:66}.dh67{--dh:67}.dh68{--dh:68}.dh69{--dh:69}.dh70{--dh:70}.dh71{--dh:71}.dh72{--dh:72}.dh73{--dh:73}.dh74{--dh:74}.dh75{--dh:75}.dh76{--dh:76}.dh77{--dh:77}.dh78{--dh:78}.dh79{--dh:79}.dh80{--dh:80}.dh81{--dh:81}.dh82{--dh:82}.dh83{--dh:83}.dh84{--dh:84}.dh85{--dh:85}.dh86{--dh:86}.dh87{--dh:87}.dh88{--dh:88}.dh89{--dh:89}.dh90{--dh:90}.dh91{--dh:91}.dh92{--dh:92}.dh93{--dh:93}.dh94{--dh:94}.dh95{--dh:95}.dh96{--dh:96}.dh97{--dh:97}.dh98{--dh:98}.dh99{--dh:99}.dh100{--dh:100}.dh101{--dh:101}.dh102{--dh:102}.dh103{--dh:103}.dh104{--dh:104}.dh105{--dh:105}.dh106{--dh:106}.dh107{--dh:107}.dh108{--dh:108}.dh109{--dh:109}.dh110{--dh:110}.dh111{--dh:111}.dh112{--dh:112}.dh113{--dh:113}.dh114{--dh:114}.dh115{--dh:115}.dh116{--dh:116}.dh117{--dh:117}.dh118{--dh:118}.dh119{--dh:119}.dh120{--dh:120}.dh121{--dh:121}.dh122{--dh:122}.dh123{--dh:123}.dh124{--dh:124}.dh125{--dh:125}.dh126{--dh:126}.dh127{--dh:127}.dh128{--dh:128}.dh129{--dh:129}.dh130{--dh:130}.dh131{--dh:131}.dh132{--dh:132}.dh133{--dh:133}.dh134{--dh:134}.dh135{--dh:135}.dh136{--dh:136}.dh137{--dh:137}.dh138{--dh:138}.dh139{--dh:139}.dh140{--dh:140}.dh141{--dh:141}.dh142{--dh:142}.dh143{--dh:143}.dh144{--dh:144}.dh145{--dh:145}.dh146{--dh:146}.dh147{--dh:147}.dh148{--dh:148}.dh149{--dh:149}.dh150{--dh:150}.dh151{--dh:151}.dh152{--dh:152}.dh153{--dh:153}.dh154{--dh:154}.dh155{--dh:155}.dh156{--dh:156}.dh157{--dh:157}.dh158{--dh:158}.dh159{--dh:159}.dh160{--dh:160}.dh161{--dh:161}.dh162{--dh:162}.dh163{--dh:163}.dh164{--dh:164}.dh165{--dh:165}.dh166{--dh:166}.dh167{--dh:167}.dh168{--dh:168}.dh169{--dh:169}.dh170{--dh:170}.dh171{--dh:171}.dh172{--dh:172}.dh173{--dh:173}.dh174{--dh:174}.dh175{--dh:175}.dh176{--dh:176}.dh177{--dh:177}.dh178{--dh:178}.dh179{--dh:179}.dh180{--dh:180}.dh181{--dh:181}.dh182{--dh:182}.dh183{--dh:183}.dh184{--dh:184}.dh185{--dh:185}.dh186{--dh:186}.dh187{--dh:187}.dh188{--dh:188}.dh189{--dh:189}.dh190{--dh:190}.dh191{--dh:191}.dh192{--dh:192}.dh193{--dh:193}.dh194{--dh:194}.dh195{--dh:195}.dh196{--dh:196}.dh197{--dh:197}.dh198{--dh:198}.dh199{--dh:199}.dh200{--dh:200}.dh201{--dh:201}.dh202{--dh:202}.dh203{--dh:203}.dh204{--dh:204}.dh205{--dh:205}.dh206{--dh:206}.dh207{--dh:207}.dh208{--dh:208}.dh209{--dh:209}.dh210{--dh:210}.dh211{--dh:211}.dh212{--dh:212}.dh213{--dh:213}.dh214{--dh:214}.dh215{--dh:215}.dh216{--dh:216}.dh217{--dh:217}.dh218{--dh:218}.dh219{--dh:219}.dh220{--dh:220}.dh221{--dh:221}.dh222{--dh:222}.dh223{--dh:223}.dh224{--dh:224}.dh225{--dh:225}.dh226{--dh:226}.dh227{--dh:227}.dh228{--dh:228}.dh229{--dh:229}.dh230{--dh:230}.dh231{--dh:231}.dh232{--dh:232}.dh233{--dh:233}.dh234{--dh:234}.dh235{--dh:235}.dh236{--dh:236}.dh237{--dh:237}.dh238{--dh:238}.dh239{--dh:239}.dh240{--dh:240}.dh241{--dh:241}.dh242{--dh:242}.dh243{--dh:243}.dh244{--dh:244}.dh245{--dh:245}.dh246{--dh:246}.dh247{--dh:247}.dh248{--dh:248}.dh249{--dh:249}.dh250{--dh:250}.dh251{--dh:251}.dh252{--dh:252}.dh253{--dh:253}.dh254{--dh:254}.dh255{--dh:255}.dh256{--dh:256}.dh257{--dh:257}.dh258{--dh:258}.dh259{--dh:259}.dh260{--dh:260}.dh261{--dh:261}.dh262{--dh:262}.dh263{--dh:263}.dh264{--dh:264}.dh265{--dh:265}.dh266{--dh:266}.dh267{--dh:267}.dh268{--dh:268}.dh269{--dh:269}.dh270{--dh:270}.dh271{--dh:271}.dh272{--dh:272}.dh273{--dh:273}.dh274{--dh:274}.dh275{--dh:275}.dh276{--dh:276}.dh277{--dh:277}.dh278{--dh:278}.dh279{--dh:279}.dh280{--dh:280}.dh281{--dh:281}.dh282{--dh:282}.dh283{--dh:283}.dh284{--dh:284}.dh285{--dh:285}.dh286{--dh:286}.dh287{--dh:287}.dh288{--dh:288}.dh289{--dh:289}.dh290{--dh:290}.dh291{--dh:291}.dh292{--dh:292}.dh293{--dh:293}.dh294{--dh:294}.dh295{--dh:295}.dh296{--dh:296}.dh297{--dh:297}.dh298{--dh:298}.dh299{--dh:299}.dh300{--dh:300}.dh301{--dh:301}.dh302{--dh:302}.dh303{--dh:303}.dh304{--dh:304}.dh305{--dh:305}.dh306{--dh:306}.dh307{--dh:307}.dh308{--dh:308}.dh309{--dh:309}.dh310{--dh:310}.dh311{--dh:311}.dh312{--dh:312}.dh313{--dh:313}.dh314{--dh:314}.dh315{--dh:315}.dh316{--dh:316}.dh317{--dh:317}.dh318{--dh:318}.dh319{--dh:319}.dh320{--dh:320}.dh321{--dh:321}.dh322{--dh:322}.dh323{--dh:323}.dh324{--dh:324}.dh325{--dh:325}.dh326{--dh:326}.dh327{--dh:327}.dh328{--dh:328}.dh329{--dh:329}.dh330{--dh:330}.dh331{--dh:331}.dh332{--dh:332}.dh333{--dh:333}.dh334{--dh:334}.dh335{--dh:335}.dh336{--dh:336}.dh337{--dh:337}.dh338{--dh:338}.dh339{--dh:339}.dh340{--dh:340}.dh341{--dh:341}.dh342{--dh:342}.dh343{--dh:343}.dh344{--dh:344}.dh345{--dh:345}.dh346{--dh:346}.dh347{--dh:347}.dh348{--dh:348}.dh349{--dh:349}.dh350{--dh:350}.dh351{--dh:351}.dh352{--dh:352}.dh353{--dh:353}.dh354{--dh:354}.dh355{--dh:355}.dh356{--dh:356}.dh357{--dh:357}.dh358{--dh:358}.dh359{--dh:359}

/* ---- pagina di un evento: stessa testata a due blocchi della scheda dell'app (A-91 fase 7) ----
   Sotto i 1100 px i gruppi non esistono (display:contents): la pagina è quella di sempre. */
.ev-testata,.ev-dati,.ev-media,.ev-quando{display:contents}
.ev-media .bk,.ev-data{display:none}
@media (min-width:1100px){
  .evento{max-width:1400px;gap:18px}
  .ev-testata{display:grid;grid-template-columns:7fr 5fr;min-height:380px;border:var(--bw) solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
  .ev-media{display:block;position:relative;overflow:hidden;min-height:380px;isolation:isolate;background:var(--surface-2,var(--surface))}
  .ev-media .bk{display:block;position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(26px) saturate(1.2) brightness(.85);transform:scale(1.1);z-index:0}
  .ev-media .locandina{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;border:0;border-radius:0}   /* locandina intera, mai ritagliata */
  .ev-dati{display:flex;flex-direction:column;gap:14px;padding:26px 28px;justify-content:flex-start;min-width:0}
  .ev-dati h1{font-size:clamp(28px,2.8vw,40px);line-height:1.08;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance;overflow-wrap:anywhere}
  .ev-quando{display:flex;gap:16px;align-items:flex-start}
  .ev-data{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;width:84px;padding:10px 4px;border-radius:12px;line-height:1;text-align:center;
    background:linear-gradient(150deg,hsl(var(--dh,220) 70% 28%),hsl(var(--dh,220) 65% 20%));color:#fff;box-shadow:0 4px 14px hsl(var(--dh,220) 80% 30% / .35)}
  .ev-data small{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
  .ev-data b{font-size:38px;font-weight:800;margin:3px 0 2px}
  .ev-data span{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
  .ev-quando .info{font-size:16px;min-width:0;overflow-wrap:anywhere}
  .evento .testo{max-width:75ch}   /* righe leggibili: oltre i ~75 caratteri la lettura stanca */
}

/* Concerti — mese come titolo da «programma di festival» (A-104, v175): nome del mese grande, anno piccolo e discreto, più respiro tra i gruppi. Solo dove il generatore mette
   .mm-con (la pagina /eventi/concerti.html): l'elenco degli eventi resta com'è. */
.mm-con .mese{display:flex;align-items:baseline;gap:10px;margin:34px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--line);font-size:clamp(26px,5vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.mm-con:first-of-type .mese{margin-top:14px}
.mm-con .mese .anno{font-size:.5em;font-weight:500;letter-spacing:0;color:var(--ink-2)}

/* A-129: la pagina Eventi come la home Eventi dell'app: pulsante «Cerca eventi» nella scheda di ricerca, titoli dei mesi con barra a tinta */
.cerca .btn-pri{white-space:nowrap}
@media (max-width:720px){ .cerca #cerca-vai{grid-column:1/-1} }
.mm .mese{border-left:5px solid var(--accent);padding-left:10px}
.cerca:has(#cerca-vai){grid-template-columns:2fr 1.2fr 1.6fr auto auto}
@media (max-width:720px){ .cerca:has(#cerca-vai){grid-template-columns:1fr 1fr} }
.cerca #cerca-vai.btn-pri{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);border-color:transparent}
html[data-look="vetrina"]:not([data-theme="light"]) .cerca #cerca-vai.btn-pri{background:var(--pulsante);color:#fff;box-shadow:0 8px 24px rgba(255,45,149,.35)}
html[data-look="taccuino"] .cerca #cerca-vai.btn-pri{background:var(--accent);color:var(--accent-ink)}

/* A-129 parte 2: scheda evento pubblica come quella dell'app: «← Tutti gli eventi» a pulsante, pannello con emoji senza locandina, descrizione a sinistra e «Partecipa» a destra */
.ev-emoji{display:none}
.ev-corpo{display:contents}
@media (min-width:1100px){
  .ev-emoji{display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 38%,var(--surface)),color-mix(in srgb,var(--c) 14%,var(--surface)))}
  .ev-emoji span{font-size:150px;line-height:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35))}
  .ev-corpo{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
  .ev-corpo .invito{position:sticky;top:16px;margin-top:0}
}
.invito .btn-pri{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);border-color:transparent}
html[data-look="vetrina"]:not([data-theme="light"]) .invito .btn-pri{background:var(--pulsante);color:#fff}
html[data-look="taccuino"] .invito .btn-pri{background:var(--accent);color:var(--accent-ink)}
.cerca:has(#cerca-vai):has(.c-genere){grid-template-columns:2fr 1.2fr 1.2fr 1.4fr auto}
@media (max-width:720px){ .cerca:has(#cerca-vai):has(.c-genere){grid-template-columns:1fr 1fr} }

/* film: il blocco della data non si allunga con la scheda (tanti orari o «Tutti gli orari» aperti): resta in alto, alto quanto serve */
body:not(.v-schede) .ev.film .data{align-self:flex-start;height:92px}

/* ===== Cinema: programma compatto (17/10/2026) =====
   Una riga per film: titolo, generi e durata a sinistra, gli orari del giorno scelto (per cinema) a destra; trama, link e «Tutti gli orari» (con 📅) dentro «Trama, link e tutti gli orari».
   Niente blocco della data né locandine finte: il programma si legge a colpo d'occhio. Vale per tutti i temi. */
body.sez-cinema .vista [data-v="schede"]{display:none}
body.sez-cinema .elenco{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
html body.sez-cinema .ev.film{display:block;position:relative;padding:16px 18px;overflow:visible;flex-direction:row}
html body.sez-cinema .ev.film .data,html body.sez-cinema .ev.film .ph,html body.sez-cinema .ev.film .mini{display:none!important}
html body.sez-cinema .ev.film .dett{display:grid;gap:10px 28px;grid-template-columns:minmax(0,1fr);align-content:start;padding:0;min-width:0}
body.sez-cinema .film .fm-testa{display:grid;gap:4px;align-content:start;min-width:0}
body.sez-cinema .film .fm-testa h3{margin:0;font-size:21px;line-height:1.2}
body.sez-cinema .film .fm-testa .dove{margin:0;color:var(--ink-2);font-size:15px}
body.sez-cinema .film .fm-testa .tag{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}
body.sez-cinema .film .fm-testa .chip{font-size:13px;padding:2px 10px}
body.sez-cinema .film .prox{display:grid;gap:8px;margin:0;align-content:start}
body.sez-cinema .film .prox .pg{margin:0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
body.sez-cinema .film .prox .pc{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);align-items:center;gap:6px 12px}
body.sez-cinema .film .prox .cn{flex:none;font-size:15px}
body.sez-cinema .film .ora{margin:0;font-weight:600;color:var(--ink-2)}
body.sez-cinema .film .fm-piu{grid-column:1/-1;border-top:1px solid var(--line);padding-top:4px}
body.sez-cinema .film .fm-piu>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--ink-2);list-style:none}
body.sez-cinema .film .fm-piu>summary::-webkit-details-marker{display:none}
body.sez-cinema .film .fm-piu>summary::before{content:"▸";margin-right:8px;transition:transform .15s}
body.sez-cinema .film .fm-piu[open]>summary::before{transform:rotate(90deg)}
body.sez-cinema .film .fm-piu .descr{margin:6px 0 8px;max-width:75ch}
body.sez-cinema .film .fm-piu .links{margin:0 0 8px}
body.sez-cinema .film .orari-dentro{display:grid;gap:4px}
body.sez-cinema .film .orari-dentro .tutti{margin:8px 0 2px;font-size:15px}
body.sez-cinema .film .orari-dentro h4{margin:8px 0 2px;font-size:15px}
@media (min-width:860px){
  html body.sez-cinema .ev.film .dett{grid-template-columns:minmax(220px,1fr) minmax(0,1.7fr)}
  body.sez-cinema .film .fm-testa{grid-column:1}
  body.sez-cinema .film .prox,body.sez-cinema .film .ora{grid-column:2}
}
@media (max-width:560px){
  html body.sez-cinema .ev.film{padding:14px}
  body.sez-cinema .film .fm-testa h3{font-size:19px}
  body.sez-cinema .film .prox .pc{grid-template-columns:minmax(0,1fr)}
}
/* le pillole dei filtri del Cinema vanno a capo invece di scorrere di lato (si vedevano tagliate) */
@media (max-width:720px){ html body.sez-cinema .testata :is(.rapidi,.chips-js){flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0} }
body.sez-cinema .film .orari-dentro ul.giorni{list-style:none;margin:0;padding:0;display:grid;gap:2px}
body.sez-cinema .film .orari-dentro ul.giorni li{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:4px 10px;padding:2px 0}
body.sez-cinema .film .orari-dentro ul.giorni li>b{font-size:14px;text-transform:capitalize}
@media (max-width:560px){ body.sez-cinema .film .orari-dentro ul.giorni li{grid-template-columns:minmax(0,1fr)} }

/* nomi dei cinema cliccabili: portano alla pagina del cinema (programma completo) */
a.cn{display:inline-flex;align-items:center;min-height:44px;color:var(--link);font-weight:700;text-decoration:underline;text-underline-offset:3px}
a.cn::after{content:"›";margin-left:4px;font-weight:800}
a.cn:hover{text-decoration-thickness:2px}
a.cn:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:4px}
/* pagina di un cinema: intestazione, giorni e programma */
.cn-testa{display:grid;gap:6px;margin:6px 0 14px}
.cn-testa h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.1}
.cn-ind,.cn-num{margin:0;color:var(--ink-2)}
.cn-az{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0}
.cn-giorni{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;position:sticky;top:60px;z-index:5;background:var(--bg)}
.cn-giorni a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:6px 16px;border-radius:var(--r-pill);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;text-decoration:none;white-space:nowrap}
.cn-giorni a:hover{border-color:var(--c,var(--link))}
.cn-giorni a:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.cn-giorno{margin:0 0 18px;scroll-margin-top:120px}
.cn-giorno h2{margin:0 0 8px;font-size:21px}
.cn-film{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cn-film li{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.6fr);gap:6px 18px;align-items:center;padding:12px 16px;border:var(--bw) solid var(--line);border-radius:var(--r-s);background:var(--surface)}
.cn-titolo{font-weight:700;font-size:17px;min-width:0;overflow-wrap:anywhere}
.cn-titolo small{display:block;font-weight:500;color:var(--ink-2);font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.cn-film .ore{display:flex;flex-wrap:wrap;gap:6px}
.cn-film .t{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:60px;padding:6px 12px;border-radius:var(--r-pill);font-weight:700;font-variant-numeric:tabular-nums;text-decoration:none;border:var(--bw) solid var(--c);background:var(--cs);color:color-mix(in srgb,var(--c) 65%,var(--ink))}
.cn-film a.t:hover{background:var(--c);color:var(--bg)}
.cn-film .t:focus-visible{outline:3px solid var(--link);outline-offset:2px}
@media (max-width:640px){ .cn-film li{grid-template-columns:minmax(0,1fr)} .cn-giorni{top:56px} }

/* collegamenti ai cinema sotto la testata del Cinema */
.cinema-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 4px}
.cinema-links span{font-weight:700;color:var(--ink-2);margin-right:4px}
.cinema-links a{display:inline-flex;align-items:center;min-height:44px;padding:6px 16px;border-radius:var(--r-pill);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;text-decoration:none}
.cinema-links a:hover{border-color:var(--c,var(--link))}
.cinema-links a:focus-visible{outline:3px solid var(--link);outline-offset:2px}

/* ===== Cinema pubblico (17/10/2026): «In sala» e «In uscita» in risalto, viste Griglia · Lista, calendario con il giorno a fianco ===== */
html body.sez-cinema .mm .mese{display:flex;align-items:center;gap:12px;margin:34px 0 2px;padding:0;border:0;font-size:clamp(28px,4.5vw,40px);font-weight:800;letter-spacing:-.02em}
html body.sez-cinema .mm .mese::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--sig);box-shadow:0 0 0 5px color-mix(in srgb,var(--sig) 28%,transparent)}
body.sez-cinema .mm-sala{--sig:#1fb85a}
body.sez-cinema .mm-uscita{--sig:#f0a020}
body.sez-cinema .mese-n{font-size:15px;font-weight:800;letter-spacing:0;padding:3px 12px;border-radius:var(--r-pill);border:1.5px solid var(--sig);background:color-mix(in srgb,var(--sig) 20%,transparent);color:var(--ink)}
body.sez-cinema .mese-d{margin:0 0 14px;color:var(--ink-2)}
body.sez-cinema .rapidi button[data-k="sala"],body.sez-cinema .rapidi button[data-k="uscita"]{font-weight:800}
body.sez-cinema .rapidi button[data-k="sala"]{border-color:#1fb85a}
body.sez-cinema .rapidi button[data-k="uscita"]{border-color:#f0a020}

/* viste che usano le stesse schede film */
body.v-griglia .elenco,body.v-lista .elenco{display:grid!important}
body.v-griglia .elenco{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:14px!important}
body.v-griglia .film .fm-piu,body.v-lista .film .fm-piu{display:none}
html body.sez-cinema.v-griglia .ev.film{padding:14px 16px;height:100%}
html body.sez-cinema.v-griglia .ev.film .dett{grid-template-columns:minmax(0,1fr)}
html body.sez-cinema.v-griglia .ev.film .prox .t:nth-child(n+5){display:none}
html body.sez-cinema.v-lista .ev.film{padding:8px 14px}
html body.sez-cinema.v-lista .elenco{gap:6px!important}
html body.sez-cinema.v-lista .ev.film .dett{grid-template-columns:minmax(0,1fr);align-items:center;gap:4px 18px}
html body.sez-cinema.v-lista .ev.film .tag{display:none}
html body.sez-cinema.v-lista .ev.film .dove{display:block;margin:0;font-size:14px}
html body.sez-cinema.v-lista .ev.film .ora{margin:0;color:var(--ink-2)}
html body.sez-cinema.v-lista .ev.film h3{font-size:17px;margin:0}
html body.sez-cinema.v-lista .ev.film .prox .t:nth-child(n+4){display:none}
@media (max-width:640px){ html body.sez-cinema.v-lista .ev.film .dett{grid-template-columns:minmax(0,1fr)} }

/* Calendario: mese a sinistra, giorno scelto a destra (da computer); giorni con più film più marcati */
@media (min-width:1000px){
  .calmese .cal-wrap{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:24px;align-items:start}
  .calmese .cal-agenda{margin:0;position:sticky;top:12px;max-height:calc(100vh - 40px);overflow:auto;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface)}
}
.cal-cell{position:relative}
.cal-cell[data-n="1"]{background:color-mix(in srgb,var(--c,var(--accent)) 6%,transparent)}
.cal-cell[data-n="2"]{background:color-mix(in srgb,var(--c,var(--accent)) 12%,transparent)}
.cal-cell[data-n="3"]{background:color-mix(in srgb,var(--c,var(--accent)) 19%,transparent)}
.cal-cell .cal-n{position:absolute;top:6px;right:6px;min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:var(--ink);color:var(--bg)}
.cal-cell.today{box-shadow:inset 0 0 0 2px var(--accent)}
.cal-cell.gone .cal-n{opacity:.5}
@media (max-width:640px){ .cal-cell .cal-n{position:static;margin-top:2px;min-width:18px;height:18px;font-size:11px} .cal-cell{align-items:center} }
body.sez-cinema.v-griglia .film .fm-testa,body.sez-cinema.v-griglia .film .prox,body.sez-cinema.v-griglia .film .ora{grid-column:1}
body.sez-cinema.v-lista .film .fm-testa{grid-column:1}
body.sez-cinema .vista{max-width:100%;overflow-x:auto;scrollbar-width:none}
body.sez-cinema .vista::-webkit-scrollbar{display:none}
body.sez-cinema .vista button{flex:none}

/* «?» e finestra di aiuto delle pagine pubbliche */
.aiuto-btn{min-width:44px;padding-inline:0;font-size:20px;border-radius:50%}
dialog.aiuto-pub{width:min(640px,calc(100vw - 32px));max-height:min(86vh,720px);padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);overflow:auto}
dialog.aiuto-pub::backdrop{background:rgba(5,4,20,.6)}
dialog.aiuto-pub header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--line)}
dialog.aiuto-pub h2{margin:0;font-size:20px}
dialog.aiuto-pub .aiuto-c{padding:6px 18px 20px}
dialog.aiuto-pub h3{margin:16px 0 4px;font-size:16px}
dialog.aiuto-pub p{margin:0;color:var(--ink-2);line-height:1.5}

/* collegamenti ai cinema dentro la testata (sull'immagine) */
.testata .cinema-links{margin:8px 0 0;gap:8px}
.testata .cinema-links span{font-size:14px}
.testata .cinema-links a{min-height:40px;padding:4px 14px;font-size:15px}
html[data-look="vetrina"]:not([data-theme="light"]) .testata .cinema-links span{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.7)}
html[data-look="vetrina"]:not([data-theme="light"]) .testata .cinema-links a{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* Lista del Cinema: righe ordinate. Computer: titolo a sinistra, orari in una colonna fissa a destra (giorno, cinema, orari allineati). Telefono: titolo sopra, orari sotto. */
body.sez-cinema.v-lista .film .fm-testa{grid-column:1}
body.sez-cinema.v-lista .film .prox,body.sez-cinema.v-lista .film .ora{grid-column:1}
body.sez-cinema.v-lista .film .prox{gap:2px}
body.sez-cinema.v-lista .film .prox .pg{font-size:12.5px}
body.sez-cinema.v-lista .film .prox .pc{grid-template-columns:minmax(0,1fr)}
body.sez-cinema.v-lista .film .prox .pc .ore{display:flex;flex-wrap:wrap;gap:6px}
body.sez-cinema.v-lista .film .prox .pc .cn{min-height:30px}
@media (min-width:860px){
  html body.sez-cinema.v-lista .ev.film .dett{grid-template-columns:minmax(220px,1fr) 540px;column-gap:28px}
  body.sez-cinema.v-lista .film .fm-testa{grid-column:1;grid-row:1 / span 2;align-self:center}
  body.sez-cinema.v-lista .film .prox,body.sez-cinema.v-lista .film .ora{grid-column:2}
  body.sez-cinema.v-lista .film .prox .pc{grid-template-columns:150px minmax(0,1fr);gap:2px 10px}
  body.sez-cinema.v-lista .film .prox .pg{padding-top:2px}
}
@media (max-width:640px){
  html body.sez-cinema.v-lista .ev.film{padding:10px 12px}
  body.sez-cinema.v-lista .film .prox .pg{display:inline}
}
/* telefono: i collegamenti ai cinema nella testata stanno su una riga che scorre */
@media (max-width:640px){
  .testata .cinema-links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:6px}
  .testata .cinema-links::-webkit-scrollbar{display:none}
  .testata .cinema-links span{display:none}
  .testata .cinema-links a{flex:none;white-space:nowrap}
}
@media (max-width:640px){
  body.sez-cinema.v-lista .film .prox .pc{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 12px}
  body.sez-cinema.v-lista .film .prox .pg{display:block;margin:2px 0 0}
  body.sez-cinema.v-lista .film .prox{gap:0}
}

/* ===== Pagina del film (A-135): gli orari riusano la grafica dei pulsanti del Cinema (le stesse regole delle carte dell'elenco, con `.orari-film` al posto di `.film`) ===== */
.orari-film .prox{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}
.orari-film .pg{margin:0;font-weight:800;font-size:16px}
.orari-film .pc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.orari-film .pc .cn{flex:0 0 100%;font-size:15px;font-weight:600;color:var(--ink-2)}
.orari-film .ore{display:flex;flex-wrap:wrap;gap:6px}
.orari-film .t,.orari-film .altri{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:60px;padding:6px 12px;border-radius:var(--r-pill);font-weight:700;font-variant-numeric:tabular-nums;text-decoration:none}
.orari-film .t{border:var(--bw) solid var(--c);background:var(--cs);color:color-mix(in srgb,var(--c) 65%,var(--ink))}
.orari-film a.t:hover{background:var(--c);color:var(--bg)}
.orari-film .t:focus-visible,.orari-film a.cal:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.orari-film .tc{display:inline-flex;align-items:center;gap:2px}
.orari-film a.cal{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--r-pill);font-size:18px;line-height:1;text-decoration:none}
.orari-film a.cal:hover{background:var(--cs)}
.orari-film .orari-dentro{display:grid;gap:4px}
.orari-film .orari-dentro .tutti{margin:12px 0 2px;font-size:15px}
.orari-film .orari-dentro h4{margin:8px 0 2px;font-size:15px}
.orari-film ul.giorni{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.orari-film ul.giorni li{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:4px 10px;padding:2px 0}
.orari-film ul.giorni li>b{font-size:14px;text-transform:capitalize}
@media (max-width:560px){ .orari-film ul.giorni li{grid-template-columns:minmax(0,1fr)} }

/* ===== Cinema pubblico: vetrina con i caroselli «Film in sala» e «Prossime uscite» (come nell'app); visibile solo con lo script e senza filtri ===== */
.home-film[hidden]{display:none}
body.v-home #barra,body.v-home section.mm,body.v-home #calendario{display:none!important}
.home-film .v-sec{margin:22px 0 30px}
.home-film .v-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.home-film .v-tit{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap}
.home-film .v-head h2{margin:0;font-size:clamp(22px,3vw,28px);letter-spacing:-.02em}
.home-film .v-more,.home-film .v-pausa{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:6px 16px;border-radius:var(--r-pill);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.home-film .v-pausa[hidden]{display:none}
.home-film .v-more:hover,.home-film .v-pausa:hover{border-color:var(--accent)}
.home-film .v-more:focus-visible,.home-film .v-pausa:focus-visible,.home-film .v-ca:focus-visible,.home-film .v-track:focus-visible,.fcard:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.home-film .v-caro{position:relative}
.home-film .v-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px}
.home-film .v-track::-webkit-scrollbar{display:none}
.fcard{flex:0 0 calc((100% - 80px) / 6);min-width:200px;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);text-decoration:none;transition:box-shadow .15s,border-color .15s}
.fcard:hover{border-color:var(--c,var(--accent));box-shadow:0 6px 18px rgba(16,24,40,.12)}
.fc-cover{display:block;aspect-ratio:16 / 10;background:var(--cs,var(--accent-soft));overflow:hidden}
.fc-cover img{width:100%;height:100%;object-fit:cover;display:block}
.fc-ico{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:44px}
.fc-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1}
.fc-t{font-size:17px;line-height:1.2;letter-spacing:-.01em}
.fc-g,.fc-m{font-size:13px;color:var(--ink-2)}
.fc-o{font-size:13px;font-weight:700;color:var(--ink)}
.fc-body .chip{align-self:flex-start}
.home-film .v-ca{position:absolute;top:46px;width:44px;height:44px;border-radius:50%;border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(16,24,40,.18);display:none;align-items:center;justify-content:center}
.home-film .v-prev{left:-18px}.home-film .v-next{right:-18px}
.home-film .v-caro.v-multi .v-ca{display:flex}
@media (max-width:1300px){.fcard{flex-basis:calc((100% - 64px) / 5)}}
@media (max-width:1050px){.fcard{flex-basis:calc((100% - 48px) / 4)}}
@media (max-width:820px){.fcard{flex-basis:calc((100% - 32px) / 3)}}
@media (max-width:640px){.fcard{flex-basis:78%}.home-film .v-ca{display:none!important}.home-film .v-pausa .v-pt{display:none}.home-film .v-pausa{width:44px;min-width:44px;flex:none;padding:0}.home-film .v-more{white-space:nowrap;flex:none}.home-film .v-tit{flex-wrap:nowrap}}
@media (prefers-reduced-motion:reduce){.home-film .v-track{scroll-behavior:auto}}
#torna-vetrina{font-weight:700;margin-right:12px}

/* ===== Cinema pubblico: viste come nell'app. Schede (riquadri) ed Elenco (righe) hanno l'anteprima come sfondo (locandina, fotogramma del trailer o icona del genere);
   Compatta = la riga sola (v-lista); Programma = una riga per film con gli orari (nessuna classe). ===== */
.fv-bg{display:none}
body.sez-cinema.v-griglia .elenco,body.sez-cinema.v-elenco .elenco{display:grid!important;gap:14px!important}
body.sez-cinema.v-elenco .elenco{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
body.sez-cinema.v-griglia .elenco{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))!important}
body.v-elenco .film .fm-piu{display:none}
html body.sez-cinema.v-griglia .ev.film,html body.sez-cinema.v-elenco .ev.film{position:relative;isolation:isolate;overflow:hidden;border-color:transparent;background:#12122a;color:#fff}
html body.sez-cinema.v-griglia .ev.film{min-height:225px}
html body.sez-cinema.v-elenco .ev.film{min-height:96px;padding:14px 18px}
body.sez-cinema.v-griglia .film .fv-bg,body.sez-cinema.v-elenco .film .fv-bg{display:block;position:absolute;inset:0;z-index:-1;background:#12122a}
.fv-bg img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 25%;display:block}
.fv-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,28,.95) 0%,rgba(10,10,28,.88) 45%,rgba(10,10,28,.5) 80%,rgba(10,10,28,.32) 100%)}
.fv-bg .fv-ico{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-style:normal;font-size:56px;opacity:.35}
body.v-griglia .film h3 a,body.v-griglia .film .fm-l,body.v-elenco .film h3 a,body.v-elenco .film .fm-l{color:#fff}
body.v-griglia .film .dove,body.v-griglia .film .ora,body.v-griglia .film .prox .pg,body.v-griglia .film .prox .cn,body.v-griglia .film .prox .cn a,
body.v-elenco .film .dove,body.v-elenco .film .ora,body.v-elenco .film .prox .pg,body.v-elenco .film .prox .cn,body.v-elenco .film .prox .cn a{color:#fff}
body.v-griglia .film .tag .chip,body.v-elenco .film .tag .chip{background:rgba(255,255,255,.16);color:#fff}
body.v-griglia .film .t,body.v-elenco .film .t{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55);color:#fff}
body.v-griglia .film a.t:hover,body.v-elenco .film a.t:hover{background:#fff;color:#12122a}
body.v-griglia .film .altri,body.v-elenco .film .altri{color:#fff}
@media (max-width:640px){ body.sez-cinema.v-griglia .elenco{grid-template-columns:minmax(0,1fr)!important} }
body.sez-cinema.v-griglia .film .fm-testa .dove,body.sez-cinema.v-elenco .film .fm-testa .dove,body.sez-cinema.v-griglia .film .ora,body.sez-cinema.v-elenco .film .ora,
body.sez-cinema.v-griglia .film .prox .pg,body.sez-cinema.v-elenco .film .prox .pg,body.sez-cinema.v-griglia .film .prox .cn,body.sez-cinema.v-elenco .film .prox .cn{color:#fff}
body.sez-cinema.v-griglia .film .fm-testa .dove,body.sez-cinema.v-elenco .film .fm-testa .dove{opacity:.85}
body.sez-cinema .barra .vista{flex-wrap:wrap}

/* ===== Scheda pubblica del film, come quella privata: intestazione con sfondo, orari con giorno a blocchetto, trama e trailer affiancati ===== */
.fp2{display:block}
.fp2 .fp-head{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 28px;align-items:center;padding:24px 28px;border:var(--bw) solid var(--line);border-radius:var(--r) var(--r) 0 0;background:#12122a;color:#fff;min-height:170px}
.fp2 .fp-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.fp2 .fp-head.has-bg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,28,.96) 0%,rgba(10,10,28,.88) 50%,rgba(10,10,28,.5) 100%)}
.fp2 .fp-ico{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:84px;opacity:.3;z-index:-1}
.fp2 .fp-tit{min-width:0}
.fp2 .fp-tit .tag{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.fp2 .fp-tit .chip{background:rgba(255,255,255,.16);color:#fff}
.fp2 h1{margin:0 0 8px;font-size:clamp(28px,3.4vw,44px);line-height:1.08;color:#fff;overflow-wrap:anywhere}
.fp2 .fp-info{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;color:#fff;font-size:16px}
.fp2 .fp-info a{color:#fff;font-weight:600}
.fp2 .fp-info i{font-style:normal;opacity:.6}
.fp2 .fp-act{display:flex;flex-direction:column;gap:8px;min-width:230px}
.fp2 .fp-act .btn{width:100%}
.fp2 .fp-act .btn:not(.btn-pri){background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.5)}
.fp2 .fp-act small{color:rgba(255,255,255,.8);text-align:center;font-size:13px}
.fp2 .fp-body{display:grid;gap:22px;padding:22px 28px 28px;background:var(--surface);border:var(--bw) solid var(--line);border-top:0;border-radius:0 0 var(--r) var(--r)}
.fp2 .fp-body h2{margin:0 0 10px;font-size:22px}
.fp2 .fp-next{margin:0 0 12px;padding:10px 14px;border:var(--bw) solid var(--line);border-left:4px solid var(--accent);border-radius:12px;background:var(--bg)}
.fp2 .fp-cin h3{margin:14px 0 4px;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.fp2 .fp-day{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;padding:8px 0;border-bottom:var(--bw) solid var(--line)}
.fp2 .sd{display:grid;grid-template-columns:auto auto;grid-template-areas:"w n" "m m" "e e";justify-content:center;align-items:baseline;column-gap:6px;padding:6px 4px;border-radius:12px;background:var(--bg);text-align:center;text-transform:uppercase;line-height:1.1}
.fp2 .sd-w{grid-area:w;font-size:12px;letter-spacing:.06em;color:var(--ink-2)}
.fp2 .sd-n{grid-area:n;font-size:22px;font-weight:800}
.fp2 .sd-m{grid-area:m;font-size:11px;color:var(--ink-2)}
.fp2 .sd em{grid-area:e;margin-top:3px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--accent)}
.fp2 .fp-we .sd-w{color:var(--accent)}
.fp2 .fp-today .sd{box-shadow:inset 0 0 0 2px var(--accent)}
.fp2 .fp-day .ore{display:flex;flex-wrap:wrap;gap:8px}
.fp2 .fa .t{border-bottom-width:3px}
.fp2 .fa-pom .t{border-bottom-color:#e8b339}.fp2 .fa-sera .t{border-bottom-color:#e5568a}.fp2 .fa-notte .t{border-bottom-color:#6b5bd6}
.fp2 .fa-past{opacity:.45}.fp2 .fa-past .t{text-decoration:line-through}
.fp2 .fp-biglietti{margin:12px 0 0}
.fp2 .fp-duo{display:grid;gap:22px;align-items:start}
@media (min-width:901px){.fp2 .fp-duo-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.fp2 .fp-duo .yt{max-width:none}
.fp2 .testo p{margin:0 0 10px}
@media (max-width:900px){.fp2 .fp-head{grid-template-columns:minmax(0,1fr);padding:18px}.fp2 .fp-act{flex-direction:row;flex-wrap:wrap;min-width:0}.fp2 .fp-act .btn{width:auto;flex:1 1 200px}.fp2 .fp-act small{flex:1 0 100%}.fp2 .fp-body{padding:16px}}
@media (max-width:640px){.fp2 .fp-day{grid-template-columns:64px minmax(0,1fr);gap:10px}.fp2 .sd-n{font-size:20px}}
.fp2 .fp-cin h3 .cn::after{content:none}
.v-pausa [aria-hidden]{letter-spacing:-2px;font-size:12px}
.fp2 .sd-m,.fp2 .sd em{font-size:12px}

/* ritocchi grafici (20/10): orari nella pagina del film leggibili, niente «·» a fine riga da telefono */
.fp2 .fp-day .t{color:var(--ink)}
@media (max-width:640px){.fp2 .fp-info i{display:none}.fp2 .fp-info{gap:4px 14px}}

/* titoli dei film (20/10): come nelle Schede e nell'Elenco in tutte le viste (testo del tema, senza sottolineatura fissa; sottolineato al passaggio del mouse) */
body.sez-cinema .film h3 a{text-decoration:none}
body.sez-cinema .film h3 a:hover,body.sez-cinema .film h3 a:focus-visible{text-decoration:underline}
body.sez-cinema:not(.v-griglia):not(.v-elenco) .film h3 a{color:var(--ink)}

/* «Oggi» nella vetrina del Cinema (20/10): una riga scorrevole con la prossima proiezione di oggi di ogni film */
.home-film .v-stasera{display:flex;align-items:center;gap:12px;margin:12px 0 16px;min-width:0}
.home-film .v-stasera[hidden]{display:none}
.v-stasera .st-l{flex:none;font-weight:700;font-size:14px;color:var(--ink-2)}
.v-stasera .st-r{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;min-width:0}
.v-stasera .st-r::-webkit-scrollbar{display:none}
.st-pill{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border-radius:999px;border:var(--bw) solid var(--line);border-bottom-width:3px;background:var(--surface);color:var(--ink);font-size:14px;text-decoration:none;white-space:nowrap}
.st-pill:hover{border-color:var(--accent)}
.st-pill:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.st-pill b{font-variant-numeric:tabular-nums;font-size:15px}
.st-pill .st-t{max-width:15ch;overflow:hidden;text-overflow:ellipsis}
.st-pill small{color:var(--ink-2);font-size:12px}
.st-pill.f-pom{border-bottom-color:#e8b339}.st-pill.f-sera{border-bottom-color:#e5568a}.st-pill.f-notte{border-bottom-color:#6b5bd6}

/* calendario del Cinema: miniatura accanto a ogni film del giorno scelto */
.cal-film.con-th{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:12px;align-items:start}
.cal-film.con-th>*:not(.cal-th){grid-column:2}
.cal-film .cal-th{grid-column:1;grid-row:1 / span 99;width:64px;height:64px;object-fit:cover;border-radius:8px;background:var(--cs,var(--surface))}

/* «Dove mangiare»: pagina del locale (/eventi/l/…) e elenco (/eventi/locali.html) — A-137, tappa 4 */
.loc-dati{display:flex;flex-direction:column;gap:12px}
.loc-dati h2{margin:8px 0 0;font-size:20px}
.locale-eventi li{font-size:17px}
h1.titolo-sez{max-width:1800px;margin:14px auto 4px;padding:0;font-size:clamp(26px,5vw,36px);line-height:1.15;letter-spacing:-.02em}
.locali-gruppo{margin:10px 0 24px}
.locali-gruppo h2{margin:18px 0 4px;font-size:24px}
.locali-gruppo h3{margin:16px 0 6px;font-size:18px}
.locali{list-style:none;margin:0;padding:0;display:grid;gap:4px 24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.locali li{padding:6px 0;border-bottom:var(--bw) solid var(--line);overflow-wrap:anywhere}
.locali a{display:inline-block;min-height:32px;line-height:32px;font-weight:600}

/* Ricerca compatta sul telefono (A-129, v378): «Quando e dove» dietro un pulsante, come nell'app */
.cerca-apri{display:none}
@media (max-width:640px){
  .cerca.compatta .cerca-apri{display:inline-flex;grid-column:1/-1;justify-content:center;min-height:44px}
  .cerca.compatta:not(.aperta) > label:not(.c-cosa){display:none}
}

.cat-viaggio{--c:#C2410C;--cs:#FFEDD5}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .cat-viaggio{--c:#FDBA74;--cs:#3A2414}}
:root[data-theme="dark"] .cat-viaggio{--c:#FDBA74;--cs:#3A2414}
.fp-lead{margin:0 0 12px;color:var(--ink-2,inherit);line-height:1.5}

/* ===== v556 · P0 «Parte pubblica come il sito privato» (bozza https://claude.ai/artifact/FVgY1y5aDAwR2uFjGySb8t): caratteri del sito, barra, sezioni a pillola con i numeri, piè di pagina corto ===== */
:root{--pulsante:var(--accent);--display:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;--body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--margine:clamp(14px,1.4vw,24px)}
body{font-family:var(--body)}
:is(h1,h2,h3,.logo,.mese,.sezioni a){font-family:var(--display)}
.top{max-width:none;margin:0;background:var(--surface);border-bottom:1px solid var(--line);padding:10px max(var(--margine),calc((100% - 2000px) / 2));gap:10px}
.logo{display:inline-flex;align-items:center;min-height:44px;font-weight:800;font-size:24px;letter-spacing:-.025em}
.logo span{color:var(--accent);font-size:.62em;margin-left:3px}
.top nav .btn{min-height:44px;padding:8px 16px;font-size:15px}
.top nav .btn-pri{background:var(--accent);color:var(--accent-ink)}
.sezioni{width:fit-content;max-width:calc(100% - 2 * var(--margine));margin:12px var(--margine) 4px;padding:6px;gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--sh,none)}
.sezioni::-webkit-scrollbar{display:none}
.sezioni a{flex:none;white-space:nowrap;border:0;background:transparent;color:var(--ink-2);padding:8px 16px;font-weight:600;font-size:15px}
.sezioni a:hover{background:var(--bg);color:var(--ink)}
.sezioni a[aria-current="page"]{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.sezioni .n{font-family:var(--body);font-size:12.5px;font-weight:700;opacity:1;padding:1px 8px;border-radius:10px;background:var(--bg);color:var(--ink-2)}
.sezioni a[aria-current="page"] .n{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
html[data-look="vetrina"]:not([data-theme="light"]) .top{background:transparent;border-bottom-color:transparent}
html[data-look="vetrina"]:not([data-theme="light"]) .sezioni{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);box-shadow:none}
html[data-look="vetrina"]:not([data-theme="light"]) .sezioni a{background:transparent;border-color:transparent;color:rgba(255,255,255,.88)}
html[data-look="vetrina"]:not([data-theme="light"]) .sezioni a:hover{background:rgba(255,255,255,.1)}
html[data-look="vetrina"]:not([data-theme="light"]) .sezioni .n{background:rgba(255,255,255,.16);color:#fff}
html[data-look="vetrina"]:not([data-theme="light"]) .sezioni a[aria-current="page"] .n{background:transparent}
html[data-look="vetrina"]:not([data-theme="light"]) .chip:not(.stato){color:color-mix(in srgb,var(--c,#ff2d95) 70%,#fff)}
@media (max-width:520px){ .logo{font-size:22px} .top nav .btn{padding:8px 12px} .sezioni{max-width:none;margin-inline:12px;width:auto} }
/* piè di pagina corto, come quello del sito privato: una riga e quattro collegamenti; l'informativa si apre da «Cookie e privacy» */
footer{display:block;max-width:none;margin:28px 0 0;padding:16px max(var(--margine),calc((100% - 2000px) / 2)) 32px;font-size:14px}
footer .piede{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;justify-content:space-between}
footer .piede nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px 20px}
footer .piede a,footer summary{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px;cursor:pointer}   /* solo la riga nuova: il vecchio piè di pagina (due paragrafi) resta com'era finché il generatore non lo riscrive */
footer details{flex-basis:100%}footer details summary{list-style:none}footer details summary::-webkit-details-marker{display:none}
footer details[open] summary{color:var(--ink)}
footer details > div{max-width:78ch;padding:2px 0 8px;display:flex;flex-direction:column;gap:6px}footer details p{margin:0}
@media (min-width:760px){footer details{flex-basis:auto}footer details > div{position:static}}
@media (max-width:700px){ .fp-info a{display:inline-flex;align-items:center;min-height:44px} }   /* i collegamenti della scheda film (Guarda il trailer, IMDb) si toccano bene */
/* v557 · «Mostra altri 30 concerti» (js/pubblico.js): le pagine lunghe mostrano 30 righe alla volta */
.altri{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding:20px 0 6px}
.altri .btn{min-height:44px;padding:8px 22px}
.altri[hidden]{display:none}

/* ===== v558 · P2 «Scheda evento e film» (bozza https://claude.ai/artifact/FVgY1y5aDAwR2uFjGySb8t) ===== */
/* «← Tutti gli eventi» / «← Tutti i film»: pulsante pieno come «← Indietro» del sito privato */
.indietro .btn-sec{background:var(--accent);color:var(--accent-ink);border-color:transparent;min-height:44px;padding-inline:20px}
html[data-look="vetrina"]:not([data-theme="light"]) .indietro .btn-sec{background:var(--pulsante);color:#fff}
/* senza locandina: copertina a tinta piena della categoria con l'emoji grande (come nella scheda del sito privato), ora anche su telefono e tablet */
.ev-emoji{display:flex;align-items:center;justify-content:center;min-height:170px;border-radius:var(--r);background:linear-gradient(150deg,color-mix(in srgb,var(--c) var(--cv1,88%),#000),color-mix(in srgb,var(--c) var(--cv2,52%),#000))}
.ev-emoji{position:relative;overflow:hidden}
.ev-emoji span.ev-mono{font-family:var(--display);font-size:96px;font-weight:800;letter-spacing:-.045em;color:#fff;filter:none}
.ev-emoji .ev-ico{position:absolute;right:16px;bottom:14px;width:72px;height:72px;color:#fff;opacity:.36}
.ev-emoji span{font-size:84px;line-height:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
@media (min-width:1100px){ .ev-emoji{border-radius:0;min-height:380px} .ev-emoji span{font-size:150px} }
@media (min-width:1100px){ .ev-emoji span.ev-mono{font-size:190px} .ev-emoji .ev-ico{width:120px;height:120px;right:28px;bottom:24px} }
/* telefono e tablet: «Accedi per iscriverti» resta in basso mentre si legge la scheda */
@media (max-width:1099px){
  .invito{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;margin:12px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -8px 22px rgba(16,24,40,.14);background:var(--surface)}
  .invito h2,.invito p{display:none}
  .invito .btn{flex:1;min-height:48px;margin:0}
}
/* film: il testo «Nessuno spettacolo in programma» sulla fascia scura si legge */
.fp2 .fp-info .muted{color:rgba(255,255,255,.84)}


/* ===== v559 · P3 «Cinema» (bozza https://claude.ai/artifact/FVgY1y5aDAwR2uFjGySb8t) ===== */
/* «← Tutti i film» e simili: dentro <main> il margine laterale era contato due volte e il pulsante restava rientrato rispetto al titolo */
main .indietro{padding-inline:0;margin-inline:0;max-width:none}
/* pagina Cinema: i pulsanti dei singoli cinema si toccano bene (44 px) e l'etichetta si legge sopra la foto in ogni tema */
.testata .cinema-links a{min-height:44px}
.testata .cinema-links span{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.75)}
/* pagina di un cinema: testata con la foto della sala, come le testate del sito */
.cn-testa.cn-t2{position:relative;display:grid;gap:8px;margin:10px 0 16px;padding:22px 24px;border-radius:var(--r);color:#fff;overflow:hidden;
  background:linear-gradient(rgba(12,16,32,.62),rgba(12,16,32,.84)),url(/img/hero-cinema-mobile.webp) center bottom/cover no-repeat #141a2e}
@media (min-width:721px){ .cn-testa.cn-t2{padding:30px 32px;background-image:linear-gradient(rgba(12,16,32,.55),rgba(12,16,32,.8)),url(/img/hero-cinema-desktop.webp);background-position:center 40%} }
.cn-testa.cn-t2 h1{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.cn-testa.cn-t2 .cn-ind,.cn-testa.cn-t2 .cn-num{color:rgba(255,255,255,.9)}
.cn-testa.cn-t2 .cn-num b{color:#fff}
.cn-testa.cn-t2 .cn-az{margin-top:10px}
.cn-testa.cn-t2 .cn-az .btn{min-height:44px}
/* ogni film: locandina (o tessera colorata col genere), titolo, genere e durata, orari a destra; il titolo apre la scheda del film nel sito */
.cn-film li.cn-r{grid-template-columns:minmax(240px,1fr) minmax(0,1.3fr);gap:10px 18px;padding:10px 14px 10px 10px;border-left:4px solid var(--c)}
.cn-vai{display:flex;align-items:center;gap:14px;min-width:0;min-height:96px;color:inherit;text-decoration:none;border-radius:10px}
a.cn-vai:hover .cn-titolo{text-decoration:underline;text-underline-offset:3px}
a.cn-vai:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.cn-cop{flex:none;display:flex;align-items:center;justify-content:center;width:64px;height:96px;border-radius:10px;overflow:hidden;background:var(--cs)}
.cn-cop img{width:100%;height:100%;object-fit:cover;display:block}
.cn-ico{font-size:30px;line-height:1}
.cn-info{display:grid;gap:3px;min-width:0}
.cn-meta{color:var(--ink-2);font-size:13px;font-weight:500;line-height:1.35}
@media (max-width:640px){ .cn-film li.cn-r{grid-template-columns:minmax(0,1fr)} .cn-cop{width:56px;height:84px} .cn-vai{min-height:84px} }
/* Vetrina scuro: la barra dei giorni è un vetro, non un rettangolo piatto sopra lo sfondo sfumato */
html[data-look="vetrina"]:not([data-theme="light"]) .cn-giorni{background:rgba(14,8,32,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:6px 8px}

/* ===== v560 · P4 «Dove mangiare» e «Dove andare» (bozza https://claude.ai/artifact/FVgY1y5aDAwR2uFjGySb8t) ===== */
/* un colore per ogni tipo di posto: gli stessi del sito privato (js/app.js, KIND_COLOR) */
.k-ristorante{--c:#3B5BDB}.k-trattoria{--c:#E8590C}.k-osteria{--c:#8D5524}.k-pizzeria{--c:#E03131}.k-agriturismo{--c:#2F9E44}.k-sushi-ed-etnico{--c:#0C8599}
.k-enoteca{--c:#A61E4D}.k-wine-bar{--c:#7048E8}.k-aperitivo-e-cocktail{--c:#E64980}.k-street-food{--c:#F08C00}.k-pasticceria-e-gelateria{--c:#CC5DE8}.k-colazione-e-brunch{--c:#C99700}
.k-natura-e-parchi{--c:#2F9E44}.k-musei-e-cultura{--c:#7048E8}.k-panorami{--c:#1C7ED6}.k-borghi-e-citta{--c:#C2410C}.k-mare-e-laghi{--c:#0C8599}.k-sport-e-avventura{--c:#E03131}
.k-con-i-bambini{--c:#E67700}.k-discoteche-e-locali-serali{--c:#862E9C}.k-altro{--c:#6B7280}
/* testate con la foto, come Eventi, Concerti e Cinema */
html .testata-mangiare{--foto:url(/img/hero-mangiare-desktop.webp);--pos:center 40%}
html .testata-andare{--foto:url(/img/hero-andare-desktop.webp);--pos:center 40%}
html .testata-bassa{min-height:0;padding-block:30px}
@media (max-width:720px){
  html .testata-mangiare{--foto:url(/img/hero-mangiare-mobile.webp);--pos:center bottom}
  html .testata-andare{--foto:url(/img/hero-andare-mobile.webp);--pos:center bottom}
  html .testata-bassa{padding-block:22px}
}
.cerca:has(#loc-vai){grid-template-columns:1fr auto}
@media (max-width:720px){ .cerca:has(#loc-vai){grid-template-columns:1fr} .cerca #loc-vai{grid-column:auto} }
.cerca #loc-vai.btn-pri{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);border-color:transparent}
html[data-look="vetrina"]:not([data-theme="light"]) .cerca #loc-vai.btn-pri{background:var(--pulsante);color:#fff;box-shadow:0 8px 24px rgba(255,45,149,.35)}
html[data-look="taccuino"] .cerca #loc-vai.btn-pri{background:var(--accent);color:var(--accent-ink)}
.loc-barra{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:16px 0 0}
.loc-barra p{margin:0;font-weight:700}
/* elenco a schede */
.loc-griglia{list-style:none;margin:14px 0 8px;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}
.loc-card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .15s,box-shadow .2s,transform .15s;content-visibility:auto;contain-intrinsic-size:auto 230px}
.loc-card:hover{border-color:var(--c,var(--accent));box-shadow:0 6px 18px rgba(16,24,40,.12);transform:translateY(-2px)}
.loc-vai{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.loc-vai:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
.loc-cop{position:relative;display:flex;align-items:center;height:98px;padding:0 18px;overflow:hidden;color:#fff;background:linear-gradient(150deg,color-mix(in srgb,var(--c) var(--cv1,88%),#000),color-mix(in srgb,var(--c) var(--cv2,52%),#000))}
.loc-mono{font-family:var(--display);font-size:62px;font-weight:800;letter-spacing:-.045em;line-height:1}
.loc-ico{position:absolute;right:12px;bottom:10px;width:46px;height:46px;opacity:.38}
.loc-corpo{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;min-width:0}
.loc-tipo{align-self:flex-start;padding:2px 10px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--c) 14%,var(--surface));color:color-mix(in srgb,var(--c) 52%,var(--ink));font-size:13px;font-weight:700;line-height:1.5}
.loc-nome{font-family:var(--display);font-size:18px;line-height:1.2;overflow-wrap:anywhere}
.loc-dove{color:var(--ink-2);font-size:14px}
.loc-desc{color:var(--ink-2);font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:640px){
  .loc-griglia{grid-template-columns:minmax(0,1fr);gap:10px}
  .loc-vai{flex-direction:row;align-items:stretch}
  .loc-cop{flex:none;width:76px;height:auto;min-height:96px}
  .loc-mono{font-size:38px}
  .loc-cop .loc-ico{display:none}
  .loc-cop{justify-content:center;padding:0}
  .loc-corpo{padding:10px 12px;gap:4px;justify-content:center}
}
/* la pagina che sceglie tra le due sezioni */
.loc-sezioni{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.loc-sezioni .loc-desc{display:block;-webkit-line-clamp:unset}
.loc-sezioni .loc-nome{font-size:22px}
/* pagina di un locale: copertina a tinta del tipo, due pulsanti, descrizione sotto */
.loc-az{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 0}
.loc-dati .chip.loc-tipo{align-self:flex-start;background:color-mix(in srgb,var(--c) 14%,var(--surface));color:color-mix(in srgb,var(--c) 52%,var(--ink));font-size:14px}
.evento.locale .testo{max-width:75ch}
/* le schede (evento, film, locale) stavano rientrate di 16 px rispetto al pulsante «← …» e al resto della pagina: il margine laterale lo dà già <main> */
main .evento{padding-inline:0}
/* il numero nelle pillole dei tipi: tondo, come nelle altre pagine */
#loc-tipi button small{display:inline-block;padding:1px 8px;border-radius:var(--r-pill);font-size:13px;font-weight:700;line-height:1.5}
/* tablet: la scheda è una colonna centrata da 760 px, e anche il pulsante «← …» sta sulla stessa colonna */
@media (min-width:761px) and (max-width:1099px){ main:has(> .evento) .indietro{max-width:760px;margin-inline:auto} }

/* ===== v562 · Q1 «Oggi»: la vetrina di /eventi/ (bozza https://claude.ai/artifact/7MTjwm3SQ5GpSTzkyRMFte) ===== */
.cerca:has(#og-vai){grid-template-columns:1fr auto}
@media (max-width:720px){ .cerca:has(#og-vai){grid-template-columns:1fr} .cerca #og-vai{grid-column:auto} }
.cerca #og-vai.btn-pri{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);border-color:transparent}
html[data-look="vetrina"]:not([data-theme="light"]) .cerca #og-vai.btn-pri{background:var(--pulsante);color:#fff;box-shadow:0 8px 24px rgba(255,45,149,.35)}
html[data-look="taccuino"] .cerca #og-vai.btn-pri{background:var(--accent);color:var(--accent-ink)}
/* risultati della ricerca (js/pubblico-oggi.js): una lista sotto la casella, dentro la testata */
.og-ris{list-style:none;margin:10px 0 0;padding:6px;background:var(--surface);color:var(--ink);border-radius:18px;box-shadow:0 14px 34px rgba(8,4,30,.35)}
.og-ris a{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 12px;border-radius:12px;color:inherit;text-decoration:none}
.og-ris a:hover,.og-ris a:focus-visible{background:var(--accent-soft);outline:none}
.og-ris a:focus-visible{box-shadow:inset 0 0 0 3px var(--link)}
.og-ris .og-t{flex:none;font-size:22px;width:30px;text-align:center}
.og-ris strong{display:block;line-height:1.2;overflow-wrap:anywhere}
.og-ris small{display:block;color:var(--ink-2);font-size:14px}
.og-ris .og-nulla{padding:14px;color:var(--ink-2)}
.og-ris .og-nulla a{display:inline;min-height:0;padding:0;color:var(--link);text-decoration:underline}
/* pillole di salto nella testata */
.og-salti a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 16px;border-radius:var(--r-pill);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.og-salti a small{padding:1px 8px;border-radius:var(--r-pill);background:var(--bg);font-size:13px;font-weight:700}
html .testata .og-salti a{border:0;background:rgba(11,9,32,.34);color:#fff;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}
html .testata .og-salti a:hover{background:rgba(11,9,32,.5)}
html .testata .og-salti a small{background:rgba(255,255,255,.2);color:#fff}
.og-salti a:focus-visible{outline:3px solid var(--link);outline-offset:2px}
/* i blocchi della vetrina */
/* ===== v569 · G1 «Grafica professionale»: bordi più definiti, colori per tipo, date e orari in evidenza, icone a linea al posto delle emoji ===== */
:root{--ln:color-mix(in srgb,var(--ink) 24%,var(--surface));--t-ev:#3044D0;--t-co:#B8286A;--t-fi:#46557F;--t-ma:#B9520A;--t-an:#862E9C;--cv1:88%;--cv2:52%;--sh-c:0 1px 2px rgba(16,24,40,.07),0 6px 16px rgba(16,24,40,.06)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--t-ev:#8D9BFF;--t-co:#FF8CBD;--t-fi:#B7C3DE;--cv1:46%;--cv2:28%;--t-ma:#FFA466;--t-an:#D9A0EC;--sh-c:0 1px 2px rgba(0,0,0,.45)}}
:root[data-theme="dark"]{--t-ev:#8D9BFF;--t-co:#FF8CBD;--t-fi:#B7C3DE;--cv1:46%;--cv2:28%;--t-ma:#FFA466;--t-an:#D9A0EC;--sh-c:0 1px 2px rgba(0,0,0,.45)}
svg.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pt-ev,.pt-co,.pt-fi{display:inline-block;width:11px;height:11px;flex:none;border-radius:50%}
.pt-ev{background:var(--t-ev)}.pt-co{background:var(--t-co)}.pt-fi{background:var(--t-fi)}
.og-sez{margin:36px 0 0;scroll-margin-top:84px}
.og-sez>header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 14px;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--ln)}
.og-sez h2{margin:0;font-size:clamp(24px,3vw,31px);line-height:1.05;font-weight:800;letter-spacing:-.025em}
.og-sez h2::before{content:"";display:inline-block;width:.38em;height:.38em;margin-right:.4em;border-radius:50%;background:var(--accent);vertical-align:.1em}
.og-sez>header .muted{color:var(--ink-2);font-size:15px}
.og-sez>header a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--link);text-decoration:underline;text-underline-offset:3px}
.og-sez>header a:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:4px}
.og-griglia{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.og-griglia{grid-template-columns:repeat(2,minmax(0,1fr))}}
.og-card{background:var(--surface);border:1.5px solid var(--ln);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-c);transition:border-color .15s,box-shadow .2s,transform .15s}
.og-card:hover{border-color:var(--c,var(--accent));box-shadow:0 8px 22px rgba(16,24,40,.15);transform:translateY(-2px)}
.og-vai{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.og-vai:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
.og-cop{position:relative;display:flex;align-items:center;height:110px;overflow:hidden}
.og-cop.og-tipo{padding:0 16px;background:linear-gradient(150deg,color-mix(in srgb,var(--c) var(--cv1),#000),color-mix(in srgb,var(--c) var(--cv2),#000));color:#fff}
.og-cop.og-foto{background:var(--cs);justify-content:center}
.og-cop img{width:100%;height:100%;object-fit:cover;display:block}
.og-ico{position:absolute;right:12px;bottom:10px;width:46px;height:46px;opacity:.38}
.og-ico:only-child{position:static;width:50px;height:50px;margin:0 auto;opacity:.9}
.og-d{display:grid;justify-items:center;gap:3px;padding:8px 13px;border:1.5px solid rgba(255,255,255,.55);border-radius:12px;background:rgba(255,255,255,.1);line-height:1;text-align:center}
.og-d small,.og-d em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em}
.og-d b{font-family:var(--display);font-size:48px;font-weight:800;letter-spacing:-.04em;line-height:.95}
.og-corpo{display:flex;flex-direction:column;gap:5px;padding:12px 14px 15px;min-width:0}
.og-corpo .chip{border:1px solid color-mix(in srgb,var(--c) 38%,transparent)}
.og-nome{font-family:var(--display);font-size:18.5px;font-weight:800;line-height:1.18;letter-spacing:-.012em;overflow-wrap:anywhere}
.og-sub{color:var(--ink-2);font-size:14.5px;line-height:1.4}
.og-t{font-weight:700;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--c,var(--accent)) 72%,var(--ink))}
.og-h .og-vai{flex-direction:row;align-items:stretch}
.og-h .og-cop{flex:none;width:94px;height:auto;min-height:94px;padding:0;justify-content:center}
.og-h .og-d{padding:6px 10px}
.og-h .og-d b{font-size:36px}
.og-dh{padding:8px 14px}
.og-dh b{font-size:38px;letter-spacing:-.03em}
.og-h .og-dh b{font-size:25px}
.og-h .og-dh{padding:6px 8px}
.og-h .og-ico{display:none}
.og-h .og-corpo{justify-content:center}
.og-due{display:grid;gap:0 30px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.og-righe{list-style:none;margin:0;padding:0;display:grid;border:1.5px solid var(--ln);border-radius:var(--r);background:var(--surface);overflow:hidden;box-shadow:var(--sh-c)}
.og-riga+.og-riga{border-top:1px solid var(--line)}
.og-vai-r{display:flex;align-items:center;gap:14px;min-height:62px;padding:10px 16px;color:inherit;text-decoration:none}
.og-vai-r:hover{background:color-mix(in srgb,var(--c,var(--accent)) 9%,var(--surface))}
.og-vai-r:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
.og-dt{flex:none;width:56px;padding:6px 0;text-align:center;border-radius:12px;background:linear-gradient(150deg,color-mix(in srgb,var(--c) var(--cv1),#000),color-mix(in srgb,var(--c) var(--cv2),#000));color:#fff;line-height:1.05}
.og-dt small{display:block;font-size:12px;font-weight:700;letter-spacing:.1em}
.og-dt b{font-family:var(--display);font-size:25px;font-weight:800}
.og-ora{flex:none;min-width:64px;padding:5px 8px;text-align:center;border-radius:10px;background:var(--cs,var(--accent-soft));border:1.5px solid color-mix(in srgb,var(--c,var(--accent)) 48%,transparent);color:color-mix(in srgb,var(--c,var(--accent)) 74%,var(--ink));font-family:var(--display);font-size:18px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.og-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--cs);border:1.5px solid color-mix(in srgb,var(--c) 42%,transparent);color:color-mix(in srgb,var(--c) 76%,var(--ink))}
.og-ic .ic{width:23px;height:23px}
.og-r-t{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}
.og-r-t strong{font-family:var(--display);font-size:16.5px;font-weight:600;line-height:1.22;overflow-wrap:anywhere}
.og-r-t small{color:var(--ink-2);font-size:14px}
.og-ore{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.og-ore span{padding:3px 11px;border:1.5px solid color-mix(in srgb,var(--c,var(--accent)) 52%,var(--ln));border-radius:var(--r-pill);background:var(--cs,var(--accent-soft));color:color-mix(in srgb,var(--c,var(--accent)) 74%,var(--ink));font-family:var(--display);font-size:15.5px;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}
.og-sotto{align-items:flex-start}
.og-sotto .og-ore{justify-content:flex-start;margin-top:6px}
/* invito a entrare */
.og-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin:34px 0 8px;padding:24px 28px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#2536A8,#4B2FA8)}
.og-cta h2{margin:0;font-size:clamp(22px,3vw,28px);line-height:1.1;color:#fff}
.og-cta ul{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;list-style:none;color:#fff;font-size:15px}
.og-cta a.btn.btn-pri{background:#fff;color:#2536A8;border-color:transparent;box-shadow:none}
@media (max-width:860px){ .og-due{grid-template-columns:minmax(0,1fr)} }
@media (max-width:640px){
  .og-griglia{grid-template-columns:minmax(0,1fr);gap:12px}
  .og-vai{flex-direction:row;align-items:stretch}
  .og-cop{flex:none;width:94px;height:auto;min-height:94px;padding:0;justify-content:center}
  .og-cop.og-tipo{padding:0}
  .og-d{padding:6px 10px}
  .og-d b{font-size:36px}
  .og-dh{padding:6px 8px}
  .og-dh b{font-size:25px}
  .og-cop .og-ico{display:none}
  .og-corpo{justify-content:center;padding:10px 13px;gap:3px}
  .og-vai-r{padding:10px 12px;gap:11px}
  .og-ora{min-width:58px;font-size:17px}
  .og-cta{padding:20px}
  .og-cta{padding:20px}
  html .testata .og-salti{margin-inline:-16px;padding-inline:16px}
}

/* ===== v563 · Q2 «Schede che portano altrove»: mappa piccola, altro in quei giorni, film e locali simili, copia del link ===== */
.sc-extra{display:grid;gap:8px;margin:26px 0 0}
.sc-extra>.azioni{margin:8px 0 0}
.sc-box{display:grid;gap:10px;max-width:680px;padding:16px;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r)}
.sc-box h2{margin:0;font-size:22px;line-height:1.15}
.sc-mappa{position:relative;aspect-ratio:2 / 1;border-radius:14px;overflow:hidden;background:var(--bg);border:var(--bw) solid var(--line)}
.sc-svg{display:block;width:100%;height:100%}
.sc-terra{fill:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.sc-acqua{fill:color-mix(in srgb,#3A8FD0 32%,var(--surface))}
.sc-blocchi rect{fill:color-mix(in srgb,var(--ink) 9%,var(--surface))}
.sc-vie path{fill:none;stroke:var(--surface);stroke-width:9}
.sc-pin{fill:var(--accent);stroke:#fff;stroke-width:3;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
.sc-foro{fill:#fff}
.sc-mostra{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);min-height:44px;white-space:nowrap;box-shadow:0 6px 18px rgba(16,24,40,.22)}
.sc-ind{margin:0;color:var(--ink)}
.sc-nota{margin:0;font-size:14px;line-height:1.4}
.sc-nota a{color:var(--link)}
.sc-box .azioni{margin:0}
.sc-copia{min-height:44px;font:inherit;font-weight:700}
.sc-sez{margin-top:22px}
@media (max-width:640px){ .sc-box{padding:14px;max-width:none} .sc-mostra{bottom:10px} }
/* telefono e tablet: la barra fissa «Accedi per iscriverti» sta in fondo alla scheda, dopo mappa e blocchi nuovi, così resta in vista fino alla fine */
@media (max-width:1099px){ .evento .invito{order:99} }

/* ===== v564 · Q3 «Mappa» (bozza https://claude.ai/artifact/7MTjwm3SQ5GpSTzkyRMFte): /eventi/mappa.html ===== */
.mp-barra{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0 0}
.mp-barra .chips-js{margin:0}
.mp-barra .btn{min-height:44px}
.mp-conta{margin:12px 0 10px;font-weight:700}
.mp-corpo{display:grid;gap:14px;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);align-items:start}
.mp-mappa{height:min(72vh,720px);min-height:420px;border-radius:var(--r);border:var(--bw) solid var(--line);overflow:hidden;position:relative;z-index:0;background:var(--surface)}
.mp-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:min(72vh,720px);overflow:auto}
.mp-riga{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;background:var(--surface);border:var(--bw) solid var(--line);border-radius:14px;color:inherit;text-decoration:none}
.mp-riga:hover{border-color:var(--accent)}
.mp-riga:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.mp-ri{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;font-size:18px;line-height:1}
.mp-ri .ic{width:20px;height:20px}
.mp-t-e{background:#3044D0}.mp-t-c{background:#B8286A}.mp-t-m{background:#B9520A}.mp-t-a{background:#862E9C}
.mp-riga strong{display:block;line-height:1.2;overflow-wrap:anywhere}
.mp-riga small{display:block;color:var(--ink-2);font-size:14px}
@media (max-width:900px){ .mp-corpo{grid-template-columns:minmax(0,1fr)} .mp-mappa{height:58vh;min-height:360px} .mp-lista{max-height:none} }
/* segnaposto e gruppi */
.mp-ic{background:none;border:0}
.mp-pin span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;border:3px solid #fff;box-shadow:0 3px 9px rgba(0,0,0,.4);color:#fff;font-size:17px;line-height:1}
.mp-pin .ic{width:20px;height:20px}
.mp-e span{background:#3044D0}.mp-c span{background:#B8286A}.mp-m span{background:#B9520A}.mp-a span{background:#862E9C}
.mp-cl b{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#2536A8;border:3px solid rgba(255,255,255,.92);box-shadow:0 3px 9px rgba(0,0,0,.4);color:#fff;font-size:15px}
.mp-ic:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:50%}
/* controlli e fumetti di Leaflet nello stile del sito, con bersagli da 44 px */
/* leaflet.css si carica dopo questo file: le regole sono più specifiche per vincere */
.mp-mappa.leaflet-container .leaflet-bar a{width:44px;height:44px;line-height:44px;font-size:22px}
.leaflet-container{font-family:var(--body)}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface);color:var(--ink)}
.leaflet-popup-content{margin:14px 16px;font-size:15px}
.mp-pop{display:grid;gap:6px;min-width:210px}
.mp-pop p,.mp-pop small{margin:0;color:var(--ink-2)}
.leaflet-container .mp-pop a.btn{color:var(--accent-ink);display:inline-flex;justify-content:center;min-height:44px}
.leaflet-container .mp-gruppo a{color:var(--link);font-weight:700;display:block;padding-top:4px}
.mp-gruppo{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:220px;overflow:auto}

/* ===== v565 · Q4 «Agenda della settimana»: /eventi/agenda.html — rifatta in v569 · G2: striscia dei 7 giorni, data in grande a sinistra, due colonne ===== */
.ag-testa{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin:14px 0 14px}
.ag-testa h1.titolo-sez{margin:0 0 4px}
.ag-intro{margin:0;max-width:62ch}
.ag-seg{display:inline-flex;gap:4px;padding:4px;border:1.5px solid var(--ln);border-radius:calc(var(--r-s) + 4px);background:var(--surface)}
.ag-seg[hidden]{display:none}
.ag-seg button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 16px;border:0;border-radius:var(--r-s);background:transparent;color:var(--ink-2);font:inherit;font-weight:600;cursor:pointer}
.ag-seg button:hover{color:var(--ink)}
.ag-seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.ag-seg button:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.ag-seg small{padding:0 7px;border-radius:var(--r-pill);background:color-mix(in srgb,currentColor 16%,transparent);font-size:12.5px;font-weight:700}
.ag-sett{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;position:sticky;top:0;z-index:6;padding:8px 0 10px;background:var(--bg)}
.ag-sett a{display:grid;justify-items:center;align-content:center;gap:1px;min-height:68px;padding:8px 4px;border:1.5px solid var(--ln);border-radius:var(--r-s);background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:var(--sh-c)}
.ag-sett a:hover{border-color:var(--accent)}
.ag-sett a:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.ag-sett a[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.ag-sett small{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--ink-2)}
.ag-sett a:first-child small{color:var(--link)}
.ag-sett a[aria-current="true"] small{color:inherit;opacity:.82}
.ag-sett b{font-family:var(--display);font-size:27px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.ag-pt{display:flex;gap:4px;align-items:center;min-height:9px}
.ag-pt i{width:9px;height:9px;box-shadow:0 0 0 1.5px var(--surface)}
.ag-giorno{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 26px;margin:6px 0 0;padding:22px 0 10px;border-top:2px solid var(--ln);scroll-margin-top:96px}
.ag-rail{position:sticky;top:100px;align-self:start;display:grid;margin:0;font-size:16px;letter-spacing:normal;line-height:1.05}
.ag-rail b{font-family:var(--display);font-size:68px;font-weight:800;letter-spacing:-.05em;line-height:.9}
.ag-rail span{margin-top:6px;font-family:var(--display);font-size:21px;font-weight:600}
.ag-rail em{font-style:normal;font-family:var(--body);font-size:15px;font-weight:500;color:var(--ink-2)}
.ag-rail u{justify-self:start;margin-top:10px;padding:3px 12px;border-radius:var(--r-pill);background:var(--link);color:var(--bg);font-family:var(--body);font-size:12.5px;font-weight:600;letter-spacing:.05em;text-decoration:none}
.ag-corpo{min-width:0}
.ag-gruppo{margin:0 0 22px}
.ag-gruppo[hidden]{display:none}
.bl{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.bl em{margin-left:2px;padding:1px 9px;border:1.5px solid var(--ln);border-radius:var(--r-pill);background:var(--surface);font-style:normal;font-size:12.5px;letter-spacing:0}
.og-gr2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ag-altri{margin-top:10px}
.ag-altri summary{display:flex;align-items:center;min-height:46px;padding:6px 16px;border:1.5px solid var(--ln);border-radius:var(--r-s);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer}
.ag-altri summary:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.ag-altri summary::after{content:"▾";margin-left:auto;color:var(--ink-2)}
.ag-altri[open] summary::after{content:"▴"}
.ag-altri[open] summary{margin-bottom:10px}
.ag-vuoto{margin:6px 0 16px;padding:14px 16px;border:1.5px dashed var(--ln);border-radius:var(--r-s);color:var(--ink-2)}
.ag-vuoto[hidden]{display:none}
.ag-fine{margin:30px 0 8px}
.ag-fine a{color:var(--link)}
@media (min-width:861px){
  .ag-corpo .og-righe:has(.og-riga:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}   /* una riga sola resta a tutta larghezza */
  .ag-corpo .og-righe:has(.og-riga:nth-child(2)) .og-riga+.og-riga{border-top:0}
  .ag-corpo .og-righe:has(.og-riga:nth-child(2)) .og-riga:nth-child(n+3){border-top:1px solid var(--line)}
  .ag-corpo .og-righe:has(.og-riga:nth-child(2)) .og-riga:nth-child(odd){border-right:1px solid var(--line)}
  .ag-corpo .og-righe:has(.og-riga:nth-child(2)) .og-riga:nth-child(odd):last-child{grid-column:1 / -1;border-right:0}
}
@media (max-width:860px){
  .ag-giorno{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:16px}
  .ag-rail{position:static;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px}
  .ag-rail b{font-size:46px}
  .ag-rail span{margin:0;font-size:20px}
  .ag-rail u{margin:0 0 0 auto;align-self:center}
  .og-gr2{grid-template-columns:minmax(0,1fr)}
  .ag-sett{gap:4px}
  .ag-sett a{min-height:60px;padding:6px 0}
  .ag-sett b{font-size:21px}
  .ag-seg{width:100%}
  .ag-seg button{flex:1 1 0;min-width:0;justify-content:center;gap:4px;padding:6px 4px;font-size:15px}
  .ag-seg small{padding:0 6px}
}

/* ===== v566 · Q5 «Pagine per città e per locale» dei concerti: /eventi/concerti/<città o locale>.html ===== */
.cg-testa{margin:8px 0 6px}
.cg-testa h1{margin:0 0 4px;font-size:clamp(28px,5vw,40px);line-height:1.1}
.cg-testa p{margin:0}
.cg-vicini,.cg-indice{margin:34px 0 0}
.cg-vicini h2,.cg-indice h2{margin:20px 0 8px;font-size:clamp(20px,3vw,24px);line-height:1.15}
.cg-indice h2:first-child{margin-top:0}
.cg-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.cg-chips a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 16px;border-radius:var(--r-pill);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:15px;text-decoration:none}
.cg-chips a:hover{border-color:var(--accent)}
.cg-chips a:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.cg-chips small{padding:1px 8px;border-radius:var(--r-pill);background:var(--bg);font-size:13px;font-weight:700}
/* Taccuino: l'etichetta del genere (Jazz, Elettronica…) sulla pagina Concerti arrivava a 4,3-4,5:1: il colore si scurisce (chiaro) o si schiarisce (scuro) quanto basta per il 4,5:1 */
html[data-look="taccuino"] .chip.genre{color:color-mix(in srgb,var(--c) 62%,var(--ink))}

/* ===== v570 · G3 «Mappa e scheda dell'evento»: icone a linea al posto delle emoji, il giorno in grande sulla copertina ===== */
.li-ic{display:inline-grid;place-items:center;width:1.55em;height:1.55em;margin-right:.5em;vertical-align:-.35em;border-radius:8px;background:color-mix(in srgb,var(--link) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--link) 30%,transparent);color:var(--link)}
.li-ic .ic{width:1em;height:1em}
.loc-dove .ic,.btn .ic,.sc-ind .ic,.cn-ind .ic{width:1.05em;height:1.05em;vertical-align:-.15em}
.sc-ind .ic,.cn-ind .ic{color:var(--link)}
.btn .ic{vertical-align:middle}
.ev-emoji span.ev-tile{display:grid;justify-items:center;gap:5px;padding:14px 26px;border:2px solid rgba(255,255,255,.55);border-radius:18px;background:rgba(255,255,255,.1);color:#fff;font-size:inherit;line-height:1;text-align:center;filter:none}
.ev-tile small,.ev-tile em{font-style:normal;font-size:14px;font-weight:700;letter-spacing:.22em}
.ev-tile b{font-family:var(--display);font-size:88px;font-weight:800;letter-spacing:-.05em;line-height:.92}
.ev-tile i{margin-top:8px;padding:4px 16px;border-radius:var(--r-pill);background:#fff;color:#161D2B;font-style:normal;font-family:var(--display);font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.ev-emoji .ev-ico-solo{position:static;width:96px;height:96px;opacity:.85}
@media (min-width:1100px){
  .ev-emoji span.ev-tile{gap:8px;padding:28px 56px;border-radius:24px}
  .ev-tile small,.ev-tile em{font-size:22px}
  .ev-tile b{font-size:190px}
  .ev-tile i{margin-top:14px;padding:6px 24px;font-size:32px}
}
.mp-fil .mp-f{display:inline-flex;align-items:center;gap:7px}
.mp-fil .mp-f .ic{width:19px;height:19px}
.mp-fil .mp-f-e .ic{color:var(--t-ev)}.mp-fil .mp-f-c .ic{color:var(--t-co)}.mp-fil .mp-f-m .ic{color:var(--t-ma)}.mp-fil .mp-f-a .ic{color:var(--t-an)}
.mp-fil .mp-f[aria-pressed="true"]{color:#fff}
.mp-fil .mp-f[aria-pressed="true"] .ic{color:#fff}
.mp-fil .mp-f-e[aria-pressed="true"]{background:#3044D0;border-color:#3044D0}
.mp-fil .mp-f-c[aria-pressed="true"]{background:#B8286A;border-color:#B8286A}
.mp-fil .mp-f-m[aria-pressed="true"]{background:#B9520A;border-color:#B9520A}
.mp-fil .mp-f-a[aria-pressed="true"]{background:#862E9C;border-color:#862E9C}
.mp-fil .mp-f small{padding:0 7px;border-radius:var(--r-pill);background:color-mix(in srgb,currentColor 16%,transparent);font-size:12.5px;font-weight:700}
@media (max-width:640px){
  .ev-emoji span.ev-tile{padding:12px 22px}
  .ev-tile b{font-size:70px}
}

/* ===== v571 · Eventi e Concerti: le quattro viste Schede · Elenco · Compatta · Programma (js/pubblico.js mette ve-compatta / ve-programma sul <body>; «Elenco» è l'elenco di sempre) ===== */
body.sez-eventi .ev,body.sez-concerti .ev{border-color:var(--ln);box-shadow:var(--sh-c)}
.giorno .gd-p::after{content:" ·"}
/* l'orario in riquadro (da data-i, scritto dal generatore); senza orario si mostra il testo di prima */
body.ve-compatta .ev[data-i]::before,body.ve-programma .ev[data-i]::before{content:attr(data-i);flex:none;min-width:62px;padding:4px 8px;text-align:center;border-radius:10px;background:var(--cs,var(--accent-soft));border:1.5px solid color-mix(in srgb,var(--c,var(--accent)) 48%,transparent);color:color-mix(in srgb,var(--c,var(--accent)) 74%,var(--ink));font-family:var(--display);font-size:17px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
body.ve-compatta .ev[data-i] .ora,body.ve-programma .ev[data-i] .ora .ot,body.ve-programma .ev .ora .sep,body.ve-compatta .ev .prezzo,body.ve-compatta .ev .sep{display:none}
body.ve-compatta .ev .mini,body.ve-compatta .ev .ph,body.ve-programma .ev .mini,body.ve-programma .ev .ph,body.ve-programma .ev .data{display:none!important}   /* !important: il tema Vetrina scuro mostra l'emoji del genere con una regola molto specifica */
/* --- Compatta: una riga sola per evento, in un unico riquadro --- */
body.ve-compatta .elenco{gap:0;border:1.5px solid var(--ln);border-radius:var(--r);background:var(--surface);overflow:hidden;box-shadow:var(--sh-c)}
body.ve-compatta .elenco>.giorno{display:none}
body.ve-compatta .ev{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:6px 14px;min-height:50px;align-items:center;gap:12px}
body.ve-compatta .ev:first-child{border-top:0}
body.ve-compatta .ev:hover,body.ve-compatta .ev:focus-visible{background:color-mix(in srgb,var(--c,var(--accent)) 9%,var(--surface));box-shadow:none}
body.ve-compatta .ev:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
body.ve-compatta .ev .data{order:0;flex:0 0 48px;height:auto;padding:5px 0;border-radius:9px;box-shadow:none}
body.ve-compatta .ev .data small{font-size:11.5px;letter-spacing:.08em}
body.ve-compatta .ev .data b{font-size:19px;margin:2px 0 0}
body.ve-compatta .ev .data span{display:none}
body.ve-compatta .ev[data-i]::before{order:1}
body.ve-compatta .ev .dett{order:2;flex:1;flex-direction:row;align-items:center;gap:12px;min-width:0}
body.ve-compatta .ev .tag{display:none}
body.ve-compatta .ev h3{flex:1;min-width:0;margin:0;font-size:16.5px;-webkit-line-clamp:1}
body.ve-compatta .ev .dove{flex:none;max-width:34%;margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ve-compatta .ev .ora{flex:none;margin:0;font-size:14px;color:var(--ink-2);font-weight:500}
/* --- Programma: la data in grande a sinistra (dalle intestazioni di giorno), a destra gli eventi di quel giorno in un riquadro --- */
body.ve-programma .elenco{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:22px;row-gap:0}
body.ve-programma .elenco>.giorno{grid-column:1;align-self:start;display:block;margin:18px 0 0;padding:0;font-size:inherit;font-weight:inherit;letter-spacing:normal;line-height:1.05}
body.ve-programma .elenco>.giorno::after{display:none}
body.ve-programma .giorno .gd-t{display:grid;justify-items:start}
body.ve-programma .giorno .gd-n{order:0;font-family:var(--display);font-size:56px;font-weight:800;letter-spacing:-.05em;line-height:.9}
body.ve-programma .giorno .gd-w{order:1;margin-top:6px;font-family:var(--display);font-size:19px;font-weight:600}
body.ve-programma .giorno .gd-m{order:2;color:var(--ink-2);font-size:14px;font-weight:500}
body.ve-programma .giorno .gd-p{order:3;margin-top:8px;padding:2px 11px;border-radius:var(--r-pill);background:var(--link);color:var(--bg);font-size:12.5px;font-weight:600;letter-spacing:.04em}
body.ve-programma .giorno .gd-p::after{content:none}
body.ve-programma .elenco>.ev{grid-column:2;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:1px;align-items:center;padding:10px 16px;min-height:64px;border-width:0 1.5px 1.5px;border-radius:0;box-shadow:none}
body.ve-programma .elenco>.giorno+.ev{margin-top:18px;border-top-width:1.5px;border-top-left-radius:var(--r);border-top-right-radius:var(--r)}
body.ve-programma .elenco>.ev:has(+ .giorno),body.ve-programma .elenco>.ev:not([hidden]):not(:has(~ .ev:not([hidden]))){border-bottom-left-radius:var(--r);border-bottom-right-radius:var(--r);box-shadow:var(--sh-c)}
body.ve-programma .elenco>.ev:hover,body.ve-programma .elenco>.ev:focus-visible{background:color-mix(in srgb,var(--c,var(--accent)) 9%,var(--surface))}
body.ve-programma .ev::before{grid-column:1;grid-row:1 / span 3}
body.ve-programma .ev:not([data-i])::before{content:"—";grid-column:1;grid-row:1 / span 3;min-width:62px;text-align:center;color:var(--ink-2);font-weight:700}
body.ve-programma .ev .dett{display:contents}
body.ve-programma .ev h3{order:1;grid-column:2;margin:0;font-size:17px;-webkit-line-clamp:2}
body.ve-programma .ev .dove{order:2;grid-column:2;margin:0;font-size:14.5px}
body.ve-programma .ev .ora{order:3;grid-column:2;margin:0;font-size:14px;color:var(--ink-2);font-weight:500}
body.ve-programma .ev .ora:empty{display:none}
body.ve-programma .ev .tag{order:4;grid-column:2;margin-top:3px}
body.ve-programma.sez-concerti .ev .tag .chip:first-child{display:none}
body.ve-programma #vicini{grid-template-columns:minmax(0,1fr)}
body.ve-programma #vicini>.ev{grid-column:1;border-width:1.5px;border-radius:var(--r);margin-top:8px}
@media (max-width:640px){
  body.ve-compatta .ev{padding:6px 10px;gap:9px}
  body.ve-compatta .ev .dove{display:none}
  body.ve-compatta .ev h3{-webkit-line-clamp:2}
  body.ve-compatta .ev[data-i]::before{min-width:54px;font-size:15px;padding:3px 6px}
  body.ve-programma .elenco{grid-template-columns:minmax(0,1fr)}
  body.ve-programma .elenco>.giorno{grid-column:1;margin-top:16px}
  body.ve-programma .giorno .gd-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px}
  body.ve-programma .giorno .gd-n{font-size:44px}
  body.ve-programma .giorno .gd-w{margin:0;font-size:20px}
  body.ve-programma .giorno .gd-p{margin:0 0 0 auto;align-self:center}
  body.ve-programma .elenco>.ev{grid-column:1;padding:10px 12px;column-gap:11px}
  body.ve-programma .elenco>.giorno+.ev{margin-top:8px}
}

/* ===== v571 · Dove mangiare e Dove andare: Schede · Elenco · Compatta (js/pubblico-locali.js mette vl-elenco / vl-compatta sul <body>) ===== */
.loc-viste{margin-left:auto}
body.vl-elenco .loc-griglia,body.vl-compatta .loc-griglia{display:block;margin:14px 0 8px;border:1.5px solid var(--ln);border-radius:var(--r);background:var(--surface);overflow:hidden;box-shadow:var(--sh-c)}
body.vl-elenco .loc-card,body.vl-compatta .loc-card{border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
body.vl-elenco .loc-card:not([hidden]) ~ .loc-card:not([hidden]),body.vl-compatta .loc-card:not([hidden]) ~ .loc-card:not([hidden]){border-top:1px solid var(--line)}
body.vl-elenco .loc-card:hover,body.vl-compatta .loc-card:hover{background:color-mix(in srgb,var(--c,var(--accent)) 8%,var(--surface))}
body.vl-elenco .loc-vai{flex-direction:row;align-items:stretch}
body.vl-elenco .loc-cop{flex:none;width:84px;height:auto;min-height:94px;padding:0;justify-content:center}
body.vl-elenco .loc-mono{font-size:42px}
body.vl-elenco .loc-cop .loc-ico,body.vl-compatta .loc-cop .loc-ico{display:none}
body.vl-elenco .loc-corpo{flex:1;justify-content:center;padding:12px 16px;gap:4px}
body.vl-compatta .loc-vai{flex-direction:row;align-items:center;gap:12px;padding:6px 14px;min-height:52px}
body.vl-compatta .loc-cop{flex:none;width:38px;height:38px;min-height:0;padding:0;justify-content:center;border-radius:9px}
body.vl-compatta .loc-mono{font-size:21px}
body.vl-compatta .loc-corpo{flex:1;flex-direction:row;align-items:center;gap:12px;padding:0;min-width:0}
body.vl-compatta .loc-nome{order:1;flex:1;min-width:0;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.vl-compatta .loc-tipo{order:2;flex:none}
body.vl-compatta .loc-dove{order:3;flex:none;max-width:30%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.vl-compatta .loc-desc{display:none}
@media (max-width:640px){
  .loc-viste{margin-left:0;width:100%;display:flex}.loc-viste button{flex:1}
  body.vl-elenco .loc-cop{width:70px}body.vl-elenco .loc-mono{font-size:34px}
  body.vl-compatta .loc-vai{padding:6px 10px;gap:10px}
  body.vl-compatta .loc-tipo,body.vl-compatta .loc-dove{display:none}
  body.vl-compatta .loc-nome{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}

/* ===== v572 · G4: le ultime emoji diventano icone a linea (etichette di categoria e genere, copertine dei film, calendario degli orari, cerca) ===== */
.chip .ic{width:14px;height:14px;margin:-2px 3px 0 -2px;vertical-align:middle}
.ev .ph .ic{width:1em;height:1em;color:color-mix(in srgb,var(--c,var(--accent)) var(--mix,70%),#000)}
.ev[class*=" g-"] .ph i .ic{width:.62em;height:.62em;color:#fff}
.ev.film .ph i{display:grid;place-items:center}
.ev.film .ph i .ic{width:1em;height:1em;color:color-mix(in srgb,var(--c,var(--accent)) var(--mix,70%),#000)}
.fv-bg .fv-ico .ic,.fp2 .fp-ico .ic,.fc-ico .ic,.cn-ico .ic{width:1em;height:1em;color:color-mix(in srgb,var(--c,var(--accent)) 80%,var(--ink))}
.fv-bg .fv-ico .ic,.fp2 .fp-ico .ic{stroke-width:1.2}
.film a.cal .ic,.cal-agenda a.cal .ic{width:20px;height:20px}
.chips-js button .ic,.filtri label .ic{width:16px;height:16px;margin:-3px 2px 0 -2px;vertical-align:middle}
.v-stasera .st-l .ic,.fc-o .ic{width:1.05em;height:1.05em;margin:-2px 2px 0 0;vertical-align:middle}
.og-ris .og-t .ic{width:22px;height:22px;color:var(--link)}
.cinema-links a .ic{width:1.05em;height:1.05em;margin:-2px 4px 0 0;vertical-align:middle}
#vicino .ic,.vicino .ic{width:1.05em;height:1.05em;vertical-align:-.15em}
body.ve-compatta .ev .chip .ic,body.ve-programma .ev .chip .ic{width:13px;height:13px}
.rapidi button .ic,.sorpresa .ic,.saluto .ic,.aspetto summary .ic{width:1.1em;height:1.1em;margin:-2px 3px 0 -2px;vertical-align:middle}
.aspetto summary .ic{width:20px;height:20px;margin:0}
.saluto .ic{width:1.15em;height:1.15em;margin-left:0}
.su .ic{width:24px;height:24px;display:block;margin:auto}
html .testata .saluto .ic{stroke:#fff}   /* nel tema Vetrina scuro il testo del saluto è trasparente (sfumatura ritagliata): l'icona deve avere un colore suo */

/* ===== v575 · raffinamento, tappa 1: un solo pulsante principale per pagina (bozza https://claude.ai/artifact/PhpbyvwSZkWFDmyu2RAhUN) ===== */
/* «← Tutti gli eventi», «← Dove mangiare», «← Tutti i film»…: pulsante da 44 px bianco con il bordo, non più blu pieno; il blu resta per l'azione che porta avanti */
.indietro .btn-sec{background:var(--surface);color:var(--ink);border:var(--bw) solid var(--line);min-height:44px;padding-inline:20px}
.indietro .btn-sec:hover{border-color:var(--accent)}
html[data-look="vetrina"]:not([data-theme="light"]) .indietro .btn-sec{background:var(--surface);color:var(--ink);border-color:var(--line)}

/* ===== v576 · raffinamento, tappa 2: pagina dell'evento (bozza https://claude.ai/artifact/PhpbyvwSZkWFDmyu2RAhUN) ===== */
/* il collegamento al sito dei biglietti sta in cima alle azioni, su una riga sua; sotto, calendario · condividi · copia il link in una riga sola */
.ev-dati .azioni .az-sito{flex:1 1 100%;justify-content:center;min-height:44px}
/* telefono: calendario · condividi · copia il link in tre colonne uguali (icona sopra, parola sotto), non uno sotto l'altro */
@media (max-width:560px){
  .ev-dati .azioni .btn:not(.az-sito){flex:1 1 0;min-width:0;flex-direction:column;gap:4px;padding:8px 6px;font-size:14px;line-height:1.2;text-align:center;min-height:56px;justify-content:center}
  .ev-dati .azioni .btn:not(.az-sito) .ic{width:18px;height:18px}
}

/* ===== v577 · raffinamento, tappa 3: tessere dei locali con l'icona del tipo quando il nome comincia con una cifra o un simbolo ===== */
.loc-mono-ico{display:inline-grid;place-items:center}
.loc-mono-ico .ic{width:.9em;height:.9em;stroke-width:1.5}
.ev-emoji span.ev-mono-ico{display:inline-grid;place-items:center}
.ev-emoji span.ev-mono-ico .ic{width:.62em;height:.62em;stroke-width:1.3}

/* ===== v578 · raffinamento, tappa 4: una sola barra di filtri (province · locale · genere) e tessera della data più piccola a telefono (bozza https://claude.ai/artifact/PhpbyvwSZkWFDmyu2RAhUN) ===== */
/* un riquadro solo, tutti i controlli alti uguali e con la stessa forma; senza JavaScript (o senza controlli visibili) il riquadro non compare */
.filtri-box{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 0;padding:8px 10px;border:var(--bw) solid var(--line);border-radius:var(--r);background:var(--surface)}
.filtri-box:not(:has(> :not([hidden]))){display:none}
.filtri-box .chips-js{margin:0;padding:0;gap:8px}
.filtri-box .chips-js button{min-height:44px;border-color:transparent;background:var(--surface-2,var(--bg))}
.filtri-box .chips-js button[aria-pressed="true"]{border-color:var(--ink)}
.filtri-box .filtro-locale{margin:0;gap:8px 12px}
.filtri-box #chips-prov:not([hidden]) + .filtro-locale:not([hidden]){padding-left:14px;border-left:var(--bw) solid var(--line)}
.filtri-box .filtro-locale label{flex-wrap:nowrap}
.filtri-box .filtro-locale select{border-color:transparent;background:var(--surface-2,var(--bg))}
@media (max-width:640px){
  .filtri-box{gap:8px;padding:8px}
  .filtri-box .chips-js{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0;padding:0}
  .filtri-box .filtro-locale{flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}
  .filtri-box #chips-prov:not([hidden]) + .filtro-locale:not([hidden]){padding:0;border:0}
  .filtri-box .filtro-locale:has(> label:only-child){grid-template-columns:1fr}
  .filtri-box .filtro-locale select{width:100%;font-size:14px;padding:8px 10px;text-overflow:ellipsis}
}
/* la tessera della data sulla copertina dell'evento con l'orario toccava i bordi a telefono */
@media (max-width:640px){
  .ev-emoji span.ev-tile:has(i){gap:3px;padding:9px 20px}
  .ev-emoji .ev-tile:has(i) b{font-size:54px}
  .ev-emoji .ev-tile:has(i) small,.ev-emoji .ev-tile:has(i) em{font-size:12px}
  .ev-emoji .ev-tile i{margin-top:5px;padding:2px 12px;font-size:18px}
}

/* ===== v580 · «Oggi più elegante», tappa 1: le pillole sotto «Cosa fai stasera?» rotonde, colorate e con l'emoji (bozza https://claude.ai/artifact/7EvzkqJRnguUJaW7HdebPi) ===== */
.og-salti a.og-p{--pc:#3b5bdb}
.og-salti a.og-p-stasera{--pc:#b45309}.og-salti a.og-p-weekend{--pc:#7048e8}.og-salti a.og-p-concerti{--pc:#c2255c}.og-salti a.og-p-cinema{--pc:#3b5bdb}.og-salti a.og-p-mangiare{--pc:#c2410c}
html .testata .og-salti a.og-p,.og-salti a.og-p{gap:8px;min-height:44px;padding:6px 16px 6px 12px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:var(--pc);color:#fff;font-weight:700;box-shadow:0 6px 16px rgba(0,0,0,.28);-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .15s,filter .15s}
html .testata .og-salti a.og-p:hover{background:var(--pc);filter:brightness(1.1);transform:translateY(-1px)}
html .testata .og-salti a.og-p small,.og-salti a.og-p small{background:rgba(255,255,255,.28);color:#fff}
.og-p .og-em{font-size:19px;line-height:1;font-style:normal}
@media (prefers-reduced-motion:reduce){html .testata .og-salti a.og-p{transition:none}html .testata .og-salti a.og-p:hover{transform:none}}

/* ===== v581 · «Oggi più elegante», tappa 2: le icone di Oggi e Agenda rotonde, nel colore del tipo (bozza https://claude.ai/artifact/7EvzkqJRnguUJaW7HdebPi) ===== */
.og-ic{--ic-c:#3b5bdb;width:44px;height:44px;border-radius:50%;border:0;background:color-mix(in srgb,var(--ic-c) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic-c) 30%,transparent);color:color-mix(in srgb,var(--ic-c) 78%,var(--ink))}   /* blu del film (il colore del tipo): lo stesso della pillola «Al cinema» */
.og-ic .ic{width:22px;height:22px}

/* ===== v582 · «Oggi più elegante», tappa 4: «Concerti in arrivo» e «Al cinema oggi» come schede curate (bozza https://claude.ai/artifact/7EvzkqJRnguUJaW7HdebPi) ===== */
/* ogni blocco è una scheda: testata con l'icona rotonda, il titolo e il collegamento «tutti» a pillola; sotto le righe senza bordo proprio */
.og-due>.og-sez{display:flex;flex-direction:column;min-width:0;border:1.5px solid var(--ln);border-radius:var(--r);background:var(--surface);overflow:hidden;box-shadow:var(--sh-c)}
.og-due>.og-sez>header{flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;margin:0;padding:12px 16px;border-bottom:1px solid var(--line)}
.og-due>.og-sez h2{flex:1;min-width:0;font-size:clamp(19px,2.2vw,22px);line-height:1.15}
.og-due>.og-sez h2::before{display:none}
.og-due>.og-sez>header a{flex:none;min-height:44px;padding:4px 14px;border:var(--bw) solid var(--line);border-radius:999px;background:var(--surface);text-decoration:none;font-size:14px;white-space:nowrap}
.og-due>.og-sez>header a:hover{border-color:var(--link)}
.og-hic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--hc) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hc) 30%,transparent);color:color-mix(in srgb,var(--hc) 78%,var(--ink))}
.og-hic .ic{width:21px;height:21px}
.og-hic-musica{--hc:#c2255c}.og-hic-film{--hc:#3b5bdb}
.og-due>.og-sez>.og-righe{border:0;border-radius:0;box-shadow:none;background:transparent}
/* la data dei concerti: un cerchio rosa chiaro (giorno della settimana sopra, numero sotto), non più un rettangolo scuro */
.og-due .og-dt{width:52px;height:52px;padding:0;display:grid;align-content:center;border-radius:50%;background:color-mix(in srgb,#c2255c 13%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,#c2255c 28%,transparent);color:color-mix(in srgb,#c2255c 46%,var(--ink))}   /* più inchiostro del tema: nei temi scuri il rosa puro si leggeva a 3 : 1 */
.og-due .og-dt small{font-size:12px;letter-spacing:.06em;line-height:1}
.og-due .og-dt b{font-size:20px;line-height:1.05}
/* gli orari del cinema: pillole tonde nel blu del film */
.og-due .og-ore span{border-radius:999px;border:1px solid color-mix(in srgb,#3b5bdb 32%,transparent);background:color-mix(in srgb,#3b5bdb 12%,var(--surface));color:color-mix(in srgb,#3b5bdb 44%,var(--ink))}
@media (max-width:520px){.og-due>.og-sez>header{padding:10px 12px;gap:10px}.og-due>.og-sez>header a{padding:4px 12px}}
/* telefono: le righe del cinema vanno a capo (icona e titolo sopra, orari sotto, sotto il titolo): prima gli orari prendevano tutta la larghezza e il titolo restava una lettera per riga */
@media (max-width:640px){
  .og-due .og-riga.cat-cinema .og-vai-r{flex-wrap:wrap;row-gap:6px}
  .og-due .og-riga.cat-cinema .og-r-t{flex:1 1 calc(100% - 66px)}
  .og-due .og-riga.cat-cinema .og-ore{flex:1 1 100%;justify-content:flex-start;padding-left:56px}
}

/* ===== v583 · «Oggi più elegante», tappa 3: i riquadri di «Stasera» (e «Domani») larghi e bassi, con l'orario in un cerchio colorato (bozza https://claude.ai/artifact/7EvzkqJRnguUJaW7HdebPi) ===== */
/* prima: quattro schede strette e alte (circa 215 px); ora tre righe larghe e basse (circa 86 px): cerchio con l'orario a sinistra, tipo, titolo e luogo a destra */
.og-stasera{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.og-stasera{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.og-stasera{grid-template-columns:minmax(0,1fr)}}
.og-stasera .og-card{border-radius:16px;box-shadow:none}
.og-stasera .og-vai{flex-direction:row;align-items:center;gap:12px;height:auto;padding:10px 14px 10px 10px}
.og-stasera .og-cop{flex:none;width:68px;height:68px;min-height:0;padding:0;border-radius:50%;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--c) 14%,var(--surface));color:color-mix(in srgb,var(--c) 50%,var(--ink));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent)}
.og-stasera .og-cop.og-tipo{background:color-mix(in srgb,var(--c) 14%,var(--surface));color:color-mix(in srgb,var(--c) 50%,var(--ink))}
.og-stasera .og-cop.og-foto{background:var(--cs)}
.og-stasera .og-cop.og-foto img{width:100%;height:100%;object-fit:cover}
.og-stasera .og-d{display:grid;justify-items:center;align-content:center;gap:1px;padding:0;border:0;background:none;color:inherit;box-shadow:none;line-height:1}
.og-stasera .og-d small,.og-stasera .og-d em{display:none}
.og-stasera .og-d b{font-family:var(--display);font-size:24px;font-weight:800;line-height:1}
.og-stasera .og-dh b{font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.og-stasera .og-d:not(.og-dh) small{display:block;font-size:12px;letter-spacing:.06em}
.og-stasera .og-ico{display:none}
.og-stasera .og-corpo{padding:0;gap:3px;justify-content:center;flex:1}
.og-stasera .og-nome{font-size:16.5px;line-height:1.2}
.og-stasera .og-corpo .chip{align-self:flex-start;font-size:12px;padding:1px 9px}
.og-stasera .cat-cinema .og-cop{--c:#3b5bdb}   /* il cerchio dei film è blu, come la pillola «Al cinema» */

/* ===== v584/v585 · barra delle sezioni (Oggi · Agenda · Eventi…): voci completamente rotonde e numeri SENZA contenitore (segnalazioni dell'utente, 2/11/2026) ===== */
/* le voci avevano il raggio del tema (8 px in Classico): un rettangolo dentro una capsula. Ora sono sempre pillole. Il numero accanto al nome è solo un numero: niente cerchio, anello o pillola intorno
   (v584 gli aveva dato una pillola piena e l'utente ha scritto «esce ancora un cerchio intorno al numero, bruttissimo»). */
.sezioni a{border-radius:999px}
.sezioni .n,.sezioni a[aria-current="page"] .n{display:inline;min-width:0;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:13px;font-weight:600;line-height:1;color:var(--ink-3);font-variant-numeric:tabular-nums}
.sezioni a[aria-current="page"] .n{color:inherit}
html[data-look="vetrina"]:not([data-theme="light"]) .sezioni .n{background:none;color:rgba(255,255,255,.74)}
html[data-look="vetrina"]:not([data-theme="light"]) .sezioni a[aria-current="page"] .n{background:none;color:#fff}

/* ===== v584 · Agenda: selettori dei giorni (segnalazione dell'utente, 2/11/2026: «quadrati eccessivamente grandi, non si può fare più professionale») ===== */
/* prima: sette rettangoli a tutta larghezza (270×105 px sul computer), il giorno attuale tutto nero. Ora: una striscia di giorni compatta, senza riquadri: sigla, numero in un cerchio da 40 px e i puntini dei tipi.
   Il giorno attuale ha il cerchio pieno del colore del pulsante principale (come la voce attiva della barra delle sezioni); «Oggi», se non è quello attuale, ha il cerchio contornato. */
.ag-sett{display:flex;justify-content:flex-start;gap:6px;padding:8px 0 10px}
.ag-sett a{flex:none;width:76px;min-height:80px;gap:3px;padding:8px 0 6px;border:0;border-radius:18px;background:transparent;box-shadow:none;color:var(--ink);transition:background .15s}
.ag-sett a:hover{background:var(--surface);border-color:transparent}
.ag-sett a[aria-current="true"]{background:transparent;border-color:transparent;color:var(--ink)}
.ag-sett small{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-2)}
.ag-sett a:first-child small{color:var(--link)}
.ag-sett a[aria-current="true"] small{color:var(--link);opacity:1}
.ag-sett b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:20px;font-weight:800;letter-spacing:0;line-height:1;font-variant-numeric:tabular-nums}
.ag-sett a:first-child b{box-shadow:inset 0 0 0 1.5px var(--accent)}
.ag-sett a[aria-current="true"] b{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);box-shadow:none}
.ag-sett .ag-pt{min-height:7px;gap:3px}
.ag-sett .ag-pt i{width:7px;height:7px;box-shadow:none}
html[data-look="taccuino"] .ag-sett a[aria-current="true"] b{background:var(--accent)}   /* colore pieno come i pulsanti di Taccuino: la sfumatura verso accent-2 scende a 4,3 : 1 nello scuro */
html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett{top:8px;width:fit-content;max-width:100%;padding:4px 10px;margin-bottom:6px;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:rgba(18,10,40,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}   /* niente fascia nera piatta dietro i giorni: una capsula traslucida come la barra delle sezioni */
html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett a:hover{background:rgba(255,255,255,.08)}
html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett a[aria-current="true"] b{background:var(--pulsante);color:#fff}
@media (max-width:860px){
  .ag-sett{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
  .ag-sett a{width:auto;min-height:68px;padding:6px 0 4px;border-radius:14px}
  .ag-sett small{font-size:12px;letter-spacing:.04em}
  .ag-sett b{width:34px;height:34px;font-size:17px}
  html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett{width:auto;padding:4px 6px;border-radius:22px}
}

/* ===================== v586 · direzione «B + C» (registro 978, 2/11/2026; bozza https://claude.ai/artifact/DfkR6ZZ6oaMsFfc66vjpnh) =====================
   Da B (rivista): occhiello in maiuscolo con il filetto, titoli con le grazie (Newsreader), «In evidenza», «Tutta la serata» con l'ora grande.
   Da C (prodotto): ricerca a capsula bianca con il pulsante tondo, schede tutte uguali con la copertina 4:3 e il bollino bianco dell'ora, tessera col titolo dove manca l'immagine.
   Restano: la foto in testata, le pillole colorate con le emoji, il logo con ✦ (scelte dell'utente). */
:root{--serif:"Newsreader",Georgia,"Times New Roman",serif}

/* --- testata di «Oggi» --- */
html .testata-oggi{display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(360px,28vw,420px);padding:34px 44px 30px}
html .testata-oggi::after{background:linear-gradient(90deg,rgba(10,12,24,.8) 0%,rgba(10,12,24,.5) 45%,rgba(10,12,24,.12) 80%,rgba(10,12,24,.05) 100%)}
.testata-oggi .og-occh{align-self:flex-start;display:inline-block;margin:0 0 12px;padding-top:8px;border-top:2px solid #fff;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
html .testata-oggi .hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(38px,4.4vw,58px);line-height:1.02;letter-spacing:-.01em;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.testata-oggi .og-sottotit{display:block;max-width:56ch;margin-top:10px;color:rgba(255,255,255,.9);font-size:16.5px;line-height:1.45}
html .testata-oggi .og-salti{margin-top:18px}
html .testata #og-cerca{display:flex;align-items:center;gap:8px;width:min(680px,100%);margin:16px 0 0;padding:6px 6px 6px 24px;border-radius:999px;background:#fff;box-shadow:0 16px 40px rgba(10,15,40,.3);-webkit-backdrop-filter:none;backdrop-filter:none}
html .testata #og-cerca .c-cosa{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.og-cl{font-size:11.5px;font-weight:700;color:#161d2b;letter-spacing:.02em}
html .testata #og-cerca input{width:100%;min-height:26px;padding:0;background:transparent;border:0;color:#161d2b;font-size:15px;outline:none}
html .testata #og-cerca input::placeholder{color:#5e687c}
html .testata #og-cerca .c-cosa:focus-within{outline:3px solid var(--accent);outline-offset:8px;border-radius:8px}
html .testata #og-cerca #og-vai{flex:none;display:grid;place-items:center;width:50px;height:50px;min-height:50px;padding:0;border-radius:50%;background:var(--accent);color:var(--accent-ink,#fff)}
#og-vai .ic{width:22px;height:22px}
#og-vai span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-look="vetrina"]:not([data-theme="light"]) .testata #og-cerca #og-vai{background:var(--pulsante);color:#fff}

/* --- intestazioni delle sezioni di «Oggi»: titolo con le grazie, occhiello, filetto scuro --- */
.sez-oggi main>.og-sez>header,.sez-oggi .og-evid>header,.sez-oggi .og-serata-s>header{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:4px 16px;margin:0 0 20px;padding-bottom:10px;border-bottom:1.5px solid var(--ink)}
.sez-oggi main>.og-sez>header h2{font-family:var(--serif);font-weight:700;font-size:clamp(26px,2.6vw,32px);letter-spacing:-.005em;line-height:1.1}
.sez-oggi main>.og-sez>header h2::before{content:none;display:none}
.sez-oggi main>.og-sez>header .muted{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.sez-oggi main>.og-sez>header a{margin-left:auto;color:var(--ink);font-weight:600;font-size:14.5px}
.sez-oggi main>.og-sez{margin-top:40px}

/* --- schede uniformi (tutte, tranne le orizzontali dell'agenda) --- */
.og-griglia{gap:24px 18px}
.og-card:not(.og-h),.og-stasera .og-card:not(.og-h){background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none}
.og-card:not(.og-h):hover{border-color:transparent;box-shadow:none;transform:none}
.og-card:not(.og-h) .og-vai,.og-stasera .og-card:not(.og-h) .og-vai{display:flex;flex-direction:column;align-items:stretch;gap:0;height:100%;padding:0;color:inherit;text-decoration:none}
.og-card:not(.og-h) .og-cop,.og-stasera .og-card:not(.og-h) .og-cop{position:relative;display:block;flex:none;width:100%;max-width:100%;height:auto;min-height:0;aspect-ratio:4/3;padding:0;border-radius:14px;overflow:hidden;transition:box-shadow .2s}
.og-card:not(.og-h) .og-vai:hover .og-cop{box-shadow:0 10px 26px rgba(16,24,40,.22)}
.og-card:not(.og-h) .og-vai:hover .og-nome{text-decoration:underline;text-underline-offset:3px}
.og-card:not(.og-h) .og-vai:focus-visible{outline:3px solid var(--link);outline-offset:4px;border-radius:14px}
.og-card:not(.og-h) .og-cop.og-foto,.og-stasera .og-card:not(.og-h) .og-cop.og-foto{background:var(--cs,#dfe3ec)}
.og-card:not(.og-h) .og-cop img{width:100%;height:100%;object-fit:cover;display:block}
.og-card:not(.og-h) .og-cop.og-tipo,.og-stasera .og-card:not(.og-h) .og-cop.og-tipo{background:linear-gradient(150deg,color-mix(in srgb,var(--c) 72%,#000),color-mix(in srgb,var(--c) 92%,#000));color:#fff}
.og-tt{position:absolute;left:16px;right:16px;bottom:14px;font-family:var(--serif);font-weight:700;font-size:clamp(20px,1.8vw,26px);line-height:1.05;color:#fff;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.og-card:not(.og-h) .og-ico,.og-stasera .og-card:not(.og-h) .og-ico{display:block;position:absolute;right:14px;top:12px;bottom:auto;width:30px;height:30px;margin:0;opacity:.55}
.og-bol{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:999px;background:#fff;color:#161d2b;font-size:12.5px;font-weight:700;text-decoration:none;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px rgba(0,0,0,.18);white-space:nowrap}
.og-card:not(.og-h) .og-corpo,.og-stasera .og-card:not(.og-h) .og-corpo{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;padding:12px 2px 0;flex:1}
.og-card:not(.og-h) .og-corpo .chip,.og-stasera .og-card:not(.og-h) .og-corpo .chip{align-self:flex-start;padding:0;border:0;border-radius:0;background:none;font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,var(--c,var(--accent)) 62%,var(--ink))}
.og-card:not(.og-h) .og-nome,.og-stasera .og-card:not(.og-h) .og-nome{font-family:var(--body);font-size:16.5px;font-weight:700;line-height:1.25;letter-spacing:0}
.og-card:not(.og-h) .og-sub{font-size:14px;color:var(--ink-2)}
.og-stasera{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}
/* «In evidenza»: la prima scheda è grande (due colonne), con il titolo con le grazie */
.og-evid-g{grid-template-columns:2fr 1fr 1fr;align-items:start}
.og-evid-g .og-grande .og-cop{aspect-ratio:16/9}
.og-evid-g .og-grande .og-nome{font-family:var(--serif);font-size:clamp(24px,2.3vw,30px);line-height:1.1;font-weight:700}
.og-evid-g .og-grande .og-tt{font-size:clamp(28px,3vw,40px)}
/* «Tutta la serata»: due colonne, l'ora grande con le grazie */
.og-serata{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.og-serata a{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:baseline;min-height:44px;padding:13px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.og-serata a:hover strong{text-decoration:underline;text-underline-offset:3px}
.og-serata a:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:4px}
.og-hs{font-family:var(--serif);font-weight:700;font-size:21px;font-variant-numeric:tabular-nums;color:var(--ink)}
.og-st{display:flex;flex-direction:column;gap:2px;min-width:0}
.og-st strong{font-size:15.5px;line-height:1.3}
.og-st small{font-size:13.5px;color:var(--ink-2)}
@media (max-width:1000px){
  .og-stasera,.og-griglia{grid-template-columns:repeat(2,minmax(0,1fr))}
  .og-evid-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .og-evid-g .og-grande{grid-column:1/-1}
}
@media (max-width:640px){
  html .testata-oggi{min-height:0;padding:26px 18px 20px}
  html .testata #og-cerca{padding-left:18px}
  .og-stasera,.og-griglia{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .og-card:not(.og-h) .og-vai{flex-direction:column}
  .og-card:not(.og-h) .og-cop{width:100%;height:auto;min-height:0}
  .og-card:not(.og-h) .og-corpo{padding:10px 0 0}
  .og-card:not(.og-h) .og-nome{font-size:15px}
  .og-card:not(.og-h) .og-sub{font-size:13px}
  .og-tt{font-size:18px;left:12px;right:12px;bottom:10px}
  .og-serata{grid-template-columns:minmax(0,1fr)}
  .og-serata a{grid-template-columns:58px minmax(0,1fr)}
  .og-hs{font-size:19px}
}
.og-cop img[src^="https://i.ytimg.com/"]{transform:scale(1.34)}   /* anteprima del trailer (480×360 con le bande nere): il 16:9 riempie il 4:3 */

/* --- v586 · scheda di un evento, direzione B+C: titolo con le grazie in alto, colonna principale e riquadro laterale che resta in vista --- */
.evento.ev-c{max-width:1280px;gap:0;padding-top:4px}
.ev-c-testa{display:flex;flex-direction:column;gap:8px;margin:6px 0 24px}
.ev-occh{align-self:flex-start;padding-top:8px;border-top:2px solid var(--ink);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.evento.ev-c h1{font-family:var(--serif);font-weight:700;font-size:clamp(32px,4.2vw,54px);line-height:1.04;letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere;margin:0}
.ev-c-sotto{margin:0;color:var(--ink-2);font-size:17px}
.ev-c-testa .tag:empty{display:none}
.ev-c-griglia{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}
.ev-c-main{display:flex;flex-direction:column;gap:34px;min-width:0}
.ev-c .ev-media{display:block;position:relative;width:100%;max-width:100%;aspect-ratio:16/9;min-height:0;border-radius:18px;overflow:hidden;isolation:isolate;background:var(--surface-2,var(--surface))}
.ev-c .ev-media .bk{display:block;position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(26px) saturate(1.2) brightness(.85);transform:scale(1.1);z-index:-1}
.ev-c .ev-media .locandina{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;border:0;border-radius:0}
.ev-c .ev-emoji.ev-c-tess{display:block;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 72%,#000),color-mix(in srgb,var(--c) 92%,#000));color:#fff}
.ev-c-tess .og-tt{left:30px;right:30px;bottom:26px;font-size:clamp(30px,4vw,52px);-webkit-line-clamp:3}
.ev-c-tess .ev-ico{position:absolute;right:24px;top:22px;width:42px;height:42px;opacity:.55}
.ev-c-sez h2,.ev-c .sc-extra .og-sez>header h2,.ev-c .sc-extra h2{font-family:var(--serif);font-weight:700;font-size:clamp(24px,2.4vw,30px);letter-spacing:-.005em}
.ev-c-sez h2{margin:0 0 14px;padding-bottom:10px;border-bottom:1.5px solid var(--ink)}
.ev-c .testo{max-width:70ch;font-size:17px;line-height:1.65}
.ev-c .sc-extra{display:flex;flex-direction:column;gap:34px;margin:0}
.ev-c .sc-extra .og-sez>header{border-bottom:1.5px solid var(--ink)}
/* riquadro laterale */
.ev-c-box{position:sticky;top:20px;display:flex;flex-direction:column;gap:18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 14px 36px rgba(16,24,40,.1)}
.ev-c-box .info{display:flex;flex-direction:column;gap:16px;font-size:15.5px}
.ev-c-box .info li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;line-height:1.45;overflow-wrap:anywhere}
.ev-c-box .info li>span:only-child{grid-column:2}
.ev-c-box .info small{display:block;margin-bottom:2px;font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2)}
.ev-c-box .invito{display:flex;flex-direction:column;gap:8px;margin:0;padding:18px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.ev-c-box .invito .btn-pri{width:100%;justify-content:center;min-height:52px;border-radius:14px;font-size:16.5px}
.ev-c-box .invito p{margin:0;font-size:13.5px;color:var(--ink-2);text-align:center}
.ev-c-box .azioni{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.ev-c-box .azioni .btn{flex:1 1 0;justify-content:center;min-height:44px;padding-inline:10px;white-space:nowrap}
.ev-c-box .azioni .az-sito{flex:1 1 100%}
@media (max-width:960px){
  .ev-c-griglia{grid-template-columns:minmax(0,1fr);gap:26px}
  .ev-c-main{display:contents}
  .ev-c .ev-media{order:1}
  .ev-c-box{order:2;position:static;box-shadow:none}
  .ev-c-sez{order:3}
  .ev-c .sc-extra{order:4}
}
@media (max-width:640px){
  .ev-c .ev-media{border-radius:14px}
  .ev-c-box{padding:18px}
  .ev-c .testo{font-size:16px}
}
.evento.ev-c{max-width:none;margin:0;padding-inline:0}
.ev-c-box .invito,.evento.ev-c .ev-c-box .invito{position:static;order:0;z-index:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:18px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.ev-c-box .invito p,.evento.ev-c .ev-c-box .invito p{display:block}
.ev-c .ev-c-tess{aspect-ratio:21/9}
.ev-c .sc-extra .og-sez>header{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:4px 16px;padding-bottom:10px}
.ev-c .sc-extra .og-sez>header h2::before{content:none;display:none}
.ev-c .sc-extra .og-sez>header a{margin-left:auto;color:var(--ink);font-weight:600}
/* nei temi scuri i colori di categoria sono chiari: la tessera col titolo bianco va scurita (contrasto) */
html[data-theme="dark"] :is(.og-card:not(.og-h) .og-cop.og-tipo,.ev-c .ev-emoji.ev-c-tess),
html[data-look="vetrina"]:not([data-theme="light"]) :is(.og-card:not(.og-h) .og-cop.og-tipo,.ev-c .ev-emoji.ev-c-tess){background:linear-gradient(150deg,color-mix(in srgb,var(--c) 34%,#000),color-mix(in srgb,var(--c) 48%,#000))}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) :is(.og-card:not(.og-h) .og-cop.og-tipo,.ev-c .ev-emoji.ev-c-tess){background:linear-gradient(150deg,color-mix(in srgb,var(--c) 34%,#000),color-mix(in srgb,var(--c) 48%,#000))}}
/* riquadro dell'evento: calendario, condividi e copia il link sempre su una riga (tre colonne uguali) */
.ev-c-box .azioni{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ev-c-box .azioni .az-sito{grid-column:1/-1}
.ev-c-box .azioni .btn{min-width:0;padding-inline:6px;gap:5px;font-size:14px}
.ev-c-box .azioni .btn .ic{width:16px;height:16px;flex:none}
@media (max-width:360px){ .ev-c-box .azioni .btn:not(.az-sito) .ic{display:none} }
/* v586 · «Accedi per iscriverti»: nel riquadro a computer (da 1100 px); sotto, la barra che resta in basso come prima. Testi minimi 12 px; campo di ricerca da 44 px */
.ev-c-invito{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1px solid var(--line)}
.ev-c-invito .btn-pri{width:100%;justify-content:center;min-height:52px;border-radius:14px;font-size:16.5px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);border-color:transparent}
html[data-look="vetrina"]:not([data-theme="light"]) .ev-c-invito .btn-pri{background:var(--pulsante);color:#fff}
html[data-look="taccuino"] .ev-c-invito .btn-pri{background:var(--accent);color:var(--accent-ink)}
.ev-c-invito p{margin:0;font-size:13.5px;color:var(--ink-2);text-align:center}
@media (min-width:1100px){ .evento.ev-c .ev-c-barra{display:none} }
@media (max-width:1099px){
  .ev-c-invito{display:none}
  .ev-c-griglia{grid-template-columns:minmax(0,1fr);gap:26px}
  .ev-c-main{display:contents}
  .ev-c .ev-media{order:1}
  .ev-c-box{order:2;position:static;box-shadow:none}
  .ev-c-sez{order:3}
  .ev-c .sc-extra{order:4}
}
@media (max-width:640px){ .ev-c .ev-c-tess{aspect-ratio:16/9} }
.og-cl,.og-card:not(.og-h) .og-corpo .chip,.og-stasera .og-card:not(.og-h) .og-corpo .chip,.ev-c-box .info small{font-size:12px}
html .testata #og-cerca input{min-height:44px}
html .testata #og-cerca .c-cosa{gap:0}
.og-cl{line-height:1;margin-top:4px}

/* v587 · testata di «Oggi»: il testo parte dall'alto (prima era spinto in fondo e sopra l'occhiello restava troppo spazio vuoto; segnalazione dell'utente, 2/11/2026) */
html .testata-oggi{justify-content:flex-start;min-height:clamp(320px,24vw,380px);padding-top:30px}

/* v589 · numeri senza ovale in tutti i pulsanti pubblici (pillole di «Oggi», filtri rapidi e categorie delle testate, tipi di locale, Agenda, Mappa, città dei concerti): resta solo il numero,
   come nella barra delle sezioni dalla v585 (richiesta dell'utente, 2/11/2026: «puoi togliere il cerchio intorno al numero») */
:is(.og-salti a,.rapidi button,.chips-js button,#loc-tipi button,.ag-seg button,.cg-chips a,.mp-fil .mp-f) small,
html .testata :is(.og-salti a,.og-salti a.og-p,.rapidi button,.chips-js button,#loc-tipi button) small,
html .testata :is(.rapidi,.chips-js) button[aria-pressed="true"] small,
html[data-look="vetrina"]:not([data-theme="light"]) :is(.rapidi button,.chips-js button,#loc-tipi button) small{padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:13px;font-weight:600;opacity:1;color:inherit}

/* v590 · intestazioni delle sezioni di «Oggi» («In evidenza · Questa settimana · Tutta l'agenda →»): la linea sotto il titolo era troppo bassa perché il link, alto 44 px per il tocco,
   allargava la riga. Il link resta di 44 px ma con i margini negativi non spinge più giù la linea; meno spazio sopra la sezione (segnalazione dell'utente, 2/11/2026) */
.sez-oggi main>.og-sez>header,.sez-oggi .og-evid>header,.sez-oggi .og-serata-s>header{padding-bottom:8px;margin-bottom:18px;align-items:baseline}
.sez-oggi main>.og-sez>header a{min-height:44px;margin-block:-14px;display:inline-flex;align-items:center}
.sez-oggi main>.og-sez{margin-top:30px}
/* v590 · icone delle schede di «In evidenza» dimezzate (30 → 15 px; richiesta dell'utente, 2/11/2026: «le icone in Evidenza sono troppo grandi, riducile del 50%») */
.og-evid-g .og-card:not(.og-h) .og-ico{width:15px;height:15px;top:14px;right:14px}
/* v591 · «In evidenza» a quattro schede uguali, come «Stasera» (l'utente: le tre schede erano «ancora enormi») */
.og-evid-g{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){ .og-evid-g{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* v591 · la prima sezione dopo la testata («In evidenza») più vicina alla foto: 16 px invece di 30 (l'utente: «può essere ancora tirata su, c'è ancora spazio») */
.sez-oggi main>.testata-oggi+.og-sez,.sez-oggi main>.testata-oggi~.og-ris+.og-sez{margin-top:16px}

/* v592 · il tipo di evento sulle schede (Concerto · Hip hop, Esperienza, Film…) in un'etichetta piena del colore della categoria (richiesta dell'utente, 2/11/2026:
   «mettere in evidenza meglio che tipo di evento è, con i colori specifici»). Nei temi chiari testo bianco sul colore; nei temi scuri (colori di categoria chiari) testo scuro */
.og-card:not(.og-h) .og-corpo .chip,.og-stasera .og-card:not(.og-h) .og-corpo .chip{padding:3px 10px;border:0;border-radius:999px;background:var(--c,var(--accent));color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em}
html[data-theme="dark"] .og-card:not(.og-h) .og-corpo .chip,html[data-look="vetrina"]:not([data-theme="light"]) .og-card:not(.og-h) .og-corpo .chip{color:#14121c}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .og-card:not(.og-h) .og-corpo .chip{color:#14121c}}

/* v592 · caroselli di «In evidenza» e «Stasera»: 4 schede alla volta a computer, 2 a tablet, 2 e un pezzo della terza a telefono; frecce tonde ai lati della copertina; «Pausa» nell'intestazione */
.og-caro{position:relative}
.og-track{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 3 * 18px) / 4);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.og-track::-webkit-scrollbar{display:none}
.og-track>li{scroll-snap-align:start;min-width:0}
.og-track:focus-visible{outline:3px solid var(--link);outline-offset:4px;border-radius:14px}
.og-ca{position:absolute;top:calc((100% - 90px) / 2);z-index:3;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:26px;line-height:1;box-shadow:0 6px 18px rgba(16,24,40,.22);cursor:pointer}
.og-ca:hover{background:var(--bg)}
.og-ca:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.og-prev{left:-14px}.og-next{right:-14px}
.og-pausa{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-block:-14px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.og-pausa [aria-hidden]{letter-spacing:-2px;font-size:11px}
.og-pausa[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.og-pausa:focus-visible{outline:3px solid var(--link);outline-offset:2px}
@media (max-width:1000px){ .og-track{grid-auto-columns:calc((100% - 18px) / 2)} }
@media (max-width:640px){ .og-track{grid-auto-columns:calc((100% - 2 * 12px) / 2.2);gap:12px} .og-prev{left:-6px}.og-next{right:-6px} .og-ca{width:44px;height:44px} }
.og-card:not(.og-h) .og-corpo .chip{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}   /* v592: l etichetta del tipo resta su una riga (sul telefono «Concerto · Hip hop» andava a capo) */

/* v592 · «Oggi» più elegante (bozza https://claude.ai/artifact/BGyzCFCn2pxjsoUqBUKEKH, scelte dell'utente S3 e T1, 2/11/2026) */
/* S3: ogni sezione in un pannello con angoli tondi e ombra leggera */
.sez-oggi main>.og-sez{margin-top:22px;padding:24px 26px 28px;border-radius:24px;background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:0 1px 2px rgba(16,24,40,.05),0 12px 32px rgba(16,24,40,.07)}
.sez-oggi main>.testata-oggi+.og-sez{margin-top:16px}
.sez-oggi main>.og-sez>header,.sez-oggi .og-evid>header,.sez-oggi .og-serata-s>header{border-bottom:1px solid var(--line)}
.sez-oggi main>.og-sez .og-prev{left:-10px}.sez-oggi main>.og-sez .og-next{right:-10px}
html[data-theme="dark"] .sez-oggi main>.og-sez,html[data-look="vetrina"]:not([data-theme="light"]) .sez-oggi main>.og-sez{box-shadow:0 12px 32px rgba(0,0,0,.28)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .sez-oggi main>.og-sez{box-shadow:0 12px 32px rgba(0,0,0,.28)}}
html[data-look="vetrina"]:not([data-theme="light"]) .sez-oggi main>.og-sez{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
@media (max-width:640px){ .sez-oggi main>.og-sez{padding:18px 14px 20px;border-radius:18px} }
/* T1: «Tutta la serata» come linea del tempo, pallino nel colore del tipo (rosa concerti, blu film, arancio eventi) */
.og-serata{display:block;column-count:2;column-gap:44px}
.og-serata li{position:relative;break-inside:avoid;padding-left:30px}
.og-serata li::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--line)}
.og-serata li::after{content:"";position:absolute;left:1px;top:19px;width:14px;height:14px;box-sizing:border-box;border-radius:50%;background:var(--surface);border:3px solid var(--kc,#3b5bdb)}
.og-serata li.og-k-musica{--kc:#c2255c}.og-serata li.og-k-evento{--kc:#d9790b}.og-serata li.og-k-film{--kc:#3b5bdb}
.og-serata a{grid-template-columns:62px minmax(0,1fr);padding:10px 8px;border-bottom:0;border-radius:12px;transition:background .15s}
.og-serata a:hover{background:color-mix(in srgb,var(--kc,var(--accent)) 7%,transparent)}
@media (max-width:640px){ .og-serata{column-count:1} .og-serata a{grid-template-columns:54px minmax(0,1fr)} }
@media (prefers-reduced-motion:reduce){ .og-serata a{transition:none} }
.og-pausa [aria-hidden]{font-size:12px}   /* minimo 12 px anche per il simbolo della pausa */
/* v594 · «Tutta la serata», proposta A (bozza https://claude.ai/artifact/XY45KuJLNntnZJEqyxChia, scelta dell'utente 2/11/2026): sulla linea del tempo un cerchio pieno
   con l'icona del tipo, l'orario nel colore del tipo, l'occhiello «FILM» / «CONCERTO · HIP HOP» sopra il titolo; in alto i pulsanti Concerti · Film · Eventi che filtrano.
   Arancio degli eventi più scuro (#b45309, 5 : 1 sul bianco) perché ora è anche testo. */
.og-serata li.og-k-evento,.og-sleg .og-k-evento{--kc:#b45309}.og-sleg .og-k-musica{--kc:#c2255c}.og-sleg .og-k-film{--kc:#3b5bdb}
.og-serata-s{--kt-mix:100%}
html[data-theme="dark"] .og-serata-s,html[data-look="vetrina"]:not([data-theme="light"]) .og-serata-s{--kt-mix:50%}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .og-serata-s{--kt-mix:50%}}
.og-serata li{padding-left:46px}
.og-serata li::before{left:15px}
.og-serata li::after{display:none}
.og-serata .og-kic{position:absolute;left:0;top:13px;width:32px;height:32px;border-radius:50%;background:var(--kc);display:grid;place-items:center;box-shadow:0 0 0 4px var(--surface)}
html[data-look="vetrina"]:not([data-theme="light"]) .og-serata .og-kic{box-shadow:none}
.og-serata .og-kic .ic{width:15px;height:15px;stroke:#fff}
.og-serata a{grid-template-columns:62px minmax(0,1fr);align-items:start}
.og-serata .og-hs{padding-top:15px;font-weight:800;color:color-mix(in srgb,var(--kc) var(--kt-mix),#fff)}
.og-serata .og-st{display:flex;flex-direction:column;min-width:0}
.og-serata .og-kt{display:block;font-style:normal;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--kc) var(--kt-mix),#fff);margin-bottom:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.og-sleg{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 14px}
.og-sleg button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--kc);background:var(--kc);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.og-sleg button .ic{width:15px;height:15px;stroke:currentColor}
.og-sleg button b{font-weight:800;opacity:.9}
.og-sleg.og-filtro button[aria-pressed="false"]{background:transparent;color:color-mix(in srgb,var(--kc) var(--kt-mix,100%),#fff)}
.og-serata-s .og-sleg.og-filtro button[aria-pressed="false"]{color:color-mix(in srgb,var(--kc) var(--kt-mix),#fff);border-color:color-mix(in srgb,var(--kc) var(--kt-mix),#fff)}
.og-sleg button:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.og-serata li[hidden]{display:none}
@media (max-width:640px){ .og-serata a{grid-template-columns:54px minmax(0,1fr)} .og-sleg button{padding:0 13px} }
@media (prefers-reduced-motion:reduce){ .og-sleg button{transition:none} }
/* v594 · nei concerti di «Tutta la serata» ogni genere ha il suo colore (richiesta dell'utente, 2/11/2026: «serve un colore diverso per i vari tipi di genere di concerti»):
   la tinta è quella dei generi del resto del sito (.g-techno, .g-jazz…), scurita quanto basta perché l'occhiello e l'orario si leggano sul bianco (≥ 4,8 : 1) e l'icona bianca sul cerchio */
.og-serata li.og-g-techno{--kc:#1179ab}.og-serata li.og-g-elettronica{--kc:#8a3ffc}.og-serata li.og-g-rock{--kc:#d0384b}.og-serata li.og-g-indie{--kc:#1d8242}
.og-serata li.og-g-pop{--kc:#d4257c}.og-serata li.og-g-hip-hop{--kc:#ab5c11}.og-serata li.og-g-jazz{--kc:#896e0d}.og-serata li.og-g-classica{--kc:#8f6a43}
.og-serata li.og-g-folk{--kc:#607a26}.og-serata li.og-g-metal{--kc:#626cb8}.og-serata li.og-g-world{--kc:#0e7f73}.og-serata li.og-g-altro{--kc:#687281}
/* v594 · schede più piccole in «In evidenza», «Stasera» e «Nel weekend» (bozza https://claude.ai/artifact/MqYm5Gbt46XghVAcQ74pZu, proposta B scelta dall'utente il 2/11/2026):
   6 alla volta da 1280 px in su, 5 fra 1001 e 1279; tablet e telefono come prima (2 e 2,2). «Nel weekend» ora è una fila che scorre come le altre due. */
@media (min-width:1001px){ .og-track{grid-auto-columns:calc((100% - 4 * 14px) / 5);gap:14px} }
@media (min-width:1280px){ .og-track{grid-auto-columns:calc((100% - 5 * 14px) / 6)} }
@media (min-width:1001px){ .og-track .og-card:not(.og-h) .og-corpo strong{font-size:15px} .og-track .og-card:not(.og-h) .og-tt{font-size:clamp(17px,1.45vw,21px)} }
/* «Pausa» con l'anello del tempo (solo sul pulsante nuovo, :has(.og-anello): nei minuti fra lo stile e il generatore il vecchio «❚❚ Pausa» resta com'era): cerchio da 44 px, barrette disegnate (▶ quando è in pausa), anello che si riempie in 6 s e si ferma insieme allo scorrimento */
.og-pausa:has(.og-anello){position:relative;width:44px;height:44px;min-height:44px;padding:0;gap:0;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--ink)}
.og-pausa:has(.og-anello):hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.og-pausa:has(.og-anello)[aria-pressed="true"]{background:transparent;color:var(--ink);border:0}
.og-pausa .og-anello{position:absolute;inset:0;width:44px;height:44px;transform:rotate(-90deg)}
.og-pausa .og-anello circle{fill:none;stroke-width:2.5}
.og-pausa .og-anf{stroke:var(--line)}
.og-pausa .og-anp{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:og-anello 6s linear infinite}
.og-ferma .og-pausa .og-anp{animation-play-state:paused}
.og-pausa[aria-pressed="true"] .og-anp{animation:none;stroke-dashoffset:100}
.og-pausa .og-ip,.og-pausa .og-ir{width:18px;height:18px;fill:currentColor}
.og-pausa .og-ir,.og-pausa[aria-pressed="true"] .og-ip{display:none}
.og-pausa[aria-pressed="true"] .og-ir{display:block}
@keyframes og-anello{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){ .og-pausa .og-anp{animation:none;stroke-dashoffset:100} }
/* v596 · «Oggi» (bozza https://claude.ai/artifact/133X4XLaZFgC8PFVXckAsj, proposta 3 scelta dall'utente il 3/11/2026):
   barra delle sezioni 8 px più in alto, testo della hero altri 12 px più in alto; nelle intestazioni delle sezioni la riga accanto al titolo («Questa settimana»,
   «25 appuntamenti», «In ordine di orario»…) è una pillola tenue nel colore del tema, centrata sul titolo; Pausa e collegamento in fondo a destra */
.sezioni{margin-top:4px}
html .testata-oggi{padding-top:18px}
.sez-oggi main>.og-sez>header,.sez-oggi .og-evid>header,.sez-oggi .og-serata-s>header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.sez-oggi main>.og-sez>header h2{margin:0}
.sez-oggi main>.og-sez>header>.muted{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border-radius:999px;background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:color-mix(in srgb,var(--accent) 80%,var(--ink));font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0}
.sez-oggi main>.og-sez>header>.og-pausa{margin:0 0 0 auto}
.sez-oggi main>.og-sez>header>.og-pausa~a{margin-left:0}
/* v596 · etichette doppie sulle schede di «Oggi»: il tipo (Concerto, Film: sempre dello stesso colore) e il genere in un'etichetta a parte, tinta nel colore del genere
   (richiesta dell'utente, 3/11/2026). Testo del genere scurito al 78% con il nero sul chiaro (≥ 5,3 : 1), schiarito al 45% con il bianco sullo scuro (≥ 5,7 : 1). */
.og-chips{display:flex;gap:5px;min-width:0;max-width:100%;align-self:flex-start;overflow:hidden}
.og-chips .chip{flex:none}
.og-card:not(.og-h) .og-corpo .og-chips .og-gen{flex:0 1 auto;min-width:0;background:color-mix(in srgb,var(--gk,#475569) 13%,var(--surface));color:color-mix(in srgb,var(--gk,#475569) 78%,#000)}
html[data-theme="dark"] .og-card:not(.og-h) .og-corpo .og-chips .og-gen,html[data-look="vetrina"]:not([data-theme="light"]) .og-card:not(.og-h) .og-corpo .og-chips .og-gen{background:color-mix(in srgb,var(--gk,#475569) 26%,var(--surface));color:color-mix(in srgb,var(--gk,#475569) 45%,#fff)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .og-card:not(.og-h) .og-corpo .og-chips .og-gen{background:color-mix(in srgb,var(--gk,#475569) 26%,var(--surface));color:color-mix(in srgb,var(--gk,#475569) 45%,#fff)}}
:is(.og-gen,.og-gtile).g-techno{--gk:#1179ab}:is(.og-gen,.og-gtile).g-elettronica{--gk:#8a3ffc}:is(.og-gen,.og-gtile).g-rock{--gk:#d0384b}:is(.og-gen,.og-gtile).g-indie{--gk:#1d8242}:is(.og-gen,.og-gtile).g-pop{--gk:#d4257c}:is(.og-gen,.og-gtile).g-hip-hop{--gk:#ab5c11}
:is(.og-gen,.og-gtile).g-jazz{--gk:#896e0d}:is(.og-gen,.og-gtile).g-classica{--gk:#8f6a43}:is(.og-gen,.og-gtile).g-folk{--gk:#607a26}:is(.og-gen,.og-gtile).g-metal{--gk:#626cb8}:is(.og-gen,.og-gtile).g-world{--gk:#0e7f73}:is(.og-gen,.og-gtile).g-altro{--gk:#687281}
:is(.og-gen,.og-gtile).fg-horror{--gk:#9f1239}:is(.og-gen,.og-gtile).fg-commedia{--gk:#b45309}:is(.og-gen,.og-gtile).fg-animazione{--gk:#0e7f73}:is(.og-gen,.og-gtile).fg-avventura{--gk:#15803d}:is(.og-gen,.og-gtile).fg-azione{--gk:#c2410c}:is(.og-gen,.og-gtile).fg-biografico{--gk:#8f6a43}
:is(.og-gen,.og-gtile).fg-documentario{--gk:#4d7c0f}:is(.og-gen,.og-gtile).fg-drammatico{--gk:#4338ca}:is(.og-gen,.og-gtile).fg-fantascienza{--gk:#0369a1}:is(.og-gen,.og-gtile).fg-fantasy{--gk:#7c3aed}:is(.og-gen,.og-gtile).fg-musicale{--gk:#be185d}:is(.og-gen,.og-gtile).fg-thriller{--gk:#374151}
:is(.og-gen,.og-gtile).fg-giallo{--gk:#a16207}:is(.og-gen,.og-gtile).fg-poliziesco{--gk:#334155}:is(.og-gen,.og-gtile):is(.fg-romantico,.fg-sentimentale){--gk:#be185d}:is(.og-gen,.og-gtile).fg-famiglia{--gk:#0f766e}:is(.og-gen,.og-gtile).fg-guerra{--gk:#57534e}
:is(.og-gen,.og-gtile).fg-western{--gk:#92400e}:is(.og-gen,.og-gtile).fg-storico{--gk:#78350f}:is(.og-gen,.og-gtile).fg-sportivo{--gk:#166534}:is(.og-gen,.og-gtile).fg-erotico{--gk:#9d174d}
/* v596 · a telefono: il genere va a capo sotto il tipo invece di diventare «E…»; l'intestazione su due righe sempre uguali: titolo e Pausa, poi pillola e collegamento */
.og-chips{flex-wrap:wrap;row-gap:4px}
@media (max-width:640px){
  .sez-oggi main>.og-sez>header,.sez-oggi .og-evid>header,.sez-oggi .og-serata-s>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px}
  .sez-oggi main>.og-sez>header>h2{grid-column:1;grid-row:1}
  .sez-oggi main>.og-sez>header>.og-pausa{grid-column:2;grid-row:1;margin:0}
  .sez-oggi main>.og-sez>header>.muted{grid-column:1;grid-row:2;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sez-oggi main>.og-sez>header>a{grid-column:2;grid-row:2;margin:0}
}
/* v598 · barra delle sezioni lunga quanto la hero, con le voci distribuite in parti uguali (scelta dell'utente del 3/11/2026, «Distribuita»); sotto i 1100 px resta com'era
   (larga quanto le voci, scorre di lato). In «Oggi» meno spazio fra la barra e la hero: 10 px invece di 20, e il testo della hero altri 4 px più in alto
   (richiesta dell'utente: «tra hero Martedì 3 novembre · Lombardia e la barra c'è ancora troppo spazio») */
@media (min-width:1100px){ .sezioni{width:auto;max-width:none} .sezioni>a{flex:1 1 0;justify-content:center;text-align:center} }
.sez-oggi main{padding-top:6px}
.sez-oggi main>.testata-oggi{margin-top:0}
html .testata-oggi{padding-top:14px}
/* v598 · la barra «invito» in fondo alla pagina evento (fra 900 e 1099 px) usciva di 2 px per lato: il margine negativo era -16 px ma lì il bordo della pagina è 14 px */
@media (min-width:900px) and (max-width:1099px){ .evento.ev-c .ev-c-barra{margin-inline:calc(-1 * clamp(14px,1.4vw,24px))} }
/* v598 · l'etichetta del genere più in risalto (richiesta dell'utente del 3/11/2026: «etichetta del genere tipo jazz e altro non si vede bene»): piena nel colore del genere
   con il testo bianco, come quella del tipo (le tinte --gk sono già scurite: bianco ≥ 4,8 : 1), invece della tinta chiara */
.og-card:not(.og-h) .og-corpo .og-chips .og-gen,
html[data-theme="dark"] .og-card:not(.og-h) .og-corpo .og-chips .og-gen,html[data-look="vetrina"]:not([data-theme="light"]) .og-card:not(.og-h) .og-corpo .og-chips .og-gen{background:var(--gk,#475569);color:#fff}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .og-card:not(.og-h) .og-corpo .og-chips .og-gen{background:var(--gk,#475569);color:#fff}}
/* v598 · «Vai al weekend» è un pulsante a pillola colorato (sfumatura viola → rosa, testo bianco ≥ 5,6 : 1 su entrambi i capi, uguale in tutti i temi) con l'icona del calendario
   e la freccia che si sposta al passaggio (richiesta dell'utente del 3/11/2026: «più grande, bello, elegante e colorato») */
.sez-oggi main>.og-sez>header a.og-vaiwe{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-block:-10px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#5b3df5,#c2255c);color:#fff;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(194,37,92,.28);transition:box-shadow .2s,transform .2s}
.sez-oggi main>.og-sez>header a.og-vaiwe .ic{width:17px;height:17px;stroke:#fff}
.sez-oggi main>.og-sez>header a.og-vaiwe b{font-weight:700;transition:transform .2s}
.sez-oggi main>.og-sez>header a.og-vaiwe:hover{box-shadow:0 8px 24px rgba(91,61,245,.35);transform:translateY(-1px)}
.sez-oggi main>.og-sez>header a.og-vaiwe:hover b{transform:translateX(3px)}
.sez-oggi main>.og-sez>header a.og-vaiwe:focus-visible{outline:3px solid var(--link);outline-offset:3px}
@media (max-width:640px){ .sez-oggi main>.og-sez>header a.og-vaiwe{margin-block:0;padding:0 14px;font-size:14px} }
@media (prefers-reduced-motion:reduce){ .sez-oggi main>.og-sez>header a.og-vaiwe,.sez-oggi main>.og-sez>header a.og-vaiwe b{transition:none} .sez-oggi main>.og-sez>header a.og-vaiwe:hover{transform:none} .sez-oggi main>.og-sez>header a.og-vaiwe:hover b{transform:none} }
@media (max-width:640px){ .sez-oggi main>.og-sez>header>a.og-vaiwe{grid-column:1/-1;grid-row:3;justify-self:start} }   /* v598: a telefono il pulsante va su una riga sua, così la pillola delle date non si taglia */
/* v598 · «Dove mangiare» in «Oggi» a carosello: 12 locali, 4 alla volta a computer (le schede dei locali hanno più testo), 2 a tablet, 1 e un pezzo a telefono */
.og-track.loc-griglia{display:grid;grid-template-columns:none;grid-auto-flow:column;margin:0}
@media (min-width:1001px){ .og-track.loc-griglia{grid-auto-columns:calc((100% - 3 * 14px) / 4)} }
@media (min-width:1280px){ .og-track.loc-griglia{grid-auto-columns:calc((100% - 3 * 14px) / 4)} }
@media (max-width:640px){ .og-track.loc-griglia{grid-auto-columns:calc((100% - 12px) / 1.25);gap:12px} }
/* v599 · tessere senza locandina dei concerti e dei film: colore ed emoji del genere (richiesta dell'utente, 3/11/2026: «cambia colore e emoji a seconda del genere»).
   Sfumatura sulla tinta scura del genere (--gk: il titolo bianco resta ≥ 4,8 : 1), emoji grande in alto a destra (dentro .og-em, come le pillole della hero). Uguale in chiaro e in scuro. */
.og-card:not(.og-h) .og-cop.og-tipo.og-gtile{background:linear-gradient(150deg,color-mix(in srgb,var(--gk,#475569) 92%,#fff),color-mix(in srgb,var(--gk,#475569) 72%,#0b0920))!important}
.og-card:not(.og-h) .og-cop.og-gtile .og-temo{position:absolute;top:10px;right:12px;font-size:clamp(28px,2.4vw,38px);line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}
/* v599 · «Concerti in arrivo» e «Al cinema oggi» come pannelli eleganti (bozza https://claude.ai/artifact/66MWQxbv8r49R8zs2yFLAn, proposta A scelta dall'utente il 3/11/2026) */
.sez-oggi .og-due>.og-blocco{border-radius:24px;padding:22px 24px 16px;background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:0 1px 2px rgba(16,24,40,.05),0 12px 32px rgba(16,24,40,.07)}
html[data-theme="dark"] .sez-oggi .og-due>.og-blocco{box-shadow:0 12px 32px rgba(0,0,0,.28)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .sez-oggi .og-due>.og-blocco{box-shadow:0 12px 32px rgba(0,0,0,.28)}}
html[data-look="vetrina"]:not([data-theme="light"]) .sez-oggi .og-due>.og-blocco{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.sez-oggi .og-blocco>header{display:flex;align-items:center;gap:14px;margin:0 0 6px;padding:0 0 14px;border:0;border-bottom:1px solid var(--line);background:none}
.sez-oggi .og-blocco>header h2{font-family:var(--serif);font-weight:700;font-size:clamp(24px,2.3vw,30px);line-height:1.1;margin:0}
.sez-oggi .og-blocco .og-hic{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;flex:none}
.sez-oggi .og-blocco .og-hic-musica{background:linear-gradient(135deg,#c2255c,#7b2ff7)}.sez-oggi .og-blocco .og-hic-film{background:linear-gradient(135deg,#3b5bdb,#0e7fb8)}
.sez-oggi .og-blocco .og-hic .ic{stroke:#fff;width:20px;height:20px}
.sez-oggi .og-blocco>header>a{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:color-mix(in srgb,var(--accent) 80%,var(--ink));font-weight:700;font-size:14px;text-decoration:none}
.sez-oggi .og-blocco .og-righe{border:0;background:none;box-shadow:none;border-radius:0}
.sez-oggi .og-blocco .og-riga{border:0;background:none}
.sez-oggi .og-blocco .og-riga+.og-riga{border-top:1px dashed var(--line)}
.sez-oggi .og-blocco .og-vai-r{align-items:center;border-radius:14px;padding:12px 10px;transition:background .15s}
.sez-oggi .og-blocco .og-vai-r:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.sez-oggi .og-blocco .og-r-t{display:flex;flex-direction:column;min-width:0}
.sez-oggi .og-blocco .og-dt{width:54px;height:58px;border:0;border-radius:14px;color:#fff;background-color:#9e2a8a;background-image:linear-gradient(160deg,#c2255c,#7b2ff7);box-shadow:0 6px 14px rgba(194,37,92,.22)}
.sez-oggi .og-blocco .og-dt small,.sez-oggi .og-blocco .og-dt b{color:#fff}
.sez-oggi .og-blocco .og-poster{width:46px;height:64px;padding:0;border:0;border-radius:9px;overflow:hidden;background:var(--line);box-shadow:0 4px 10px rgba(0,0,0,.18);flex:none}
.sez-oggi .og-blocco .og-poster img{width:100%;height:100%;object-fit:cover;display:block}
.sez-oggi .og-blocco .og-rgen{align-self:flex-start;margin:0 0 3px;padding:2px 9px;border:0;border-radius:999px;background:var(--gk,#475569);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.35}
.sez-oggi .og-blocco .og-rora{margin-left:auto;padding-left:12px;font-family:var(--serif);font-size:20px;font-weight:700;color:#c2255c;white-space:nowrap}
html[data-theme="dark"] .sez-oggi .og-blocco .og-rora,html[data-look="vetrina"]:not([data-theme="light"]) .sez-oggi .og-blocco .og-rora{color:#ff8fbf}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .sez-oggi .og-blocco .og-rora{color:#ff8fbf}}
@media (max-width:640px){ .sez-oggi .og-due>.og-blocco{padding:16px 14px 10px;border-radius:18px} .sez-oggi .og-blocco>header{gap:10px} .sez-oggi .og-blocco .og-hic{width:40px;height:40px} }
@media (prefers-reduced-motion:reduce){ .sez-oggi .og-blocco .og-vai-r{transition:none} }
/* v599 · sezioni di «Oggi» più vicine (richiesta dell'utente del 3/11/2026: «c'è troppo spazio tra le varie sezioni»): 12 px fra un pannello e l'altro (prima 22), imbottitura 20 px (prima 24/28) */
.sez-oggi main>.og-sez{margin-top:12px;padding-block:20px}
.sez-oggi main>.testata-oggi+.og-sez{margin-top:12px}
.sez-oggi main>.og-due{margin-top:12px}
.sez-oggi main>.og-due>.og-blocco{margin-top:0;padding-block:20px 14px}
.sez-oggi main>.og-cta{margin-top:16px}
@media (max-width:640px){ .sez-oggi main>.og-sez{padding-block:16px} .sez-oggi main>.og-due{gap:12px} }
.sez-oggi .og-blocco .og-r-t .og-rgen{color:#fff!important}   /* v599: nel tema Vetrina scuro una regola delle righe colorava di rosa anche l etichetta del genere (2,9 : 1) */
/* v600 · «Tutta la serata»: anche i film nel colore del loro genere (richiesta dell'utente, 3/11/2026: «in questa sezione non ci sono i colori diversi per i vari generi»);
   stesse tinte delle tessere e delle etichette dei film (.fg-*, v599); un film senza genere resta blu */
.og-serata li.og-fg-horror{--kc:#9f1239}.og-serata li.og-fg-commedia{--kc:#b45309}.og-serata li.og-fg-animazione{--kc:#0e7f73}.og-serata li.og-fg-avventura{--kc:#15803d}
.og-serata li.og-fg-azione{--kc:#c2410c}.og-serata li.og-fg-biografico{--kc:#8f6a43}.og-serata li.og-fg-documentario{--kc:#4d7c0f}.og-serata li.og-fg-drammatico{--kc:#4338ca}
.og-serata li.og-fg-fantascienza{--kc:#0369a1}.og-serata li.og-fg-fantasy{--kc:#7c3aed}.og-serata li.og-fg-musicale{--kc:#be185d}.og-serata li.og-fg-thriller{--kc:#374151}
.og-serata li.og-fg-giallo{--kc:#a16207}.og-serata li.og-fg-poliziesco{--kc:#334155}.og-serata li:is(.og-fg-romantico,.og-fg-sentimentale){--kc:#be185d}.og-serata li.og-fg-famiglia{--kc:#0f766e}
.og-serata li.og-fg-guerra{--kc:#57534e}.og-serata li.og-fg-western{--kc:#92400e}.og-serata li.og-fg-storico{--kc:#78350f}.og-serata li.og-fg-sportivo{--kc:#166534}.og-serata li.og-fg-erotico{--kc:#9d174d}
/* v601 · Agenda, tappa A1 (bozza https://claude.ai/artifact/PkQWyY7UQysoHwGvbmxX1w, «A1 OK» dell'utente del 3/11/2026):
   1) il filtro dei tipi usa i pulsanti colorati di «Tutta la serata» (.og-sleg, accendi/spegni; li crea js/pubblico-agenda.js);
   2) la barra dei giorni è una barra bianca con un'ombra leggera, staccata di 8 px dall'alto, e il titolo del giorno resta sotto di essa (--ag-barra = altezza vera, misurata dallo script) */
.ag-testa .ag-tipi{margin:0;justify-content:flex-end}
.ag-tipi{--kt-mix:100%}
html[data-theme="dark"] .ag-tipi,html[data-look="vetrina"]:not([data-theme="light"]) .ag-tipi{--kt-mix:50%}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .ag-tipi{--kt-mix:50%}}
.ag-tipi.og-filtro button[aria-pressed="false"]{color:color-mix(in srgb,var(--kc) var(--kt-mix),#fff);border-color:color-mix(in srgb,var(--kc) var(--kt-mix),#fff)}
.ag-sett{top:8px;width:fit-content;max-width:100%;padding:6px 10px;margin-bottom:6px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 22px rgba(22,29,43,.12)}
.ag-sett a:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
@media (min-width:861px){ .ag-sett{margin-left:166px} .ag-rail{top:20px} }   /* la barra sta sopra la colonna degli appuntamenti (140 px + 26 di spazio): il titolo del giorno, a sinistra, non le passa mai sotto */
.ag-giorno{scroll-margin-top:calc(var(--ag-barra,96px) + 18px)}
@media (max-width:860px){ .ag-sett{width:auto;padding:4px 6px;border-radius:18px} .ag-testa .ag-tipi{justify-content:flex-start} }
@media (max-width:420px){ .ag-tipi{gap:6px} .ag-tipi button{gap:6px;padding:0 11px;font-size:13.5px} }
/* v602 · Agenda, tappe A2-B e A3-B (bozza https://claude.ai/artifact/PkQWyY7UQysoHwGvbmxX1w, scelte dell'utente del 3/11/2026):
   i concerti di ogni giorno sono la linea del tempo di «Tutta la serata» (.og-serata.ag-linea, colori dei generi già definiti per .og-serata),
   i film una fila di locandine che scorre di lato (.ag-fila), il titolo del giorno con le grazie, «Altri N concerti» a pillola */
.ag-rail b,.ag-rail span{font-family:var(--serif);font-weight:700;letter-spacing:-.01em}
.ag-linea{margin:2px 0 0}
.ag-altri-p summary{display:inline-flex;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;font-weight:700;list-style:none}
.ag-altri-p summary::-webkit-details-marker{display:none}
.ag-altri-p summary::after{margin-left:0}
.ag-fila{list-style:none;margin:0;padding:2px 2px 12px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-x:contain}
.ag-fila li{--kc:#3b5bdb;flex:0 0 148px;min-width:0;scroll-snap-align:start}
.ag-fila a{display:flex;flex-direction:column;gap:3px;color:inherit;text-decoration:none;border-radius:12px}
.ag-fila a:focus-visible{outline:3px solid var(--link);outline-offset:3px}
.ag-fila a:hover strong{text-decoration:underline;text-underline-offset:3px}
.ag-loc{position:relative;display:block;aspect-ratio:2/3;max-width:100%;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,var(--kc),color-mix(in srgb,var(--kc) 55%,#000));box-shadow:0 4px 14px rgba(15,19,27,.14);margin-bottom:5px}
.ag-loc img{display:block;width:100%;height:100%;object-fit:cover}
.ag-loc-vuota{display:grid;place-items:center}
.ag-loc-vuota .ic{width:38px;height:38px;stroke:#fff;opacity:.85}
.ag-gen{position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:2px 7px;border-radius:6px;background:var(--kc);color:#fff;font:700 10.5px/1.5 var(--body);font-style:normal;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.ag-fila strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;line-height:1.25}
.ag-fila small{color:var(--ink-2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-fila .og-ore{justify-content:flex-start;gap:4px;margin-top:3px}
.ag-fila .og-ore span{padding:1px 8px;font-size:13px}
@media (max-width:640px){ .ag-fila li{flex-basis:124px} .ag-fila{gap:10px} }
.ag-fila li.og-fg-nessuno{--kc:#3b5bdb}
.ag-fila li.og-fg-horror{--kc:#9f1239}.ag-fila li.og-fg-commedia{--kc:#b45309}.ag-fila li.og-fg-animazione{--kc:#0e7f73}.ag-fila li.og-fg-avventura{--kc:#15803d}
.ag-fila li.og-fg-azione{--kc:#c2410c}.ag-fila li.og-fg-biografico{--kc:#8f6a43}.ag-fila li.og-fg-documentario{--kc:#4d7c0f}.ag-fila li.og-fg-drammatico{--kc:#4338ca}
.ag-fila li.og-fg-fantascienza{--kc:#0369a1}.ag-fila li.og-fg-fantasy{--kc:#7c3aed}.ag-fila li.og-fg-musicale{--kc:#be185d}.ag-fila li.og-fg-thriller{--kc:#374151}
.ag-fila li.og-fg-giallo{--kc:#a16207}.ag-fila li.og-fg-poliziesco{--kc:#334155}.ag-fila li:is(.og-fg-romantico,.og-fg-sentimentale){--kc:#be185d}.ag-fila li.og-fg-famiglia{--kc:#0f766e}
.ag-fila li.og-fg-guerra{--kc:#57534e}.ag-fila li.og-fg-western{--kc:#92400e}.ag-fila li.og-fg-storico{--kc:#78350f}.ag-fila li.og-fg-sportivo{--kc:#166534}.ag-fila li.og-fg-erotico{--kc:#9d174d}
.ag-loc img.ag-yt{transform:scale(1.34)}
/* v602 · nell'Agenda il fondo è grigio, non bianco come i pannelli di Oggi: nei temi chiari l'occhiello e l'orario della linea del tempo si scuriscono un po' (≥ 4,5 : 1) */
.ag-linea .og-kt,.ag-linea .og-hs{color:color-mix(in srgb,var(--kc) 80%,#000)}
html[data-theme="dark"] .ag-linea :is(.og-kt,.og-hs),html[data-look="vetrina"]:not([data-theme="light"]) .ag-linea :is(.og-kt,.og-hs){color:color-mix(in srgb,var(--kc) 50%,#fff)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .ag-linea :is(.og-kt,.og-hs){color:color-mix(in srgb,var(--kc) 50%,#fff)}}
/* v602 · la barra dei giorni come nel mockup della bozza (richiesta dell'utente, 3/11/2026: «il calendario nel mockup è più bello, quello che hai implementato è tozzo e corto»):
   lunga quanto la colonna degli appuntamenti, i 7 giorni in parti uguali, il giorno che si sta guardando in un riquadro pieno nel colore del tema */
.ag-sett{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:8px}
@media (min-width:861px){ .ag-sett,html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett{width:auto;padding:8px} }
.ag-sett a{width:auto;min-height:74px;border-radius:14px}
.ag-sett a[aria-current="true"]{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink)}
.ag-sett a[aria-current="true"] small{color:inherit;opacity:.88}
.ag-sett a[aria-current="true"] b{background:transparent;color:inherit;box-shadow:none}
.ag-sett a[aria-current="true"] .ag-pt i{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--accent-ink) 70%,transparent)}
html[data-look="taccuino"] .ag-sett a[aria-current="true"]{background:var(--accent)}
html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett a[aria-current="true"]{background:var(--pulsante);color:#fff}
html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett a[aria-current="true"] b{background:transparent}
@media (max-width:860px){ .ag-sett{gap:3px;padding:5px} .ag-sett a{min-height:64px;border-radius:12px} }
@media (min-width:861px){ .ag-sett b{font-size:23px} .ag-sett small{font-size:12.5px} }
/* v603 · Agenda, tappa A4 B (bozza https://claude.ai/artifact/PkQWyY7UQysoHwGvbmxX1w; scelta dell'utente del 3/11/2026: «A4 B ma anche le città devono essere dentro dei pulsanti colorati»):
   sotto il titolo, «Quando» (Pomeriggio · Sera · Notte) e «Dove» (le città), pulsanti colorati accendi/spegni come i tipi; li crea js/pubblico-agenda.js */
.ag-filtri2{display:flex;flex-wrap:wrap;gap:10px 30px;margin:-2px 0 16px}
.ag-f2{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}
.ag-f2-t{font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);min-width:58px}
.ag-f2 .og-sleg{margin:0;justify-content:flex-start}
.og-sleg button small{font-size:12.5px;font-weight:500;opacity:.85}
.ag-f-p{--kc:#a16207}.ag-f-s{--kc:#4338ca}.ag-f-n{--kc:#334155}
.ag-c-0{--kc:#0f766e}.ag-c-1{--kc:#7c3aed}.ag-c-2{--kc:#be123c}.ag-c-3{--kc:#1d4ed8}.ag-c-4{--kc:#4b5563}
@media (max-width:640px){ .ag-filtri2{gap:10px} .ag-f2{gap:6px 8px} .ag-f2-t{flex-basis:100%} .og-sleg button small{display:none} }
.ag-gen{font-size:12px;letter-spacing:.04em;padding:2px 7px}   /* v603: niente testi sotto i 12 px (regola di pubblico-aspetto) */
/* v604 · Agenda: la fila dei film è un carosello come quelli di Oggi (richiesta dell'utente, 3/11/2026): stessa fila di locandine (.ag-fila), più frecce e «Pausa» */
.ag-gtesta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}
.ag-gtesta .bl{margin:0}
.ag-gtesta .og-pausa{margin-block:-6px}
.ag-fila.og-track{display:flex;gap:14px;grid-auto-columns:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px}
@media (max-width:640px){ .ag-fila.og-track{gap:10px} }
.ag-caro .og-ca{top:calc(148px * 1.5 / 2 - 23px)}
@media (max-width:640px){ .ag-caro .og-ca{top:calc(124px * 1.5 / 2 - 22px)} }
.ag-caro .og-prev{left:-12px}.ag-caro .og-next{right:-12px}
/* v605 · nella linea del tempo (Agenda e «Tutta la serata») l'occhiello è fatto di due pillole colorate: il tipo (Concerto rosa, Film blu, evento arancio) e il genere nel suo colore
   (richiesta dell'utente, 3/11/2026: «concerto sia un cerchio colorato e il genere un altro cerchio colorato»); testo bianco ≥ 4,5 : 1 su tutte le tinte */
.og-serata li.og-k-musica{--tc:#c2255c}.og-serata li.og-k-film{--tc:#3b5bdb}.og-serata li.og-k-evento{--tc:#b45309}
.og-serata .og-kt:has(.og-pl){display:flex;flex-wrap:wrap;gap:5px;margin-bottom:5px;white-space:normal;overflow:visible}
.og-pl{display:inline-block;padding:1px 9px;border-radius:999px;color:#fff;font:700 12px/1.6 var(--body);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.og-pl-k{background:var(--tc,#c2255c)}
.og-pl-g{background:var(--kc,#687281)}
.og-serata li:not(.og-k-musica):not([class*="og-fg-"]) .og-pl-g{background:color-mix(in srgb,var(--tc) 80%,#000)}
/* v606 · la provincia dei concerti: terza pillola nella linea del tempo (Agenda e «Tutta la serata») e pulsanti «Dove» dell'Agenda con lo stesso colore fisso per città
   (richiesta dell'utente, 3/11/2026: «un ulteriore tag in concerti dove ti dice la provincia»); testo bianco ≥ 4,5 : 1 su ogni tinta */
.ag-c{--kc:#4b5563}
.ag-c.ag-c-milano{--kc:#0f766e}.ag-c.ag-c-brescia{--kc:#7c3aed}.ag-c.ag-c-cremona{--kc:#be123c}.ag-c.ag-c-bergamo{--kc:#1d4ed8}.ag-c.ag-c-monza-e-brianza{--kc:#9a3412}
.ag-c.ag-c-como{--kc:#0369a1}.ag-c.ag-c-varese{--kc:#15803d}.ag-c.ag-c-lecco{--kc:#a21caf}.ag-c.ag-c-lodi{--kc:#4d7c0f}.ag-c.ag-c-pavia{--kc:#92400e}.ag-c.ag-c-mantova{--kc:#be185d}.ag-c.ag-c-sondrio{--kc:#334155}
.og-pl-p{background:var(--kc)}
/* v607 · pagina Eventi allineata a Oggi e Agenda (bozza https://claude.ai/artifact/QCKWDKfz2AsPcmQR8EWmBV; scelte dell'utente del 3/11/2026: E1, E2 A, E3 A, E4 A).
   Tutto limitato a body:is(.sez-eventi,.sez-concerti,.sez-cinema): Concerti e Cinema restano come prima. */
/* E2 A · fascia colorata bassa al posto della foto di repertorio, titolo con le grazie, ricerca a capsula bianca */
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata{min-height:0;padding:26px 32px 24px;background:linear-gradient(115deg,#241a5c 0%,#4b2fb8 52%,#c2255c 100%)}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata::before,html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata::after{display:none}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-occ{display:block;margin-bottom:6px;font:700 12px/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.88)}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(30px,3.6vw,46px);line-height:1.05;letter-spacing:-.01em;text-shadow:none}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .cerca{max-width:1000px;margin-top:16px;padding:6px;background:#fff;border-radius:999px;box-shadow:0 10px 30px rgba(15,10,40,.28);-webkit-backdrop-filter:none;backdrop-filter:none}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .cerca :is(input,select){color:#161D2B}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .cerca input::placeholder{color:#596378}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .cerca select option{background:#fff;color:#161D2B}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .cerca > label + label{border-left-color:#D9DEE8}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .cerca .btn{border-radius:999px}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .cerca .btn-sec{background:#EEF1F6;color:#161D2B}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .cerca .btn-pri{background:#3044D0;color:#fff}
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .cerca .c-giorno span{color:#161D2B}
@media (max-width:720px){ html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata{padding:20px 16px 18px} html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .cerca{border-radius:22px} }
/* E1 · v608: «Quando», «Tipo», «Dove» in una sola riga bianca a segmenti (proposta B della bozza https://claude.ai/artifact/K42eWF3cisnAYVnumXVJP9;
   richiesta dell'utente, 3/11/2026: «i selettori su tre righe non vanno bene, non riesci a fare una cosa più professionale»). Il colore è solo un pallino accanto a tipo e città. */
.ev-filtri{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;margin:16px 0 8px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.ev-filtri::-webkit-scrollbar{display:none}
.ev-f{display:flex;flex:none;align-items:center;gap:10px;min-width:0}
.ev-f:has(> [hidden]){display:none}
.ev-f+.ev-f::before{content:"";flex:none;width:1px;height:28px;background:var(--line);margin-right:2px}
.ev-f-t{flex:none;padding-left:6px;font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri :is(.rapidi,.chips-js){display:flex;flex:none;flex-wrap:nowrap;gap:2px;margin:0;padding:3px;border-radius:14px;background:var(--bg);overflow:visible}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri :is(.rapidi,.chips-js) button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:var(--ink-2);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:none;cursor:pointer;transition:background .15s,color .15s}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri :is(.rapidi,.chips-js) button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(15,19,27,.16)}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri :is(.rapidi,.chips-js) button[aria-pressed="false"]{background:transparent;color:var(--ink-2)}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri :is(.rapidi,.chips-js) button .ic{display:none}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri :is(.rapidi,.chips-js) button :is(b,small){padding:0;background:none;color:var(--ink-2);font-size:12.5px;font-weight:700;opacity:1}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri :is(.rapidi,.chips-js) button:hover{color:var(--ink)}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri :is(.rapidi,.chips-js) button:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
/* il pallino del colore: tipo nel colore della categoria, città nel colore fisso dell'Agenda; più tenue se spento */
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri .chips-js button::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--kc,var(--c,#4b5563))}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri .chips-js button[aria-pressed="false"]::before{opacity:.35}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri #chips button{--kc:var(--c,#3044D0)}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri #chips-prov button:not(.ag-c){--kc:#4b5563}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri .chips-js button[aria-pressed="false"] span{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ink-2) 60%,transparent)}
@media (prefers-reduced-motion:reduce){ body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri :is(.rapidi,.chips-js) button{transition:none} }
/* viste a pillola, «Sorprendimi» in sfumatura */
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .vista button{border-radius:999px}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .vista button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .sorpresa{border:0;border-radius:999px;background:linear-gradient(135deg,#5b3df5,#c2255c);color:#fff;font-weight:700}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .sorpresa .ic{stroke:#fff}
/* mese e giorni con le grazie */
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .mm .mese{border-left:0;padding-left:0;font-family:var(--serif);font-weight:700;font-size:clamp(24px,2.6vw,30px);letter-spacing:-.005em}
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .giorno{font-family:var(--serif);font-weight:700;font-size:20px}
/* E3 A · righe rifinite (solo nella vista Elenco) */
body.sez-eventi:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev{align-items:center;border-radius:18px}
body.sez-eventi:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev .data{flex-basis:64px;align-self:center;height:72px;border-radius:14px;background:linear-gradient(135deg,#5b3df5,#c2255c);color:#fff;box-shadow:none}
body.sez-eventi:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev .data :is(small,span,b){color:#fff}
body.sez-eventi:not(.ve-compatta) .ev .tag{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
body.sez-eventi.ve-compatta .ev-date{display:none}   /* nella vista Compatta una riga sola: niente etichette né date in pillole */
body.sez-eventi .ev .tag .chip:not(.stato){display:inline-flex;align-items:center;gap:5px;padding:1px 9px;border-radius:999px;background:var(--kc,var(--c));color:#fff;font:700 12px/1.65 var(--body);letter-spacing:.05em;text-transform:uppercase}
body.sez-eventi .ev{--kc:var(--c)}
html[data-theme="dark"] body.sez-eventi .ev,html[data-look="vetrina"]:not([data-theme="light"]) body.sez-eventi .ev{--kc:color-mix(in srgb,var(--c) 50%,#000)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.sez-eventi .ev{--kc:color-mix(in srgb,var(--c) 50%,#000)}}
body.sez-eventi .ev .tag .chip:not(.stato) .ic{width:13px;height:13px;stroke:#fff}
body.sez-eventi .ev .og-pl-p{font-size:12px}
body.sez-eventi .ev .ora{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
body.sez-eventi .ev .ora .sep{display:none}
body.sez-eventi .ev .ora :is(.ot,.prezzo){padding:1px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font:700 13px/1.6 var(--display);font-variant-numeric:tabular-nums}
body.sez-eventi .ev-date{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
body.sez-eventi .ev-date span{padding:1px 10px;border-radius:999px;background:var(--accent-soft);color:var(--link);font:700 13px/1.6 var(--display)}
body.sez-eventi:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev .mini{flex:0 0 128px;width:128px;max-height:none;aspect-ratio:4/3;border-radius:12px}
@media (max-width:560px){ body.sez-eventi:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev .mini{display:none} }
/* colori fissi delle città anche per le province scritte come nell'elenco del generatore («Monza Brianza») */
.ag-c.ag-c-monza-brianza{--kc:#9a3412}
/* v607 · Vetrina: anche qui niente striscia con le immagini sopra il titolo (E2 A) e campi chiari dentro la capsula bianca; «Sorprendimi» in sfumatura in tutti i temi */
html[data-look] body:is(.sez-eventi,.sez-concerti,.sez-cinema) .hero:is(.hero-eventi,.hero-concerti,.hero-cinema)::before{content:none;display:none}
html[data-look] body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .cerca :is(input,select){background:transparent;border-color:transparent;color:#161D2B}
html[data-look] body:is(.sez-eventi,.sez-concerti,.sez-cinema) .sorpresa,html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .sorpresa{border:0;background:linear-gradient(135deg,#5b3df5,#c2255c);color:#fff}
@media (max-width:640px){ .ev-filtri{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)} }   /* v608: a telefono la riga scorre: la dissolvenza a destra lo fa capire */
/* v608 · Oggi: la hero «Cosa fai stasera?» senza altezza minima (richiesta dell'utente, 3/11/2026: «c'è parecchio spazio inutilizzato sotto»):
   l'altezza la danno occhiello, titolo, ricerca e pillole; sotto le pillole un margine come sopra (prima 59 px vuoti a computer, 38 a telefono) */
html body .testata-oggi{min-height:0;padding-bottom:24px}
@media (max-width:640px){ html body .testata-oggi{padding-bottom:18px} }
/* v609 · Oggi (richieste dell'utente, 3/11/2026) */
/* 1) «Cosa cerchi» trasparente: vetro scuro leggero con la foto sfocata dietro, testo bianco; resta la lente nel colore del tema */
html body .testata #og-cerca{background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),rgba(14,10,34,.4);border:1px solid rgba(255,255,255,.34);box-shadow:0 12px 32px rgba(10,15,40,.25);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}
html body .testata #og-cerca .og-cl{color:rgba(255,255,255,.92)}
html body .testata #og-cerca input{color:#fff}
html body .testata #og-cerca input::placeholder{color:rgba(255,255,255,.8)}
html body .testata #og-cerca .c-cosa:focus-within{outline-color:#fff}
/* 2) intestazioni delle sezioni («In evidenza · Questa settimana · Pausa · Tutta l'agenda»): tutto centrato sulla stessa linea; la pillola non esce più dalla riga
      (aveva un margine di −10 px sopra e sotto e toccava il filetto sotto l'intestazione) */
.sez-oggi main>.og-sez>header a.og-vaiwe{margin-block:0}
.sez-oggi main>.og-sez>header{align-items:center;row-gap:10px;padding-bottom:12px}
.sez-oggi main>.og-sez>header h2{line-height:1.1}
.sez-oggi main>.og-sez>header>.muted{min-height:28px;padding:0 12px;font-size:12px;letter-spacing:.1em}
.sez-oggi main>.og-sez>header>.og-pausa{margin-left:auto}
.sez-oggi main>.og-sez>header>.og-pausa+a.og-vaiwe{margin-left:0}
/* v610 · Oggi, hero più trasparente (richiesta dell'utente, 3/11/2026: «non puoi fare trasparenti anche questi [le pillole]… la trasparenza non basta, bisogna renderlo più trasparente»):
   - le pillole Stasera · Nel weekend · Concerti · Al cinema · Dove mangiare diventano vetro con appena la tinta della sezione (prima piene);
   - «Cosa cerchi» meno scuro (prima un velo al 40 %, ora al 16 %), con un'ombra leggera sul testo perché resti leggibile sulla foto */
html .testata .og-salti a.og-p,.og-salti a.og-p{background:color-mix(in srgb,var(--pc) 34%,rgba(10,8,30,.22));border:1px solid rgba(255,255,255,.42);box-shadow:0 4px 14px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);text-shadow:0 1px 3px rgba(0,0,0,.45)}
html .testata .og-salti a.og-p:hover{background:color-mix(in srgb,var(--pc) 50%,rgba(10,8,30,.3));filter:none}
html .testata .og-salti a.og-p small,.og-salti a.og-p small{background:rgba(255,255,255,.22)}
html body .testata #og-cerca{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45);box-shadow:0 8px 24px rgba(10,15,40,.16);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4)}
html body .testata #og-cerca :is(input,.og-cl){text-shadow:0 1px 3px rgba(0,0,0,.5)}
html body .testata #og-cerca input::placeholder{color:rgba(255,255,255,.88)}
/* v611 · pagina Concerti allineata (bozza https://claude.ai/artifact/TcArk78mmqafXcf4EPAZkP; scelte dell'utente del 3/11/2026: K0, K1 A, K2 B) */
/* K1 A · la fascia dei Concerti ha i suoi colori (viola notte → magenta) */
html body.sez-concerti .testata{background:linear-gradient(115deg,#2a1450 0%,#8a1f6d 55%,#e0457b 100%)}
/* K0 · i menu «Genere» e «Locale» stanno nella stessa riga dei segmenti */
body.sez-concerti .ev-filtri .filtro-locale{display:flex;flex:none;align-items:center;gap:8px;margin:0;padding:0;border:0;background:none}
body.sez-concerti .ev-filtri .filtro-locale[hidden]{display:none}
body.sez-concerti .ev-filtri .filtro-locale label{display:flex;align-items:center;gap:8px;margin:0}
body.sez-concerti .ev-filtri .filtro-locale label>span{font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
body.sez-concerti .ev-filtri .filtro-locale select{min-height:44px;max-width:220px;padding:0 34px 0 14px;border:1px solid var(--line);border-radius:12px;background-color:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:600}
body.sez-concerti .ev-filtri .filtro-locale::before{content:"";flex:none;width:1px;height:28px;background:var(--line)}
/* K2 B · nella vista Elenco i concerti sono una linea del tempo come nell'Agenda: due colonne a computer, una a telefono */
.ev .ln-c,.ev .ln-h,.ev .ln-pl{display:none}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .mm-con .elenco{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:0}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .mm-con .elenco>:not(.ev){grid-column:1/-1}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev.ev-linea{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:0 12px;align-items:start;margin:0;padding:10px 8px 10px 48px;background:transparent;border:0;border-radius:14px;box-shadow:none;contain-intrinsic-size:auto 96px}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev.ev-linea::before{content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;background:var(--line)}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev.ev-linea:hover{background:color-mix(in srgb,var(--kc) 7%,transparent)}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev-linea :is(.data,.mini,.ph,.ora,.tag){display:none}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev-linea .ln-c{display:grid;position:absolute;left:1px;top:14px;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--kc);box-shadow:0 0 0 4px var(--bg);z-index:1}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev-linea .ln-c .ic{width:15px;height:15px;stroke:#fff}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev-linea .ln-h{display:block;grid-row:1/3;padding-top:16px;font-family:var(--serif);font-weight:700;font-size:21px;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--kc) 80%,#000)}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev-linea .ln-pl{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 3px;font-style:normal}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev-linea .dett{grid-column:2;min-width:0}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev-linea h3{font-size:16.5px;-webkit-line-clamp:2}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev-linea .dove{margin:2px 0 0;color:var(--ink-2);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="dark"] body.sez-concerti .ev-linea .ln-h,html[data-look="vetrina"]:not([data-theme="light"]) body.sez-concerti .ev-linea .ln-h{color:color-mix(in srgb,var(--kc) 50%,#fff)!important}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.sez-concerti .ev-linea .ln-h{color:color-mix(in srgb,var(--kc) 50%,#fff)!important}}
@media (max-width:760px){ body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .mm-con .elenco{grid-template-columns:minmax(0,1fr)} body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev.ev-linea{grid-template-columns:54px minmax(0,1fr)} }
/* i colori dei generi, gli stessi della linea del tempo di Oggi e dell'Agenda */
.ev.ev-linea{--kc:#c2255c}
.ev.ev-linea.og-g-techno{--kc:#1179ab}.ev.ev-linea.og-g-elettronica{--kc:#8a3ffc}.ev.ev-linea.og-g-rock{--kc:#d0384b}.ev.ev-linea.og-g-indie{--kc:#1d8242}
.ev.ev-linea.og-g-pop{--kc:#d4257c}.ev.ev-linea.og-g-hip-hop{--kc:#ab5c11}.ev.ev-linea.og-g-jazz{--kc:#896e0d}.ev.ev-linea.og-g-classica{--kc:#8f6a43}
.ev.ev-linea.og-g-folk{--kc:#607a26}.ev.ev-linea.og-g-metal{--kc:#626cb8}.ev.ev-linea.og-g-world{--kc:#0e7f73}.ev.ev-linea.og-g-altro{--kc:#687281}
/* v611 · Concerti: con Quando, Dove, Locale e Genere la riga è troppo lunga: va a capo dentro lo stesso riquadro bianco (i menu passano sotto) */
body.sez-concerti .ev-filtri{flex-wrap:wrap;row-gap:6px;overflow:visible;-webkit-mask-image:none;mask-image:none}
body.sez-concerti .ev-filtri .filtro-locale::before{display:none}
@media (max-width:640px){ body.sez-concerti .ev-filtri .ev-f{max-width:100%;overflow-x:auto;scrollbar-width:none} body.sez-concerti .ev-filtri .filtro-locale{flex-wrap:wrap} body.sez-concerti .ev-filtri .filtro-locale select{max-width:100%} }
/* v611 · sulla fascia colorata la frase «Stasera ci sono…» è bianca in tutti i temi (in Vetrina era in sfumatura e sul rosa si leggeva male) */
html body:is(.sez-eventi,.sez-concerti,.sez-cinema) .testata .saluto{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}
@media (max-width:640px){ body.sez-concerti .ev-filtri .filtro-locale{flex:1 1 100%;flex-direction:column;align-items:stretch;gap:6px} body.sez-concerti .ev-filtri .filtro-locale label{width:100%} body.sez-concerti .ev-filtri .filtro-locale label>span{min-width:62px} body.sez-concerti .ev-filtri .filtro-locale select{flex:1;width:100%;max-width:none} }
/* v611 · intestazioni delle sezioni di Oggi, variante B della bozza https://claude.ai/artifact/NCRe6bMhPASBDMdp9vrqyF (scelta dell'utente del 3/11/2026, «per il 2 mi sembra meglio B»)
   e senza la linea orizzontale («occupa solo spazio senza nessun valore aggiunto»): cerchio in sfumatura con l'icona, titolo e sottotitolo, «Pausa» e la pillola chiara a destra */
.sez-oggi main>.og-sez>header.og-hb{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;margin:0 0 14px;padding:0;border:0}
.og-hb .og-hico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#5b3df5,#c2255c);box-shadow:0 6px 16px rgba(91,61,245,.26)}
.og-hb .og-hico .ic{width:20px;height:20px;stroke:#fff}
.og-hb .og-ht{display:flex;flex-direction:column;gap:2px;min-width:0}
.sez-oggi main>.og-sez>header.og-hb .og-ht .muted{display:block;min-height:0;padding:0;border-radius:0;background:none;color:var(--ink-2);font-family:var(--body);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;white-space:normal;overflow:visible}
.sez-oggi main>.og-sez>header.og-hb>.og-pausa{margin:0 0 0 auto}
.sez-oggi main>.og-sez>header.og-hb>.og-pausa+a,.sez-oggi main>.og-sez>header.og-hb>a{margin:0}
.sez-oggi main>.og-sez>header.og-hb>.og-ht+a{margin-left:auto}
.sez-oggi main>.og-sez>header.og-hb a.og-vaiwe{min-height:44px;background:color-mix(in srgb,#5b3df5 8%,var(--surface));border:1.5px solid color-mix(in srgb,#5b3df5 34%,var(--surface));color:color-mix(in srgb,#5b3df5 80%,var(--ink));box-shadow:none}
.sez-oggi main>.og-sez>header.og-hb a.og-vaiwe .ic{stroke:currentColor}
.sez-oggi main>.og-sez>header.og-hb a.og-vaiwe:hover{background:color-mix(in srgb,#5b3df5 14%,var(--surface));box-shadow:none}
html[data-theme="dark"] .sez-oggi main>.og-sez>header.og-hb a.og-vaiwe,html[data-look="vetrina"]:not([data-theme="light"]) .sez-oggi main>.og-sez>header.og-hb a.og-vaiwe{color:#d9ccff;border-color:color-mix(in srgb,#8d7bff 45%,transparent);background:color-mix(in srgb,#8d7bff 14%,transparent)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .sez-oggi main>.og-sez>header.og-hb a.og-vaiwe{color:#d9ccff;border-color:color-mix(in srgb,#8d7bff 45%,transparent);background:color-mix(in srgb,#8d7bff 14%,transparent)}}
@media (max-width:640px){
  .sez-oggi main>.og-sez>header.og-hb{flex-wrap:wrap;row-gap:10px}
  .og-hb .og-hico{width:40px;height:40px}
  .og-hb .og-ht{flex:1 1 calc(100% - 56px)}
  .sez-oggi main>.og-sez>header.og-hb>.og-pausa{margin-left:0}
  .sez-oggi main>.og-sez>header.og-hb>a{margin-left:auto}
}
@media (max-width:640px){ .sez-oggi main>.og-sez>header.og-hb>.og-pausa+a{margin-left:auto} }
/* v612 · pagina pubblica «Idee» (richiesta dell'utente, 3/11/2026; scelta «senza nomi»): fascia come Eventi e Concerti (viola → ambra), riga «Tipo» a segmenti,
   schede delle idee (categoria, titolo con le grazie, luogo, estratto, «Ci sto»), invito a entrare in fondo */
html body.sez-idee .testata{min-height:0;padding:26px 32px 24px;background:linear-gradient(115deg,#2b1a5e 0%,#7c3aed 50%,#d97706 100%)}
html body.sez-idee .testata::before,html body.sez-idee .testata::after,html[data-look] body.sez-idee .hero.hero-idee::before{content:none;display:none}
html body.sez-idee .ev-occ{display:block;margin-bottom:6px;font:700 12px/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.88)}
html body.sez-idee .testata .hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(30px,3.6vw,46px);line-height:1.05;letter-spacing:-.01em;text-shadow:none}
html body.sez-idee .testata .hero .id-sotto{position:static!important;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:8px 0 0;color:rgba(255,255,255,.92);font-size:16px}
@media (max-width:720px){ html body.sez-idee .testata{padding:20px 16px 18px} }
body.sez-idee .ev-filtri :is(.chips-js) button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:var(--ink-2);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
body.sez-idee .ev-filtri .chips-js{display:flex;flex:none;flex-wrap:nowrap;gap:2px;margin:0;padding:3px;border-radius:14px;background:var(--bg)}
body.sez-idee .ev-filtri .chips-js button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(15,19,27,.16)}
body.sez-idee .ev-filtri .chips-js button::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--c,#4b5563)}
body.sez-idee .ev-filtri .chips-js button[aria-pressed="false"]::before{opacity:.35}
body.sez-idee .ev-filtri .chips-js button[aria-pressed="false"] span{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ink-2) 60%,transparent)}
body.sez-idee .ev-filtri .chips-js button b{color:var(--ink-2);font-size:12.5px;font-weight:700}
body.sez-idee .ev-filtri .chips-js button:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
.id-griglia{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1000px){ .id-griglia{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .id-griglia{grid-template-columns:minmax(0,1fr);gap:12px} }
.id-c{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 2px 10px rgba(15,19,27,.05)}
.id-c[hidden]{display:none}
.id-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.id-c .id-cat{display:inline-flex;align-items:center;gap:5px;background:var(--kc,var(--c))}
.id-c{--kc:var(--c)}
html[data-theme="dark"] .id-c,html[data-look="vetrina"]:not([data-theme="light"]) .id-c{--kc:color-mix(in srgb,var(--c) 50%,#000)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .id-c{--kc:color-mix(in srgb,var(--c) 50%,#000)}}
.id-c .id-cat .ic{width:13px;height:13px;stroke:#fff}
.id-ev{margin-left:auto;font-size:13px;font-weight:700;color:var(--link)}
.id-c h2{margin:4px 0 0;font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.15;overflow-wrap:anywhere}
.id-dove{display:flex;align-items:center;gap:5px;margin:0;color:var(--ink-2);font-size:13.5px}
.id-dove .ic{width:14px;height:14px}
.id-t{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.5}
.id-pie{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:8px}
.id-ci{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,#5b3df5 10%,var(--surface));color:color-mix(in srgb,#5b3df5 82%,var(--ink));font-size:13.5px;font-weight:600}
.id-ci b{font-family:var(--display);font-size:16px;font-weight:800}
html[data-theme="dark"] .id-ci,html[data-look="vetrina"]:not([data-theme="light"]) .id-ci{color:#d9ccff;background:color-mix(in srgb,#8d7bff 16%,transparent)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .id-ci{color:#d9ccff;background:color-mix(in srgb,#8d7bff 16%,transparent)}}
.id-pie .muted{font-size:13px}
.id-invito{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:26px 0 8px;padding:22px 24px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.id-invito h2{margin:0;font-family:var(--serif);font-weight:700;font-size:26px}
.id-invito p{margin:4px 0 0;color:var(--ink-2);max-width:60ch}
.id-invito .og-vaiwe{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,#5b3df5,#c2255c);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(194,37,92,.28)}
.id-invito .og-vaiwe:focus-visible{outline:3px solid var(--link);outline-offset:3px}
.id-data{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;border:1px solid var(--line);background:var(--bg);font:700 13px/1.6 var(--display);color:var(--ink)}
.id-data .ic{width:14px;height:14px}
/* v613 · pagina Cinema allineata (bozza https://claude.ai/artifact/TcArk78mmqafXcf4EPAZkP; scelte dell'utente del 3/11/2026: K0, K1 A, K3 B) */
/* K1 A · fascia blu notte → rosso sala, senza foto; i cinema come pillole di vetro dentro la fascia */
html body.sez-cinema .testata{background:linear-gradient(115deg,#121a3a 0%,#2c3f99 55%,#b4233f 100%)}
html body.sez-cinema .testata .cinema-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
html body.sez-cinema .testata .cinema-links>span{color:rgba(255,255,255,.88);font-weight:600}
html body.sez-cinema .testata .cinema-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.12);color:#fff;font-weight:600;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html body.sez-cinema .testata .cinema-links a .ic{stroke:#fff}
html body.sez-cinema .testata .cinema-links a:hover{background:rgba(255,255,255,.2)}
/* K0 · intestazioni dei caroselli come quelle di Oggi: titolo con le grazie, «Pausa» tonda, «Vedi tutti» a pillola chiara */
body.sez-cinema .home-film .v-head h2{font-family:var(--serif);font-weight:700;font-size:clamp(24px,2.6vw,30px);letter-spacing:-.005em}
body.sez-cinema .home-film .v-pausa{width:44px;min-width:44px;padding:0;border-radius:50%}
body.sez-cinema .home-film .v-pausa .v-pt{display:none}
body.sez-cinema .home-film .v-more{background:color-mix(in srgb,#5b3df5 8%,var(--surface));border:1.5px solid color-mix(in srgb,#5b3df5 34%,var(--surface));color:color-mix(in srgb,#5b3df5 80%,var(--ink));font-weight:700}
html[data-theme="dark"] body.sez-cinema .home-film .v-more,html[data-look="vetrina"]:not([data-theme="light"]) body.sez-cinema .home-film .v-more{color:#d9ccff;border-color:color-mix(in srgb,#8d7bff 45%,transparent);background:color-mix(in srgb,#8d7bff 14%,transparent)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.sez-cinema .home-film .v-more{color:#d9ccff;border-color:color-mix(in srgb,#8d7bff 45%,transparent);background:color-mix(in srgb,#8d7bff 14%,transparent)}}
body.sez-cinema .mm .mese{border-left:0;padding-left:0;font-family:var(--serif);font-weight:700}
/* K3 B · locandine verticali 2:3 come i film dell'Agenda */
body.sez-cinema .home-film .v-track{gap:14px}
body.sez-cinema .fcard{--kc:#3b5bdb;flex:0 0 164px;min-width:0;background:transparent;border:0;border-radius:12px;box-shadow:none;overflow:visible}
body.sez-cinema .fcard .fc-cover{position:relative;aspect-ratio:2/3;border-radius:12px;background:linear-gradient(160deg,var(--kc),color-mix(in srgb,var(--kc) 55%,#000));box-shadow:0 4px 14px rgba(15,19,27,.14);display:grid;place-items:center}
body.sez-cinema .fcard .fc-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.sez-cinema .fcard .fc-cover img.fc-yt{transform:scale(1.34)}
body.sez-cinema .fcard .fc-cover .fc-ico .ic{width:36px;height:36px;stroke:#fff;opacity:.85}
body.sez-cinema .fcard .ag-gen{position:absolute;z-index:1;left:8px;top:8px;max-width:calc(100% - 16px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:2px 7px;border-radius:6px;background:var(--kc);color:#fff;font:700 12px/1.5 var(--body);font-style:normal;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 1px 4px rgba(0,0,0,.25)}
body.sez-cinema .fcard .fc-body{display:flex;flex-direction:column;gap:3px;padding:8px 2px 0;background:none}
body.sez-cinema .fcard .fc-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--body);font-size:15px;font-weight:600;line-height:1.25}
body.sez-cinema .fcard .fc-m,body.sez-cinema .fcard .fc-quando{color:var(--ink-2);font-size:13px}
body.sez-cinema .fcard .fc-quando{font-weight:600;color:var(--ink)}
body.sez-cinema .fcard .og-ore{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start}
body.sez-cinema .fcard .og-ore span{padding:1px 8px;font-size:13px}
body.sez-cinema .fcard:hover .fc-t{text-decoration:underline;text-underline-offset:3px}
body.sez-cinema .home-film .v-ca{top:calc(164px * 1.5 / 2 - 22px)}
@media (max-width:640px){ body.sez-cinema .fcard{flex-basis:136px} body.sez-cinema .home-film .v-ca{top:calc(136px * 1.5 / 2 - 22px)} }
body.sez-cinema .fcard.og-fg-nessuno{--kc:#3b5bdb}
body.sez-cinema .fcard.og-fg-horror{--kc:#9f1239}body.sez-cinema .fcard.og-fg-commedia{--kc:#b45309}body.sez-cinema .fcard.og-fg-animazione{--kc:#0e7f73}body.sez-cinema .fcard.og-fg-avventura{--kc:#15803d}
body.sez-cinema .fcard.og-fg-azione{--kc:#c2410c}body.sez-cinema .fcard.og-fg-biografico{--kc:#8f6a43}body.sez-cinema .fcard.og-fg-documentario{--kc:#4d7c0f}body.sez-cinema .fcard.og-fg-drammatico{--kc:#4338ca}
body.sez-cinema .fcard.og-fg-fantascienza{--kc:#0369a1}body.sez-cinema .fcard.og-fg-fantasy{--kc:#7c3aed}body.sez-cinema .fcard.og-fg-musicale{--kc:#be185d}body.sez-cinema .fcard.og-fg-thriller{--kc:#374151}
body.sez-cinema .fcard.og-fg-giallo{--kc:#a16207}body.sez-cinema .fcard.og-fg-poliziesco{--kc:#334155}.ag-fila li:is(.og-fg-romantico,.og-fg-sentimentale){--kc:#be185d}body.sez-cinema .fcard.og-fg-famiglia{--kc:#0f766e}
body.sez-cinema .fcard.og-fg-guerra{--kc:#57534e}body.sez-cinema .fcard.og-fg-western{--kc:#92400e}body.sez-cinema .fcard.og-fg-storico{--kc:#78350f}body.sez-cinema .fcard.og-fg-sportivo{--kc:#166534}body.sez-cinema .fcard.og-fg-erotico{--kc:#9d174d}
body.sez-cinema .fcard.og-fg-nessuno{--kc:#3b5bdb}
body.sez-cinema .home-film .v-more{border-radius:999px}   /* v613: tonda in tutti i temi (Classico usa angoli piccoli per le pillole) */
/* v614 · Cinema: i cinema come segmenti nella riga dei filtri (scelta singola, con «Tutti»); il menu «Tutti i cinema» della ricerca resta solo per lo script */
body.sez-cinema.cine-seg .testata .cerca .c-dove{display:none}
body.sez-cinema .ev-filtri #cine-seg .cine-tutti::before{display:none}
/* v614 · Concerti: «Concerti per città» e «per locale» in fondo con i titoli con le grazie e le pillole del nuovo stile (città con il pallino del loro colore) */
body.sez-concerti .cg-indice h2{font-family:var(--serif);font-weight:700;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.005em}
body.sez-concerti .cg-indice{padding:18px 20px 20px;background:var(--surface);border:1px solid var(--line);border-radius:22px}
body.sez-concerti .cg-chips a{gap:8px;border-radius:999px;background:var(--bg);border-color:var(--line);font-weight:600}
body.sez-concerti .cg-chips a.ag-c::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--kc)}
body.sez-concerti .cg-chips a small{padding:0;background:none;color:var(--ink-2);font-weight:700}
body.sez-concerti .cg-chips a:hover{border-color:color-mix(in srgb,#5b3df5 45%,var(--line));background:color-mix(in srgb,#5b3df5 6%,var(--bg))}
/* v614 · pillole della hero di Oggi ancora più trasparenti (segnalazione dell'utente, 3/11/2026: «non sono stati fatti trasparenti?»): prima opache al 48 %, ora al 22 %;
   la tinta della sezione resta solo come velo, la foto sfocata dietro e un'ombra sul testo lo tengono leggibile */
html .testata .og-salti a.og-p,.og-salti a.og-p{background:color-mix(in srgb,var(--pc) 14%,rgba(10,8,30,.1));border-color:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);text-shadow:0 1px 4px rgba(0,0,0,.6)}
html .testata .og-salti a.og-p:hover{background:color-mix(in srgb,var(--pc) 30%,rgba(10,8,30,.16))}
html .testata .og-salti a.og-p small,.og-salti a.og-p small{background:rgba(255,255,255,.18)}
/* v614 · i segmenti dei cinema sono una scelta singola: le voci non scelte non sono barrate né sbiadite; la riga del Cinema va a capo come quella dei Concerti */
body.sez-cinema .ev-filtri #cine-seg button[aria-pressed="false"] span{text-decoration:none}
body.sez-cinema .ev-filtri #cine-seg button[aria-pressed="false"]::before{opacity:1}
body.sez-cinema .ev-filtri{flex-wrap:wrap;row-gap:6px;-webkit-mask-image:none;mask-image:none}
@media (max-width:640px){ body.sez-cinema .ev-filtri .ev-f{max-width:100%;overflow-x:auto;scrollbar-width:none} }
body.sez-cinema .ev-filtri .ev-f+.ev-f::before{display:none}   /* v614: la riga va a capo, il trattino di separazione resterebbe a inizio riga */
/* v614 · intestazioni di Oggi più su e sottotitolo in corsivo (richiesta dell'utente, 3/11/2026: «sembra esserci ancora troppo spazio, puoi sollevarli un pochino… mettere Questa settimana in corsivo») */
.sez-oggi main>.og-sez:has(>header.og-hb){padding-top:14px}
.sez-oggi main>.og-sez>header.og-hb{margin-bottom:12px}
.og-hb .og-ht{gap:0}
.og-hb .og-ht h2{line-height:1.05}
.sez-oggi main>.og-sez>header.og-hb .og-ht .muted{font-style:italic;font-size:14.5px;margin-top:1px}
/* v615 · Oggi: niente filetto bianco sopra la data della hero (richiesta dell'utente, 3/11/2026: «c'è una riga orizzontale prima della data, puoi toglierla») */
html body .testata-oggi .og-occh{border-top:0;padding-top:0}
/* v615 · la provincia sulle schede di Oggi (In evidenza, Stasera, Nel weekend): pillola piena nel colore fisso della città, come nell'Agenda */
html body .og-card .og-corpo .og-chips .chip.og-prov.ag-c,html[data-theme] body .og-card .og-corpo .og-chips .chip.og-prov.ag-c,html[data-look] body .og-card .og-corpo .og-chips .chip.og-prov.ag-c{background:var(--kc);color:#fff;border:0;box-shadow:none}
/* v615 · frecce dei caroselli meno invasive (richiesta dell'utente, 3/11/2026: «nel carosello la freccia copre i riquadri, non puoi fare una freccia meno invasiva?»):
   vetro trasparente con un'ombra leggera, spostate verso l'esterno sul bordo del pannello (coprono le schede di pochi pixel); a telefono nascoste: si scorre con il dito.
   L'area da toccare resta di 44 px. */
.og-caro .og-ca,.home-film .v-ca{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--ink);font-size:22px;box-shadow:0 2px 10px rgba(15,19,27,.12);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);opacity:.9;transition:opacity .15s,background .15s}
.og-caro .og-ca:hover,.home-film .v-ca:hover{opacity:1;background:color-mix(in srgb,var(--surface) 85%,transparent)}
.sez-oggi main>.og-sez .og-caro .og-prev{left:-18px}.sez-oggi main>.og-sez .og-caro .og-next{right:-18px}
.ag-caro .og-prev{left:-12px}.ag-caro .og-next{right:-12px}.home-film .v-prev{left:-14px}.home-film .v-next{right:-14px}   /* v615: dentro il margine della pagina (a 1280 px -20 usciva di 2 px) */
@media (max-width:640px){ .og-caro .og-ca,.home-film .v-ca{display:none!important} }
@media (prefers-reduced-motion:reduce){ .og-caro .og-ca,.home-film .v-ca{transition:none} }
/* v616 · hero di Oggi ancora più trasparente (richiesta dell'utente, 3/11/2026: «mi serve maggiore trasparenza in Cosa fai stasera» → la ricerca e le pillole):
   velo quasi assente e sfocatura leggera, così la foto si vede attraverso; un'ombra più marcata tiene leggibile il testo bianco */
html body .testata #og-cerca{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.6);box-shadow:0 4px 18px rgba(10,15,40,.12);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html body .testata #og-cerca :is(input,.og-cl){text-shadow:0 1px 4px rgba(0,0,0,.75),0 0 12px rgba(0,0,0,.35)}
html body .testata #og-cerca input::placeholder{color:#fff}
html .testata .og-salti a.og-p,.og-salti a.og-p{background:color-mix(in srgb,var(--pc) 9%,transparent);border-color:rgba(255,255,255,.62);box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 1px 4px rgba(0,0,0,.75),0 0 12px rgba(0,0,0,.35)}
html .testata .og-salti a.og-p:hover{background:color-mix(in srgb,var(--pc) 24%,transparent)}
html .testata .og-salti a.og-p small,.og-salti a.og-p small{background:rgba(255,255,255,.16)}
/* v616 · nelle intestazioni di Oggi «Pausa» e la pillola sono allineati al centro del titolo (prima al centro di titolo + sottotitolo: 12 px più in basso; «non mi sembra centrato correttamente») */
@media (min-width:641px){
  .sez-oggi main>.og-sez>header.og-hb{align-items:flex-start}
  .og-hb .og-hico{align-self:center}
  .sez-oggi main>.og-sez>header.og-hb>:is(.og-pausa,a),.sez-oggi main>.og-sez>header.og-hb>.og-pausa+a{margin-top:calc(var(--h2-lh, 34px) / 2 - 22px)}
  .sez-oggi main>.og-sez>header.og-hb{--h2-lh:calc(clamp(26px,2.6vw,32px) * 1.05)}
}
/* v617 · Agenda (richieste dell'utente, 3/11/2026) */
/* titolo «Agenda della settimana» nascosto per risparmiare spazio: la testata tiene solo i filtri */
.ag-testa{margin-top:10px}
.ag-testa>div:first-child:has(> .solo-sr:only-child){display:contents}
/* barra dei giorni come fogli del calendario (proposta D della bozza https://claude.ai/artifact/PKCdYRgrnwSG4HcVtqstCV): testata colorata con gli anelli, numero con le grazie,
   pallini di eventi, concerti e film, «23 app.»; il giorno guardato ha la testata in sfumatura e si solleva inclinandosi appena */
.ag-sett,html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett{gap:10px;padding:12px 4px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (min-width:861px){ .ag-sett,html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett{padding:12px 4px 10px} }
.ag-sett a,.ag-sett a:hover{display:grid;align-content:start;justify-items:center;gap:0;min-height:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--surface);color:var(--ink);box-shadow:0 2px 10px rgba(15,19,27,.1);transition:transform .2s,box-shadow .2s}
.ag-sett a:hover{box-shadow:0 6px 16px rgba(15,19,27,.16)}
.ag-sett small,.ag-sett a:first-child small,.ag-sett a[aria-current="true"] small{position:relative;display:block;width:100%;padding:7px 0 6px;background:var(--accent);color:var(--accent-ink,#fff);font:700 11px/1 var(--display);letter-spacing:.1em;text-align:center;opacity:1}
.ag-sett small::before,.ag-sett small::after{content:"";position:absolute;top:-3px;width:5px;height:9px;border-radius:3px;background:color-mix(in srgb,var(--ink) 35%,var(--surface))}
.ag-sett small::before{left:28%}.ag-sett small::after{right:28%}
.ag-sett b,.ag-sett a:first-child b,.ag-sett a[aria-current="true"] b{display:block;width:auto;height:auto;padding:8px 0 2px;border-radius:0;background:none;box-shadow:none;color:inherit;font:700 30px/1 var(--serif)}
.ag-sett .ag-pt{min-height:7px;padding-bottom:4px}
.ag-sett .ag-napp{display:block;padding-bottom:8px;font-style:normal;font-size:12px;color:var(--ink-2)}
.ag-sett a[aria-current="true"]{background:var(--surface);color:var(--ink);transform:translateY(-4px) rotate(-2deg);box-shadow:0 10px 22px rgba(15,19,27,.2)}
.ag-sett a[aria-current="true"] small{background:linear-gradient(90deg,#5b3df5,#c2255c);color:#fff}
.ag-sett a[aria-current="true"] .ag-pt i{box-shadow:none}
@media (max-width:860px){ .ag-sett{gap:4px;padding:10px 2px 8px} .ag-sett b,.ag-sett a:first-child b,.ag-sett a[aria-current="true"] b{font-size:22px;padding-top:6px} .ag-sett small{font-size:10.5px;letter-spacing:.04em} .ag-sett .ag-napp{display:none} .ag-sett a{border-radius:10px} }
@media (prefers-reduced-motion:reduce){ .ag-sett a{transition:none} .ag-sett a[aria-current="true"]{transform:none} }
/* film divisi per cinema: un riquadro per cinema (nome e città, porta al programma) sopra il suo carosello */
.ag-cine{display:flex;align-items:center;gap:12px;margin:14px 0 10px;padding:10px 16px;border-radius:14px;background:linear-gradient(115deg,#121a3a 0%,#2c3f99 60%,#b4233f 100%);color:#fff;text-decoration:none}
.ag-cine:first-of-type{margin-top:6px}
.ag-cine-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16)}
.ag-cine-ic .ic{width:17px;height:17px;stroke:#fff}
.ag-cine-t{min-width:0;font:700 15px/1.2 var(--display);letter-spacing:.06em}
.ag-cine-t span{opacity:.82;font-weight:600}
.ag-cine em{margin-left:auto;flex:none;font-style:normal;font-size:13px;font-weight:600;opacity:.9;white-space:nowrap}
.ag-cine:hover em{text-decoration:underline;text-underline-offset:3px}
.ag-cine:focus-visible{outline:3px solid var(--link);outline-offset:3px}
@media (max-width:640px){ .ag-cine{padding:9px 12px;gap:10px} .ag-cine-t{font-size:13.5px} .ag-cine em{font-size:12px} }
/* v617 · sigle dei giorni a 12 px (minimo del sito) */
.ag-sett small,.ag-sett a:first-child small,.ag-sett a[aria-current="true"] small{font-size:12px}
@media (max-width:860px){ .ag-sett small,.ag-sett a:first-child small,.ag-sett a[aria-current="true"] small{font-size:12px;letter-spacing:0} }
/* v617 · il foglio del giorno scelto resta un foglio (fondo della scheda, numero nel colore del testo) anche in Taccuino e Vetrina scuro, che coloravano tutto il riquadro (v602) */
html[data-look] .ag-sett a[aria-current="true"],html[data-look] .ag-sett a{background:var(--surface);color:var(--ink)}
html[data-look] .ag-sett a[aria-current="true"] b{background:none;color:var(--ink)}
html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett a,html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett a[aria-current="true"]{background:#221a3d;color:#f4f1ff}
html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett a[aria-current="true"] b,html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett a b{color:#f4f1ff}
/* v617 · Vetrina scuro: le sigle dei giorni bianche sul viola chiaro del tema si leggevano a 3,5:1; un viola più scuro le porta sopra 4,5:1 */
html[data-look="vetrina"]:not([data-theme="light"]) .ag-sett a:not([aria-current="true"]) small{background:#5b3df5;color:#fff}
/* v618 · Agenda: «Quando» e «Dove» tirati su nella riga di Eventi · Concerti · Film (richiesta dell'utente, 3/11/2026: «va tirato su ed allineato con eventi concerti»).
   Il gruppo dei filtri sta dentro .ag-testa; da 641 px le etichette vanno sopra le pillole e tutte le pillole poggiano sulla stessa linea; se non c'è spazio la riga va a capo */
.ag-testa .ag-filtri2{margin:0}
@media (min-width:641px){
  .ag-testa{justify-content:flex-start;align-items:flex-end;gap:12px 28px}
  .ag-testa .ag-filtri2{display:contents}
  .ag-testa .ag-f2{flex-direction:column;align-items:flex-start;gap:6px}
  .ag-testa .ag-f2-t{min-width:0}
}
@media (min-width:641px) and (max-width:1280px){ .ag-testa .og-sleg button small{display:none} }
@media (max-width:640px){ .ag-testa{gap:10px} .ag-testa .ag-filtri2{width:100%} }
/* v618 · Agenda: un solo carosello di film con il nome del cinema in etichetta, in basso sulla locandina (i riquadri .ag-cine della v617 non ci sono più) */
.ag-fila .ag-loc{position:relative}
.ag-cin{position:absolute;left:8px;right:8px;bottom:8px;width:fit-content;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 9px;border-radius:var(--r-pill);background:rgba(10,12,24,.82);color:#fff;font:700 12px/1.2 var(--display);letter-spacing:.03em;font-style:normal;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
@media (max-width:640px){ .ag-testa .ag-f2 .og-sleg{flex-wrap:nowrap;gap:6px;max-width:100%;overflow-x:auto;scrollbar-width:none} .ag-testa .ag-f2 .og-sleg::-webkit-scrollbar{display:none} .ag-testa .ag-f2 .og-sleg button{flex:none;gap:5px;padding:0 11px} }
/* v619 · Agenda: torna la barra sfumata dei film (v617), una sola sopra il carosello, con i cinema uno accanto all'altro (richiesta dell'utente, 3/11/2026) */
.ag-cine-bar{flex-wrap:nowrap;gap:12px;padding:8px 10px 8px 14px;margin:6px 0 10px}
.ag-cine-l{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}
.ag-cine-l::-webkit-scrollbar{display:none}
.ag-cine-l a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;color:#fff;text-decoration:none;font:700 14px/1 var(--display);letter-spacing:.05em;opacity:.78;transition:background .2s,opacity .2s}
.ag-cine-l a span{font-weight:600;opacity:.8}
.ag-cine-l a em{font-style:normal;min-width:22px;height:22px;display:inline-grid;place-items:center;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.18);font:700 12px var(--body);letter-spacing:0}
.ag-cine-l a:hover{opacity:1;background:rgba(255,255,255,.1)}
.ag-cine-l a[aria-current="true"]{opacity:1;background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.ag-cine-l a:focus-visible,.ag-cine-prog:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ag-cine-prog{margin-left:auto;flex:none;display:inline-flex;align-items:center;min-height:44px;color:#fff;font:600 13px var(--body);text-decoration:none;white-space:nowrap;opacity:.92;padding:0 6px}
.ag-cine-prog:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){ .ag-cine-bar{padding:6px 8px 6px 10px;gap:8px} .ag-cine-bar .ag-cine-ic{display:none} .ag-cine-l a{font-size:12.5px;padding:0 10px} .ag-cine-l a span{display:none} .ag-cine-prog{font-size:12px} }
/* v620 · Oggi: foto della hero che cambiano da sole (10 coppie img/hero-oggi-*, richiesta dell'utente del 3/11/2026) e ricerca B «Cosa · Quando · Dove»
   (bozza https://claude.ai/artifact/JHmUThqo4aG63pvqir7ZNS, scelta B). La prima foto cambia ogni giorno ed è nel CSS; le altre le mette js/pubblico-oggi.js in .og-foto */
html body .testata-oggi{--foto:var(--foto-pc);--pos:center 55%}
@media (max-width:720px){ html body .testata-oggi{--foto:var(--foto-tel);--pos:center bottom} }
.testata-oggi .og-foto{position:absolute;inset:0;z-index:-2;pointer-events:none}
.testata-oggi .og-foto i{position:absolute;inset:0;background:center 55%/cover no-repeat;opacity:0;transition:opacity 1.4s ease}
.testata-oggi .og-foto i.on{opacity:1}
@media (max-width:720px){ .testata-oggi .og-foto i{background-position:center bottom} }
html body .testata-oggi::after{background:linear-gradient(90deg,rgba(10,12,24,.74) 0%,rgba(10,12,24,.48) 42%,rgba(10,12,24,.1) 78%,rgba(10,12,24,0) 100%)}
@media (max-width:720px){ html body .testata-oggi::after{background:linear-gradient(180deg,rgba(10,12,24,.78) 0%,rgba(10,12,24,.5) 50%,rgba(10,12,24,.2) 100%)} }
.og-fpausa{position:absolute;top:14px;right:14px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(10,12,24,.34);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.og-fpausa svg{width:18px;height:18px;fill:currentColor}
.og-fpausa .fp-v,.og-fpausa.og-fferma .fp-1,.og-fpausa.og-fferma .fp-2{display:none}
.og-fpausa.og-fferma .fp-v{display:inline}
.og-fpausa:hover{background:rgba(10,12,24,.55)}
.og-fpausa:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (prefers-reduced-motion:reduce){ .testata-oggi .og-foto i{transition:none} .og-fpausa{display:none} }
/* ricerca B: barra bianca a tre campi con il pulsante tondo; i campi sono separati da un filo; i menu sono <select> veri */
html body .testata #og-cerca.og-cercab{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:0;width:min(860px,100%);min-height:68px;padding:6px;border:0;border-radius:999px;background:#fff;color:#151827;box-shadow:0 14px 36px rgba(8,10,30,.32);-webkit-backdrop-filter:none;backdrop-filter:none}
html body .testata #og-cerca.og-cercab label{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;height:100%;padding:0 20px;border-radius:999px;cursor:pointer}
html body .testata #og-cerca.og-cercab label+label{box-shadow:-1px 0 0 #e3e5ee}
html body .testata #og-cerca.og-cercab label:hover{background:#f2f3f8}
html body .testata #og-cerca.og-cercab label:focus-within{outline:3px solid var(--accent,#3044d0);outline-offset:-3px;border-radius:999px}
html body .testata #og-cerca.og-cercab .og-cl{margin:0;color:#151827;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-shadow:none}
html body .testata #og-cerca.og-cercab :is(input,select){width:100%;min-height:24px;padding:0;border:0;background:transparent;color:#4d5368;font:500 15px/1.3 inherit;font-family:inherit;text-shadow:none;outline:none;box-shadow:none}
html body .testata #og-cerca.og-cercab input::placeholder{color:#6b7088}
html body .testata #og-cerca.og-cercab select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d5368' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right center/14px no-repeat;white-space:nowrap;text-overflow:ellipsis}
html body .testata #og-cerca.og-cercab select option{background:#fff;color:#151827}
html body .testata #og-cerca.og-cercab #og-vai{width:56px;height:56px;min-height:56px;margin-left:4px;border-radius:50%;background:linear-gradient(135deg,#3044d0,#7c3aed);color:#fff}
html body .testata #og-cerca.og-cercab #og-vai span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html body .testata #og-cerca.og-cercab #og-vai .ic{width:22px;height:22px}
.og-ris .og-tutto a{justify-content:center;min-height:46px;color:var(--link);font-weight:700}
@media (max-width:720px){
  html body .testata #og-cerca.og-cercab{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;min-height:0;padding:6px;border-radius:20px}
  html body .testata #og-cerca.og-cercab label{height:auto;min-height:52px;padding:8px 14px;border-radius:14px}
  html body .testata #og-cerca.og-cercab label.c-cosa{grid-column:1/-1;box-shadow:0 1px 0 #e3e5ee;border-radius:14px 14px 0 0}
  html body .testata #og-cerca.og-cercab label.c-quando{box-shadow:none}
  html body .testata #og-cerca.og-cercab label.c-dove{box-shadow:-1px 0 0 #e3e5ee}
  html body .testata #og-cerca.og-cercab label:focus-within{border-radius:14px}
  html body .testata #og-cerca.og-cercab #og-vai{grid-column:1/-1;display:flex;gap:8px;justify-content:center;align-items:center;width:100%;height:48px;min-height:48px;margin:4px 0 0;border-radius:14px;font-weight:700;font-size:15px}
  html body .testata #og-cerca.og-cercab #og-vai span{position:static;width:auto;height:auto;overflow:visible;clip:auto}
}
@media (max-width:720px){ html body .testata-oggi .og-occh{padding-right:52px} }
/* v620 · la prima foto della hero di Oggi (una classe per foto: la CSP del sito non permette style="" nell'HTML) */
.testata-oggi.fo-concerti{--foto-pc:url(/img/hero-oggi-concerti-pc.webp);--foto-tel:url(/img/hero-oggi-concerti-tel.webp)}
.testata-oggi.fo-aperitivo{--foto-pc:url(/img/hero-oggi-aperitivo-pc.webp);--foto-tel:url(/img/hero-oggi-aperitivo-tel.webp)}
.testata-oggi.fo-trekking{--foto-pc:url(/img/hero-oggi-trekking-pc.webp);--foto-tel:url(/img/hero-oggi-trekking-tel.webp)}
.testata-oggi.fo-ristorante{--foto-pc:url(/img/hero-oggi-ristorante-pc.webp);--foto-tel:url(/img/hero-oggi-ristorante-tel.webp)}
.testata-oggi.fo-festa{--foto-pc:url(/img/hero-oggi-festa-pc.webp);--foto-tel:url(/img/hero-oggi-festa-tel.webp)}
.testata-oggi.fo-cinema{--foto-pc:url(/img/hero-oggi-cinema-pc.webp);--foto-tel:url(/img/hero-oggi-cinema-tel.webp)}
.testata-oggi.fo-eventi-citta{--foto-pc:url(/img/hero-oggi-eventi-citta-pc.webp);--foto-tel:url(/img/hero-oggi-eventi-citta-tel.webp)}
.testata-oggi.fo-esperienze{--foto-pc:url(/img/hero-oggi-esperienze-pc.webp);--foto-tel:url(/img/hero-oggi-esperienze-tel.webp)}
.testata-oggi.fo-cultura{--foto-pc:url(/img/hero-oggi-cultura-pc.webp);--foto-tel:url(/img/hero-oggi-cultura-tel.webp)}
.testata-oggi.fo-benessere{--foto-pc:url(/img/hero-oggi-benessere-pc.webp);--foto-tel:url(/img/hero-oggi-benessere-tel.webp)}
@media (max-width:720px){ html body .testata #og-cerca.og-cercab :is(input,select){min-height:44px;margin:-10px 0 -10px} html body .testata #og-cerca.og-cercab label{padding-top:8px;padding-bottom:8px} }
/* ===== v621 · pagina Eventi: sintesi A + B (bozza https://claude.ai/artifact/9RZbSWZjNgvehC13iqbNjw, scelta dell'utente del 3/11/2026).
   In testa l'evento in evidenza (foto a sinistra, testo a destra), sotto le locandine in griglia per mese. Foto intera davanti e la stessa sfocata dietro. ===== */
.evx-testa .evx-sotto{display:block;max-width:60ch;margin-top:8px;color:rgba(255,255,255,.9);font-size:16px;line-height:1.45}
.evx-fil{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:16px 0 18px}
.evx-fil[hidden]{display:none}
.evx-pill{display:flex;flex-wrap:wrap;gap:8px}
.evx-pill button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:1px solid var(--ln);border-radius:999px;background:var(--surface);color:var(--ink);font:600 15px var(--display);cursor:pointer;transition:background .15s,border-color .15s}
.evx-pill button b{font-weight:700;opacity:.6}
.evx-pill button:hover{border-color:var(--ink-2)}
.evx-pill button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.evx-pill button:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.evx-cerca{flex:1 1 220px;max-width:360px}
.evx-cerca input{width:100%;min-height:44px;padding:0 16px;border:1px solid var(--ln);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit}
@media (max-width:640px){ .evx-pill{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;margin-inline:-16px;padding-inline:16px} .evx-pill::-webkit-scrollbar{display:none} .evx-pill button{flex:none;font-size:14px;padding:0 14px} }
/* foto */
.evx-ph{position:relative;display:block;overflow:hidden;isolation:isolate;background:#1b1f33}
.evx-ph .evx-bk{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);max-width:none;object-fit:cover;filter:blur(20px) saturate(1.3) brightness(.85);z-index:-1}
.evx-ph .evx-im{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.evx-vuota{display:grid;place-items:center;background:linear-gradient(150deg,var(--c,#475569),color-mix(in srgb,var(--c,#475569) 55%,#000))}
.evx-vuota .evx-ico{width:56px;height:56px;color:#fff;opacity:.85}
.evx-data{position:absolute;left:12px;top:12px;display:grid;justify-items:center;min-width:54px;padding:6px 8px 7px;border-radius:12px;background:rgba(255,255,255,.95);color:#151827;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.evx-data small{font:700 12px/1 var(--display);letter-spacing:.08em;color:#be123c}
.evx-data b{font:700 24px/1.05 var(--serif)}
.evx-data i{font:600 12px/1 var(--display);font-style:normal;letter-spacing:.06em;color:#575d73}
.evx-piu{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:rgba(10,12,28,.8);color:#fff;font:700 12px var(--display)}
/* pillole e righe di dati */
.evx-tags{display:flex;flex-wrap:wrap;gap:6px}
.evx-tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--c,#475569);color:#fff;font:700 12px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}
.evx-tag.evx-tag-p{background:var(--kc,#475569)}
.evx-meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--ink-2);font-size:14px}
.evx-meta>span{display:inline-flex;align-items:center;gap:6px;min-width:0}
.evx-meta .ic{width:16px;height:16px;flex:none}
/* in evidenza */
.evx-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin:0 0 30px;border:1px solid var(--ln);border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 6px 24px rgba(20,24,50,.08)}
.evx-top[hidden],.evx-c[hidden],.evx-mese[hidden]{display:none}
.evx-tlink{display:block;min-height:340px}
.evx-tph{height:100%;min-height:340px}
.evx-tbd{display:grid;align-content:center;gap:12px;padding:28px 32px}
.evx-occh{font:700 12px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--link)}
.evx-tbd h2{margin:0;font:700 clamp(26px,2.6vw,34px)/1.08 var(--serif);text-wrap:balance}
.evx-tbd h2 a{color:var(--ink);text-decoration:none}
.evx-tbd h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.evx-tbd p{margin:0;color:var(--ink-2);max-width:52ch;line-height:1.55}
.evx-az{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.evx-az .btn{min-height:44px}
@media (max-width:860px){ .evx-top{grid-template-columns:1fr} .evx-tlink,.evx-tph{min-height:0} .evx-tph{aspect-ratio:4/3} .evx-tbd{padding:18px 18px 20px} }
/* mesi e locandine */
.evx-mese{margin:0 0 30px}
.evx-mese>header{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}
.evx-mese h2{margin:0;font:700 26px/1.1 var(--serif)}
.evx-griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:1000px){ .evx-griglia{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} }
@media (max-width:600px){ .evx-griglia{grid-template-columns:1fr} }
.evx-c{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--ln);border-radius:18px;overflow:hidden;background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:0 2px 10px rgba(20,24,50,.06);transition:transform .2s,box-shadow .2s}
.evx-c:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,24,50,.14)}
.evx-c:focus-visible{outline:3px solid var(--link);outline-offset:3px}
.evx-cph{aspect-ratio:4/3}
.evx-bd{display:grid;align-content:start;gap:8px;padding:14px 16px 16px}
.evx-t{font:700 19px/1.2 var(--serif);text-wrap:balance}
.evx-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-top:10px;border-top:1px solid var(--ln);font-size:13.5px;color:var(--ink-2)}
.evx-foot>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evx-foot b{flex:none;color:var(--ink)}
.evx-nulla{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.evx-nulla[hidden]{display:none}
@media (prefers-reduced-motion:reduce){ .evx-c{transition:none} .evx-c:hover{transform:none} }
/* ===== v621 · scheda dell'evento (non i concerti) come nella bozza approvata («la scheda dell'evento è bellissima!», 3/11/2026) ===== */
.evento.evs{margin-top:12px}
.evs-top{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:34px;align-items:center;padding:30px;border-radius:24px;background:#1b1f33;color:#fff}
.evs-top>.evs-bk{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);max-width:none;object-fit:cover;filter:blur(36px) saturate(1.4) brightness(.5);z-index:-1}
.evs-top .evs-ph{aspect-ratio:4/3;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.evs-tbd{display:grid;gap:12px;align-content:center;min-width:0}
.evs-crumb{justify-self:start;color:rgba(255,255,255,.88);font:600 14px var(--display);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.evs-crumb:hover{text-decoration:underline;text-underline-offset:3px}
.evs-top h1{margin:0;color:#fff;font:700 clamp(30px,3.8vw,50px)/1.04 var(--serif);text-wrap:balance}
.evs-top .evs-meta{color:rgba(255,255,255,.92);font-size:15.5px}
.evs-date{display:flex;flex-wrap:wrap;gap:6px}
.evs-date>*{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.14);color:#fff;font:600 13.5px var(--display);text-decoration:none}
.evs-date a:hover{background:rgba(255,255,255,.24)}
.evs-date .on{background:#fff;color:#151827;border-color:#fff}
.evs-az{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.evs-az .btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;font:600 15px var(--display);text-decoration:none}
.evs-az .evs-pri{background:#fff;color:#151827;border:1px solid #fff}
.evs-az .evs-sec{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.38)}
.evs-az .evs-sec:hover{background:rgba(255,255,255,.24)}
.evs-az .btn:focus-visible,.evs-date a:focus-visible,.evs-crumb:focus-visible{outline:3px solid #fff;outline-offset:2px}
.evs-corpo{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;margin-top:26px;align-items:start}
.evs-main{display:grid;gap:18px;min-width:0}
.evs-main{grid-template-columns:minmax(0,1fr)}   /* v650: una colonna mai più larga dello schermo (la striscia dei giorni negli orari dei film allargava la pagina a telefono) */
.evs-sez{padding:24px 26px;border:1px solid var(--ln);border-radius:18px;background:var(--surface)}
.evs-sez h2{margin:0 0 12px;font:700 22px/1.2 var(--serif)}
.evs-punti{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px}
.evs-punti>div{padding:12px 14px;border-radius:14px;background:var(--accent-soft,#eef0fb)}
.evs-punti small{display:block;font:700 12px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.evs-punti b{font:700 17px/1.3 var(--display);color:var(--ink)}
.evs-desc p{margin:0 0 12px;max-width:65ch;line-height:1.65}
.evs-desc strong{color:var(--ink)}
.evs-lato{position:sticky;top:16px;display:grid;gap:12px;padding:20px;border:1px solid var(--ln);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px rgba(20,24,50,.08)}
.evs-lato .info{margin:0}
.evs-lato .btn{width:100%;justify-content:center}
.evs-prezzo{font:700 24px var(--serif)}
.evs-nota{margin:-4px 0 0;color:var(--ink-2);font-size:13px;text-align:center}
.evs-org{display:flex;gap:12px;align-items:center;padding-top:12px;border-top:1px solid var(--ln)}
.evs-av{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#475569;color:#fff;font:700 15px var(--display)}
.evs-org b{display:block;color:var(--ink)}.evs-org small{color:var(--ink-2);font-size:13.5px}
.evs-barra{display:none}
@media (max-width:900px){
  .evs-top{grid-template-columns:1fr;gap:18px;padding:16px;border-radius:20px}
  .evs-top h1{font-size:30px}
  .evs-corpo{grid-template-columns:1fr;gap:16px}
  .evs-lato{position:static}
  .evs-sez{padding:18px}
  .evs-barra{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px -4px 0;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border:1px solid var(--ln);border-radius:16px;background:var(--surface);box-shadow:0 -6px 20px rgba(20,24,50,.14)}
  .evs-barra b{display:block;font:700 18px var(--serif);color:var(--ink)}
  .evs-barra small{color:var(--ink-2);font-size:13px}
  .evs-barra .btn{min-height:44px;padding:0 22px}
}
.evs-lato .info{display:flex;flex-direction:column;gap:16px;padding:0;list-style:none;font-size:15.5px}
.evs-lato .info li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;line-height:1.45;overflow-wrap:anywhere}
.evs-lato .info small{display:block;margin-bottom:2px;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2)}
@media (max-width:900px){ .evs-lato{order:-1} }
.evx-foot b{white-space:nowrap}
/* v622 · Oggi: «Tutta l'agenda» resta a destra anche quando la Pausa è nascosta (pochi appuntamenti, il carosello non scorre; segnalazione dell'utente, 3/11/2026:
   «il pulsante Tutta l'agenda è finito troppo sotto a stasera») */
.sez-oggi main>.og-sez>header.og-hb>.og-pausa[hidden]+a{margin-left:auto}
/* v622 · foto della hero di Oggi centrate più in alto a computer: sugli schermi larghi la hero è molto più larga che alta e la foto si taglia sopra e sotto;
   al 25 % restano le teste (segnalazione dell'utente, 3/11/2026: «puoi centrare meglio le immagini di cosa fai stasera?» → «A computer») */
@media (min-width:721px){ html body .testata-oggi{--pos:center 25%} .testata-oggi .og-foto i{background-position:center 25%} }
/* v622 · scheda dell'evento (richieste dell'utente, 3/11/2026: «mettere in risalto con un colore rosso il bottone ← Tutti gli eventi», «la mappa dove si trova è più corta
   rispetto alla descrizione»): il ritorno all'elenco è una pillola rossa; «Dove si trova» è largo quanto la colonna (prima al massimo 680 px), con la mappa alta 300 px */
.evs-crumb{min-height:44px;padding:0 16px;border-radius:999px;background:#d61f45;color:#fff;font-weight:700;box-shadow:0 4px 14px rgba(214,31,69,.35);text-decoration:none}
.evs-crumb:hover{background:#b8173a;text-decoration:none}
.evs .sc-extra{display:grid;gap:18px;margin:0}
.evento .sc-extra .sc-box.sc-dove{max-width:none}
.evs .sc-extra .sc-box.sc-dove{gap:12px;padding:24px 26px;border:1px solid var(--ln);border-radius:18px}
.evs .sc-extra .sc-box.sc-dove h2{font:700 22px/1.2 var(--serif)}
.evento .sc-extra .sc-dove .sc-mappa{aspect-ratio:auto;height:300px}
@media (max-width:640px){ .evento .sc-extra .sc-dove .sc-mappa{height:220px} .evs .sc-extra .sc-box.sc-dove{padding:18px} }
/* v622 · Agenda (e caroselli di Oggi e Cinema): niente barra di scorrimento sotto i caroselli (segnalazione dell'utente, 3/11/2026: «in agenda in films c'è la barra sotto
   il carosello che è molto brutta, si può togliere»); si scorre con le frecce, la rotella, il dito e i tasti freccia */
.og-caro .og-track{scrollbar-width:none;-ms-overflow-style:none}
.og-caro .og-track::-webkit-scrollbar{display:none;height:0}
/* ===== v623 · Cinema: «Quando» e «Cinema» nella testata come pillole di vetro (proposta B della bozza https://claude.ai/artifact/7gY3rmNyGERZdorP8DYndZ, scelta dell'utente
   del 3/11/2026). «Tipo» non si mostra più (la pagina ha già «Film in sala» e «Prossime uscite»); le pillole «Programma completo» lasciano il posto a un solo
   collegamento al programma del cinema scelto (js/pubblico.js). Senza script restano i collegamenti di prima. ===== */
body.sez-cinema .testata .ev-filtri.cine-testata{display:grid;gap:10px;margin:14px 0 0;padding:0;background:none;border:0;border-radius:0;overflow:visible;-webkit-mask-image:none;mask-image:none}
body.sez-cinema .testata .ev-filtri.cine-testata .ev-f{display:flex;align-items:center;gap:8px 10px;min-width:0;margin:0;padding:0;background:none;border:0}
body.sez-cinema .testata .ev-filtri.cine-testata .ev-f:has(#chips),body.sez-cinema .testata .ev-filtri.cine-testata .ev-f:has(#chips-prov){display:none}
body.sez-cinema .testata .ev-filtri.cine-testata .ev-f-t{flex:none;min-width:72px;color:rgba(255,255,255,.88);font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js){display:flex;flex-wrap:wrap;gap:8px;padding:0;background:none;border-radius:0}
body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js) button,body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js) button[aria-pressed="false"]{min-height:44px;padding:0 15px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:600;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js) button :is(b,small){color:inherit;opacity:.78}
body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js) button:hover{background:rgba(255,255,255,.22);color:#fff}
body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js) button[aria-pressed="true"]{background:#fff;border-color:#fff;color:#151827;box-shadow:0 4px 14px rgba(0,0,0,.18)}
body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js) button[aria-pressed="true"] :is(b,small){color:#575d73;opacity:1}
body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js) button:focus-visible{outline:3px solid #fff;outline-offset:2px}
body.sez-cinema .testata .ev-filtri.cine-testata #cine-seg button::before{box-shadow:0 0 0 2px rgba(255,255,255,.7)}
body.sez-cinema .testata .ev-filtri.cine-testata .cine-prog{justify-self:start;display:inline-flex;align-items:center;min-height:44px;color:#fff;font:600 14px var(--display);text-decoration:underline;text-underline-offset:3px}
body.sez-cinema .testata .ev-filtri.cine-testata .cine-prog[hidden]{display:none}
body.sez-cinema.cine-seg .testata .cinema-links{display:none}
@media (max-width:640px){
  body.sez-cinema .testata .ev-filtri.cine-testata .ev-f{flex-wrap:nowrap}
  body.sez-cinema .testata .ev-filtri.cine-testata .ev-f-t{min-width:0}
  body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0}
  body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js)::-webkit-scrollbar{display:none}
  body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js) button{flex:none}
}
@media (max-width:640px){ body.sez-cinema .testata .ev-filtri.cine-testata .ev-f{max-width:100%;overflow:visible} body.sez-cinema .testata .ev-filtri.cine-testata .ev-f-t{flex:none;min-width:58px} }
body.sez-cinema .testata .ev-filtri.cine-testata{grid-template-columns:minmax(0,1fr);min-width:0}
body.sez-cinema .testata .ev-filtri.cine-testata :is(.rapidi,.chips-js){flex:1 1 auto;min-width:0}
/* v624 · Oggi: a computer la hero segue le proporzioni delle foto (2800×640), così la foto si vede intera a ogni larghezza
   (segnalazione dell'utente, 4/11/2026: «le pagine dell'hero sono ancora troppo ingrandite»: a 1920 px se ne vedeva il 73 % in altezza, a 2560 px la metà).
   l'altezza minima è la larghezza della hero (pagina meno i margini, al massimo 1952 px) × 640/2800; se il contenuto è più alto (schermi stretti) la hero cresce. Niente aspect-ratio: con overflow:hidden non cede al contenuto */
@media (min-width:721px){ html body .testata-oggi{min-height:calc(min(100vw - 48px,1952px)*640/2800);--pos:center center} html body .testata-oggi .og-foto i{background-position:center center} }
/* v624 · Oggi: la barra Cosa · Quando · Dove diventa vetro trasparentissimo (richiesta dell'utente, 4/11/2026: «la barra cosa quando dove in oggi va resa super trasparente»):
   fondo bianco al 6 % con una leggera sfocatura della foto dietro (tiene leggibile il testo), bordo bianco sottile, scritte bianche con ombra; resta il pulsante tondo colorato */
html body .testata #og-cerca.og-cercab{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.55);color:#fff;box-shadow:0 6px 22px rgba(8,10,30,.14);-webkit-backdrop-filter:blur(6px) saturate(1.2);backdrop-filter:blur(6px) saturate(1.2)}
html body .testata #og-cerca.og-cercab label+label{box-shadow:-1px 0 0 rgba(255,255,255,.38)}
html body .testata #og-cerca.og-cercab label:hover{background:rgba(255,255,255,.12)}
html body .testata #og-cerca.og-cercab label:focus-within{outline-color:#fff}
html body .testata #og-cerca.og-cercab .og-cl{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}
html body .testata #og-cerca.og-cercab :is(input,select){color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}
html body .testata #og-cerca.og-cercab input::placeholder{color:rgba(255,255,255,.88)}
html body .testata #og-cerca.og-cercab select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
html body .testata #og-cerca.og-cercab select option{background:#fff;color:#151827;text-shadow:none}
@media (max-width:720px){
  html body .testata #og-cerca.og-cercab label.c-cosa{box-shadow:0 1px 0 rgba(255,255,255,.38)}
  html body .testata #og-cerca.og-cercab label.c-dove{box-shadow:-1px 0 0 rgba(255,255,255,.38)}
}
/* v625 · Oggi più viva (richiesta dell'utente, 4/11/2026: «più elegante figa accattivante… animazioni, ombreggiature, la struttura deve rimanere»;
   bozza https://claude.ai/artifact/LKJGAV4RZWpfatmkWSyNhp, approvate le proposte 1, 3, 4, 5, 6, 7, 8; la 2 «schede più pulite» no) */
/* 1 · la hero entra in scena: occhiello, titolo, sottotitolo, ricerca e pillole salgono in sequenza (meno di un secondo e mezzo) */
@keyframes og-sale{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.testata-oggi .og-occh,.testata-oggi .hero h1,.testata-oggi .og-sottotit,.testata-oggi #og-cerca,.testata-oggi .og-salti a{animation:og-sale .75s cubic-bezier(.2,.8,.2,1) both}
.testata-oggi .hero h1{animation-delay:.08s}.testata-oggi .og-sottotit{animation-delay:.16s}.testata-oggi #og-cerca{animation-delay:.26s}
.testata-oggi .og-salti a:nth-child(1){animation-delay:.36s}.testata-oggi .og-salti a:nth-child(2){animation-delay:.42s}.testata-oggi .og-salti a:nth-child(3){animation-delay:.48s}
.testata-oggi .og-salti a:nth-child(4){animation-delay:.54s}.testata-oggi .og-salti a:nth-child(n+5){animation-delay:.6s}
html body .testata .og-salti a{transition:background .2s,transform .2s,box-shadow .2s}
@media (hover:hover){ html body .testata .og-salti a:hover{transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
  html body .testata #og-cerca.og-cercab #og-vai{transition:transform .2s,box-shadow .2s} html body .testata #og-cerca.og-cercab #og-vai:hover{transform:scale(1.06);box-shadow:0 0 0 6px rgba(124,58,237,.3)} }
/* i trattini delle foto: uno per foto, quello di adesso si riempie in 7 s (come il cambio) */
.testata-oggi .og-fsegni{position:absolute;right:22px;bottom:20px;z-index:1;display:flex;gap:5px;pointer-events:none}
.testata-oggi .og-fsegni:empty{display:none}
.testata-oggi .og-fsegni i{position:relative;width:18px;height:4px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.35)}
.testata-oggi .og-fsegni i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.testata-oggi .og-fsegni i.og-fs-fatto::after{transform:scaleX(1)}
.testata-oggi .og-fsegni i.og-fs-ora::after{animation:og-riempi 7s linear forwards}
.testata-oggi.og-fsosta .og-fsegni i.og-fs-ora::after{animation-play-state:paused}
@keyframes og-riempi{to{transform:scaleX(1)}}
@media (max-width:720px){ .testata-oggi .og-fsegni{right:auto;left:50%;bottom:7px;transform:translateX(-50%);gap:4px} .testata-oggi .og-fsegni i{width:12px;height:3px} }   /* a telefono in basso al centro, sotto le pillole (in alto toccava il titolo) */
/* 3 · movimento al passaggio del mouse (solo dove c'è un mouse): la scheda si alza, l'icona ruota, un riflesso scorre; le frecce dei caroselli compaiono sopra il carosello */
.sez-oggi .og-caro .og-track{padding-top:8px;margin-top:-8px;padding-bottom:18px;margin-bottom:-14px}
@media (hover:hover){
  .sez-oggi .og-card .og-vai{transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  .sez-oggi .og-card .og-vai:hover{transform:translateY(-5px)}
  .sez-oggi .og-card .og-cop{transition:box-shadow .28s}
  .sez-oggi .og-card .og-vai:hover .og-cop{box-shadow:0 18px 30px -14px rgba(30,20,90,.55)}
  .sez-oggi .og-card .og-em{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .sez-oggi .og-card .og-vai:hover .og-em{transform:rotate(-10deg) scale(1.15)}
  .sez-oggi .og-card .og-cop::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-100%);transition:transform .7s}
  .sez-oggi .og-card .og-vai:hover .og-cop::after{transform:translateX(100%)}
  .sez-oggi .og-caro .og-ca{opacity:0;transition:opacity .2s,background .15s}
  .sez-oggi .og-caro:hover .og-ca,.sez-oggi .og-caro:focus-within .og-ca{opacity:.92}
  .sez-oggi .og-hb .og-vaiwe b{display:inline-block;transition:transform .25s}
  .sez-oggi .og-hb .og-vaiwe:hover b{transform:translateX(4px)}
  .sez-oggi .og-righe .og-riga>a{transition:background .2s}
  .sez-oggi .og-righe .og-riga>a:hover{background:color-mix(in srgb,var(--link,#3044d0) 7%,transparent)}
}
.sez-oggi .og-card .og-cop{position:relative;overflow:hidden}
/* 4 · «In corso» (pallino rosso che pulsa) e «Tra N min» (pallino giallo) nelle schede di Stasera; al posto dell'orario */
.sez-oggi .og-cop .og-vivo{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:rgba(10,12,30,.62);color:#fff;font-size:12.5px;font-weight:700;line-height:1.2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.sez-oggi .og-cop .og-vivo i{width:8px;height:8px;border-radius:50%;background:#fbbf24}
.sez-oggi .og-cop .og-vivo.og-vcorso i{background:#f43f5e;animation:og-batte 1.6s infinite}
@keyframes og-batte{0%{box-shadow:0 0 0 0 rgba(244,63,94,.7)}70%{box-shadow:0 0 0 8px rgba(244,63,94,0)}100%{box-shadow:0 0 0 0 rgba(244,63,94,0)}}
.sez-oggi .og-card.og-havivo .og-bol{visibility:hidden}
/* 5 · «Tutta la serata»: la linea «Adesso» e ciò che è già passato attenuato */
.sez-oggi .og-serata>li.og-passato{opacity:.5;transition:opacity .3s}
.sez-oggi .og-serata>li.og-passato:hover,.sez-oggi .og-serata>li.og-passato:focus-within{opacity:1}
.sez-oggi .og-serata>li.og-adesso{display:flex;align-items:center;gap:10px;margin:6px 0;break-inside:avoid;color:#e11d48;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sez-oggi .og-serata>li.og-adesso::before{content:"";flex:none;width:11px;height:11px;margin-left:6px;border-radius:50%;background:#e11d48;box-shadow:0 0 0 4px rgba(225,29,72,.22)}
.sez-oggi .og-serata>li.og-adesso::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#e11d48,transparent)}
html[data-theme="dark"] .sez-oggi .og-serata>li.og-adesso{color:#fb7185}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) .sez-oggi .og-serata>li.og-adesso{color:#fb7185} }
/* 6 · «Al cinema oggi»: gli spettacoli passati spenti, il prossimo pieno con «prossimo» sopra */
.sez-oggi #cinema .og-ore{padding-top:16px}
.sez-oggi #cinema .og-ore>span{position:relative}
.sez-oggi #cinema .og-ore>span.og-via{opacity:.5;text-decoration:line-through;background:transparent}
.sez-oggi #cinema .og-ore>span.og-dopo{background:#3044d0;border-color:#3044d0;color:#fff;box-shadow:0 6px 14px -6px #3044d0}   /* blu fisso: col bianco sopra si legge in tutti i temi (con var(--link) nel tema scuro 2,1:1) */
.sez-oggi #cinema .og-ore>span.og-dopo em{position:absolute;left:50%;top:-18px;transform:translateX(-50%);color:var(--link,#3044d0);font-style:normal;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-decoration:none}
/* 7 · sezioni con profondità: ombra un po' più piena, icone con alone, la sezione sale appena quando arriva scorrendo */
html body.sez-oggi main>.og-sez,html body.sez-oggi main>.og-due>.og-sez{box-shadow:0 1px 2px rgba(16,24,40,.05),0 18px 40px -16px rgba(30,40,110,.22)}
html[data-theme="dark"] body.sez-oggi main>.og-sez,html[data-theme="dark"] body.sez-oggi main>.og-due>.og-sez{box-shadow:0 1px 2px rgba(0,0,0,.35),0 18px 40px -16px rgba(0,0,0,.7)}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) body.sez-oggi main>.og-sez,html:not([data-theme="light"]) body.sez-oggi main>.og-due>.og-sez{box-shadow:0 1px 2px rgba(0,0,0,.35),0 18px 40px -16px rgba(0,0,0,.7)} }
.og-hb .og-hico,.sez-oggi .og-blocco .og-hic{box-shadow:0 8px 20px -6px rgba(124,58,237,.6)}
.sez-oggi .og-compare{animation:og-compare .7s cubic-bezier(.2,.8,.2,1)}
@keyframes og-compare{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:none}}
/* 8 · l'invito finale: un riflesso lento ruota sul fondo, il pulsante si solleva */
.sez-oggi .og-cta{position:relative;overflow:hidden;isolation:isolate}
.sez-oggi .og-cta::before{content:"";position:absolute;inset:-60%;z-index:-1;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,255,255,.14) 80%,transparent 90%);animation:og-gira 10s linear infinite}
@keyframes og-gira{to{transform:rotate(1turn)}}
.sez-oggi .og-cta a.btn{transition:transform .25s,box-shadow .25s}
@media (hover:hover){ .sez-oggi .og-cta a.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -8px rgba(0,0,0,.5)} }
@media (prefers-reduced-motion:reduce){
  .testata-oggi .og-occh,.testata-oggi .hero h1,.testata-oggi .og-sottotit,.testata-oggi #og-cerca,.testata-oggi .og-salti a,.sez-oggi .og-compare,.sez-oggi .og-cta::before,.sez-oggi .og-cop .og-vivo i{animation:none}
  .sez-oggi .og-card .og-vai,.sez-oggi .og-card .og-em,.sez-oggi .og-card .og-cop::after{transition:none}
}
.sez-oggi .og-track>.og-card{position:relative}   /* v625: il testo per i lettori dello schermo («· In corso», .solo-sr assoluto) resta dentro il carosello; prima la pagina scorreva di lato */
@media (max-width:640px){ .sez-oggi .og-cop .og-vivo{top:8px;left:8px;padding:3px 8px 3px 6px;font-size:11.5px} .sez-oggi .og-card.og-havivo .og-em{display:none} }   /* v625: a telefono il distintivo non copre l'icona: l'icona si toglie */
/* v626 · Agenda: i filtri in una striscia su una riga (richiesta dell'utente, 4/11/2026, bozza https://claude.ai/artifact/MdpDP6qtUtqX8Xuu86ZNan, proposta F):
   fondo viola e rosa con un riflesso lento; tre capsule di vetro Cosa · Quando · Dove; pillole lucide nel colore del tipo/fascia/città (--kc) con il numero in un bollino bianco;
   spenta = vetro con l'anello del suo colore; riflesso e piccolo sollevamento al passaggio, rimbalzo al tocco. Se non ci sta, la riga scorre di lato (dissolvenza a destra) */
html body .ag-testa.ag-striscia{position:relative;display:block;overflow:hidden;isolation:isolate;margin:10px 0 6px;padding:0;border-radius:24px;color:#fff;background:linear-gradient(115deg,#241a5c 0%,#4b2fb8 52%,#c2255c 100%);box-shadow:0 18px 40px -18px rgba(60,20,120,.6)}
.ag-testa.ag-striscia::before{content:"";position:absolute;inset:-60%;z-index:-1;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 72%,rgba(255,255,255,.12) 82%,transparent 92%);animation:og-gira 14s linear infinite}
.ag-testa.ag-striscia.ag-ancora::after{content:"";position:absolute;top:0;right:0;bottom:0;width:44px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(194,37,92,.95))}
.ag-striscia .ag-strin{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;padding:7px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}
.ag-striscia .ag-strin::-webkit-scrollbar{display:none}
html body .ag-testa.ag-striscia .ag-filtri2{display:contents}
html body .ag-testa.ag-striscia :is(#ag-filtri,.ag-f2){flex:none;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:4px;margin:0;padding:5px 5px 5px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html body .ag-testa.ag-striscia .ag-f2 .og-sleg{display:flex;flex-wrap:nowrap;gap:5px;margin:0;padding:0;border:0;background:none;overflow:visible;max-width:none}
html body .ag-testa.ag-striscia .ag-f2-t{flex:none;min-width:0;flex-basis:auto;margin:0 1px 0 0;color:#fff;opacity:.9;font:700 12px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
html body .ag-testa.ag-striscia .og-sleg button{position:relative;overflow:hidden;isolation:isolate;flex:none;display:inline-flex;align-items:center;gap:5px;min-height:44px;margin:0;padding:0 7px 0 5px;border:0;border-radius:999px;color:#fff;font-weight:600;font-size:13.5px;white-space:nowrap;cursor:pointer;
  background:linear-gradient(180deg,color-mix(in srgb,var(--kc,#3044d0) 80%,#fff),var(--kc,#3044d0) 55%,color-mix(in srgb,var(--kc,#3044d0) 78%,#000));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 14px -6px rgba(0,0,0,.55);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background .25s,color .25s}
html body .ag-testa.ag-striscia .og-sleg button .ic{flex:none;box-sizing:border-box;width:24px;height:24px;padding:5px;border-radius:50%;background:rgba(255,255,255,.24);stroke:#fff;color:#fff}
html body .ag-testa.ag-striscia .og-sleg button small{display:none}
html body .ag-testa.ag-striscia .og-sleg button b{min-width:22px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.95);color:var(--kc,#3044d0);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
html body .ag-testa.ag-striscia .og-sleg button::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}
@media (hover:hover){ html body .ag-testa.ag-striscia .og-sleg button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 22px -8px rgba(0,0,0,.6)} html body .ag-testa.ag-striscia .og-sleg button:hover::after{transform:translateX(120%)} }
html body .ag-testa.ag-striscia .og-sleg button:active{transform:scale(.95)}
html body .ag-testa.ag-striscia .og-sleg button.ag-salta{animation:ag-salta .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes ag-salta{40%{transform:scale(.9)}100%{transform:none}}
html body .ag-testa.ag-striscia .og-sleg button[aria-pressed="false"]{background:transparent;color:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.32)}
html body .ag-testa.ag-striscia .og-sleg button[aria-pressed="false"] .ic{background:transparent;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--kc,#3044d0) 45%,#fff)}
html body .ag-testa.ag-striscia .og-sleg button[aria-pressed="false"] b{background:rgba(255,255,255,.16);color:#fff}
html body .ag-testa.ag-striscia .og-sleg button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sez-agenda .ag-vedi,p.ag-vedi{margin:0 4px 12px;color:var(--ink-2,#5e687c);font-size:14px}
p.ag-vedi strong{color:var(--ink)}
@media (max-width:640px){ html body .ag-testa.ag-striscia{border-radius:20px} html body .ag-testa.ag-striscia :is(#ag-filtri,.ag-f2){padding:4px 4px 4px 10px} }
@media (prefers-reduced-motion:reduce){ .ag-testa.ag-striscia::before,html body .ag-testa.ag-striscia .og-sleg button.ag-salta{animation:none} html body .ag-testa.ag-striscia .og-sleg button,html body .ag-testa.ag-striscia .og-sleg button::after{transition:none} }
/* v627 · striscia dell'Agenda più ariosa (richiesta dell'utente, 4/11/2026: «sono troppo vicini, puoi distanziarli»): il doppio dello spazio fra le pillole (8 px invece di 4)
   e fra le capsule (12 invece di 5), pillole un po' più larghe; misurato perché da 1440 px resti su una riga */
html body .ag-testa.ag-striscia .ag-strin{gap:12px;padding:8px}
html body .ag-testa.ag-striscia :is(#ag-filtri,.ag-f2){gap:8px;padding:5px 6px 5px 13px}
html body .ag-testa.ag-striscia .ag-f2 .og-sleg{gap:8px}
html body .ag-testa.ag-striscia .og-sleg button{gap:6px;padding:0 8px 0 5px}
/* v628 · striscia dell'Agenda: Cosa a sinistra, Quando al centro, Dove in fondo a destra (richiesta dell'utente, 4/11/2026: «preferirei che DOVE va in fondo, QUANDO al centro e COSA a sinistra»).
   Lo spazio libero va fra le capsule, non fra le pillole; se la riga non ci sta scorre di lato come prima */
html body .ag-testa.ag-striscia .ag-strin{display:grid;grid-template-columns:minmax(max-content,1fr) max-content minmax(max-content,1fr);align-items:center}
html body .ag-testa.ag-striscia .ag-strin>#ag-filtri{justify-self:start}
html body .ag-testa.ag-striscia .ag-strin .ag-f2:first-child{justify-self:center}
html body .ag-testa.ag-striscia .ag-strin .ag-f2:last-child{justify-self:end}
/* v629 · Agenda: nella linea degli orari anche i film (richiesta dell'utente, 4/11/2026); accanto a «Concerti N» la nota «e orari dei film» */
.ag-gruppo h3.bl .ag-piuf{margin-left:4px;font:500 13px/1 var(--body,inherit);letter-spacing:0;text-transform:none;color:var(--ink-2,#5e687c)}
/* v630 · Agenda, Cinema e Concerti come Oggi (richiesta dell'utente, 4/11/2026: «va bene» a tutti i miglioramenti della bozza https://claude.ai/artifact/MdpDP6qtUtqX8Xuu86ZNan) */
/* comuni: «In corso» / «Tra N min» dentro le righe, «Adesso», orari passati e «prossimo» (le regole di v625 erano solo per Oggi) */
.og-vivo.og-vivo-r{position:static;display:inline-flex;align-items:center;gap:5px;margin:3px 0 0;padding:2px 9px 2px 7px;border-radius:999px;background:color-mix(in srgb,#e11d48 12%,transparent);color:#be123c;font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap;vertical-align:middle;-webkit-backdrop-filter:none;backdrop-filter:none}
.og-vivo.og-vivo-r:not(.og-vcorso){background:color-mix(in srgb,#d97706 14%,transparent);color:#92400e}
.og-vivo.og-vivo-r i{width:7px;height:7px;border-radius:50%;background:currentColor}
.og-vivo.og-vivo-r.og-vcorso i{animation:og-batte 1.6s infinite}
html[data-theme="dark"] .og-vivo.og-vivo-r{color:#fda4af}html[data-theme="dark"] .og-vivo.og-vivo-r:not(.og-vcorso){color:#fcd34d}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) .og-vivo.og-vivo-r{color:#fda4af} html:not([data-theme="light"]) .og-vivo.og-vivo-r:not(.og-vcorso){color:#fcd34d} }
.og-st>.og-vivo.og-vivo-r{display:flex;width:max-content}
.og-serata>li.og-passato,.ev-linea.og-passato{opacity:.5;transition:opacity .3s}
.og-serata>li.og-passato:hover,.og-serata>li.og-passato:focus-within,.ev-linea.og-passato:hover,.ev-linea.og-passato:focus{opacity:1}
.og-serata>li.og-adesso,.og-adesso.og-adesso-k{display:flex;align-items:center;gap:10px;margin:6px 0;break-inside:avoid;grid-column:1/-1;color:#e11d48;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;list-style:none}
.og-serata>li.og-adesso::before,.og-adesso.og-adesso-k::before{content:"";flex:none;width:11px;height:11px;margin-left:6px;border-radius:50%;background:#e11d48;box-shadow:0 0 0 4px rgba(225,29,72,.22)}
.og-serata>li.og-adesso::after,.og-adesso.og-adesso-k::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#e11d48,transparent)}
html[data-theme="dark"] :is(.og-serata>li.og-adesso,.og-adesso.og-adesso-k){color:#fb7185}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) :is(.og-serata>li.og-adesso,.og-adesso.og-adesso-k){color:#fb7185} }
.og-ore:has(>.og-dopo){padding-top:16px}
.og-ore>span{position:relative}
.og-ore>span.og-via{opacity:.5;text-decoration:line-through;background:transparent}
html body .og-ore>span.og-dopo{background:#3044d0;border-color:#3044d0;color:#fff;box-shadow:0 6px 14px -6px #3044d0}
.og-ore>span.og-dopo em{position:absolute;left:50%;top:-18px;transform:translateX(-50%);color:var(--link,#3044d0);font-style:normal;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-decoration:none}
/* testate di Cinema, Concerti (ed Eventi, Idee): entrano in scena e un riflesso lento gira sul fondo */
.testata-fascia .hero>*,.testata-fascia>form,.testata-fascia>.ev-filtri,.testata-fascia>p{animation:og-sale .75s cubic-bezier(.2,.8,.2,1) both}
.testata-fascia .hero>*:nth-child(2){animation-delay:.08s}.testata-fascia .hero>*:nth-child(3){animation-delay:.16s}.testata-fascia>form{animation-delay:.26s}.testata-fascia>.ev-filtri,.testata-fascia>p{animation-delay:.36s}
html body .testata.testata-fascia::before{content:"";display:block;position:absolute;inset:-60%;z-index:-1;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 72%,rgba(255,255,255,.12) 82%,transparent 92%);animation:og-gira 14s linear infinite}
html body .testata.testata-fascia{box-shadow:0 18px 40px -18px rgba(60,20,120,.55)}
/* Agenda: fogli del calendario e locandine che si alzano, righe che si colorano, il numero di oggi in rosa, icone con alone */
.sez-agenda .ag-sett a[aria-current="true"] b{color:#c2255c}
html[data-theme="dark"] .sez-agenda .ag-sett a[aria-current="true"] b{color:#fb7185}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) .sez-agenda .ag-sett a[aria-current="true"] b{color:#fb7185} }
.sez-agenda .og-kic{box-shadow:0 6px 14px -6px rgba(91,61,245,.55)}
@media (hover:hover){
  .sez-agenda .ag-sett a{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
  .sez-agenda .ag-sett a:not([aria-current="true"]):hover{transform:translateY(-4px)}
  .sez-agenda .ag-fila li>a{transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  .sez-agenda .ag-fila li>a:hover{transform:translateY(-5px)}
  .sez-agenda .ag-fila li>a .ag-loc{transition:box-shadow .28s}
  .sez-agenda .ag-fila li>a:hover .ag-loc{box-shadow:0 18px 30px -14px rgba(10,10,40,.6)}
  .sez-agenda .ag-linea>li>a{transition:background .2s;border-radius:12px}
  .sez-agenda .ag-linea>li>a:hover{background:color-mix(in srgb,var(--link,#3044d0) 7%,transparent)}
}
.sez-agenda .ag-fila{padding-top:8px;margin-top:-8px}
/* Cinema: locandine che si alzano; con il trailer, «▶ Guarda il trailer» al passaggio del mouse */
.fcard .fc-cover{position:relative}
.fcard .fc-trl{display:none}
@media (hover:hover){
  .sez-cinema .fcard{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
  .sez-cinema .fcard:hover{transform:translateY(-5px);box-shadow:0 18px 30px -14px rgba(10,10,40,.5)}
  .fcard.fc-tr .fc-trl{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(8,10,30,.45);opacity:0;transition:opacity .25s}
  .fcard.fc-tr .fc-trl b{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:#fff;color:#161d2b;font-size:14px;font-weight:700;transform:translateY(8px);transition:transform .25s}
  .fcard.fc-tr:hover .fc-trl,.fcard.fc-tr:focus-visible .fc-trl{opacity:1}
  .fcard.fc-tr:hover .fc-trl b,.fcard.fc-tr:focus-visible .fc-trl b{transform:none}
}
.sez-cinema .v-track{padding-top:8px;margin-top:-8px}
/* Concerti: righe che si colorano, icone con alone, «Sorprendimi» con il dado che rotola e il concerto pescato che si illumina */
body.sez-concerti .ev-linea .ln-c{box-shadow:0 6px 14px -6px rgba(91,61,245,.55)}
@media (hover:hover){ body.sez-concerti .ev.ev-linea{transition:background .2s} body.sez-concerti .ev.ev-linea:hover{background:color-mix(in srgb,var(--link,#3044d0) 6%,transparent)} }
.sorpresa.tira .ic{animation:og-dado .7s cubic-bezier(.3,1.4,.5,1)}
@keyframes og-dado{0%{transform:rotate(0) scale(1)}50%{transform:rotate(300deg) scale(1.3)}100%{transform:rotate(360deg) scale(1)}}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ev.ev-linea.pescato,html body .ev.pescato{border-radius:14px;background:color-mix(in srgb,#c2255c 12%,transparent);box-shadow:inset 0 0 0 2px #c2255c;animation:og-pesca .6s ease-out}
@keyframes og-pesca{from{transform:scale(.97)}}
.saluto .sal-n,#saluto .sal-n{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){
  .testata-fascia .hero>*,.testata-fascia>form,.testata-fascia>.ev-filtri,.testata-fascia>p,html body .testata.testata-fascia::before,.sorpresa.tira .ic,html body .ev.pescato,.og-vivo.og-vivo-r.og-vcorso i{animation:none}
  .sez-agenda .ag-sett a,.sez-agenda .ag-fila li>a,.sez-cinema .fcard{transition:none}
}
.og-ore>span.og-dopo em{left:2px;transform:none}   /* v630: «prossimo» allineato alla pillola, non centrato (sulla prima scheda del Cinema usciva dal bordo) */
html body.sez-agenda .ag-sett a[aria-current="true"] b{color:#c2255c}   /* v630: il numero di oggi in rosa anche nel tema chiaro (una regola dei fogli lo teneva nero) */
html[data-theme="dark"] body.sez-agenda .ag-sett a[aria-current="true"] b{color:#fb7185}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) body.sez-agenda .ag-sett a[aria-current="true"] b{color:#fb7185} }
/* v631 · la scheda del concerto come quella dell'evento (richiesta dell'utente, 4/11/2026, bozza https://claude.ai/artifact/JfxmfwjLgUpsbhFoNZLPH6):
   la tessera senza foto e la pillola del genere nel colore del genere (gli stessi colori di «Tutta la serata») */
:root:root .evx-vuota.og-g-techno,:root:root .evx-tag-g.og-g-techno{--c:#1179ab}:root:root .evx-vuota.og-g-elettronica,:root:root .evx-tag-g.og-g-elettronica{--c:#8a3ffc}:root:root .evx-vuota.og-g-rock,:root:root .evx-tag-g.og-g-rock{--c:#d0384b}:root:root .evx-vuota.og-g-indie,:root:root .evx-tag-g.og-g-indie{--c:#1d8242}
:root:root .evx-vuota.og-g-pop,:root:root .evx-tag-g.og-g-pop{--c:#d4257c}:root:root .evx-vuota.og-g-hip-hop,:root:root .evx-tag-g.og-g-hip-hop{--c:#ab5c11}:root:root .evx-vuota.og-g-jazz,:root:root .evx-tag-g.og-g-jazz{--c:#896e0d}:root:root .evx-vuota.og-g-classica,:root:root .evx-tag-g.og-g-classica{--c:#8f6a43}
:root:root .evx-vuota.og-g-folk,:root:root .evx-tag-g.og-g-folk{--c:#607a26}:root:root .evx-vuota.og-g-metal,:root:root .evx-tag-g.og-g-metal{--c:#626cb8}:root:root .evx-vuota.og-g-world,:root:root .evx-tag-g.og-g-world{--c:#0e7f73}:root:root .evx-vuota.og-g-altro,:root:root .evx-tag-g.og-g-altro{--c:#687281}

:root:root .evx-tag.cat-musica{--c:#c2255c}   /* v631: «Concerto» nello stesso rosa in chiaro e scuro (col rosa chiaro del tema scuro la scritta bianca non si leggeva) */
/* v632 · la scheda del locale come quella dell'evento (richiesta dell'utente, 4/11/2026, bozza https://claude.ai/artifact/JfxmfwjLgUpsbhFoNZLPH6): la tessera nel colore del tipo
   con l'iniziale grande (o l'icona, se il nome comincia con una cifra) e l'icona piccola nell'angolo; la pillola del tipo un po' più scura, perché la scritta bianca si legga */
.evs.locale .loc-ph{position:relative}
.evs.locale .loc-ph .loc-mono{font:700 clamp(84px,9vw,132px)/1 var(--display);color:#fff;text-shadow:0 6px 24px rgba(0,0,0,.25)}
.evs.locale .loc-ph .loc-mono-ico{display:grid;place-items:center}
.evs.locale .loc-ph .loc-mono-ico svg{width:72px;height:72px;stroke:#fff;color:#fff}
.evs.locale .loc-ph .loc-angolo{position:absolute;right:14px;bottom:12px;width:26px;height:26px;opacity:.75}
.evs.locale .evx-tag[class*=" k-"]{background:color-mix(in srgb,var(--c,#475569) 72%,#000)}
.evs.locale .loc-civai h2{margin:4px 0 4px;font:700 19px/1.2 var(--serif)}
.evs.locale .loc-civai p{margin:0 0 10px;color:var(--ink-2,#5e687c);font-size:14px}
.evs.locale .evs-top{background:linear-gradient(135deg,color-mix(in srgb,var(--c,#3044d0) 70%,#0b0d1e),#0b0d1e)}
/* v633 · la scheda del film come quella dell'evento (richiesta dell'utente, 4/11/2026, bozza https://claude.ai/artifact/JfxmfwjLgUpsbhFoNZLPH6): gli orari un giorno alla volta */
.fp3 .evs-ph.fp3-yt .evx-im{object-fit:cover}
.fp3 .evx-tag.fp3-stato{background:#3044d0}
.fp3-orari .fp-giorni{display:flex;gap:8px;margin:2px 0 14px;padding:2px;overflow-x:auto;scrollbar-width:none}
.fp3-orari .fp-giorni[hidden]{display:none}
.fp3-orari .fp-giorni::-webkit-scrollbar{display:none}
.fp3-orari .fp-giorni button{flex:none;display:grid;justify-items:center;gap:1px;min-width:62px;min-height:64px;padding:6px 8px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;line-height:1.1;transition:border-color .2s,background .2s,transform .2s}
.fp3-orari .fp-giorni button small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2,#5e687c)}
.fp3-orari .fp-giorni button b{font:700 22px/1.1 var(--serif)}
.fp3-orari .fp-giorni button i{font-style:normal;font-size:12px;font-weight:600;color:var(--ink-2,#5e687c);text-transform:uppercase}
.fp3-orari .fp-giorni button.fp-we small{color:#c2255c}
.fp3-orari .fp-giorni button[aria-selected="true"]{border-color:var(--link,#3044d0);background:color-mix(in srgb,var(--link,#3044d0) 10%,var(--surface));box-shadow:0 6px 14px -8px var(--link,#3044d0)}
.fp3-orari .fp-giorni button[aria-selected="true"] b{color:var(--link,#3044d0)}
@media (hover:hover){ .fp3-orari .fp-giorni button:hover{transform:translateY(-2px)} }
.fp3-orari.fp-js .fp-g:not(.on){display:none}
.fp3-orari.fp-js .fp-g .fp-g-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fp3-orari .fp-g{margin:0 0 6px}
.fp3-orari .fp-g-t{margin:14px 0 4px;font:700 16px var(--display)}
.fp3-orari .fp-gc{display:grid;grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:8px 16px;align-items:center;padding:10px 0;border-top:1px dashed var(--line)}
.fp3-orari .fp-gc-n{display:flex;flex-direction:column}
.fp3-orari .fp-gc-n a{font-weight:700;color:var(--ink);text-decoration:none}
.fp3-orari .fp-gc-n a:hover{text-decoration:underline}
.fp3-orari .fp-gc-n small{color:var(--ink-2,#5e687c);font-size:12.5px}
.fp3-orari .fp-gc .ore{display:flex;flex-wrap:wrap;gap:8px}
.fp3-orari .fa-past{opacity:.45}.fp3-orari .fa-past .t{text-decoration:line-through}
.fp3-orari .fp3-bigl{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.fp3 .trailer .yt{max-width:640px}
@media (max-width:640px){ .fp3-orari .fp-gc{grid-template-columns:minmax(0,1fr)} }
.fp3 .evs-sez.testo{max-width:none}   /* v633: «Di cosa parla» largo come le altre sezioni */
/* v633: nel tema scuro le pillole del tipo (eventi, film) prendono il colore chiaro della categoria: con la scritta bianca non si leggevano; si scuriscono */
html[data-theme="dark"] .evx-tag:not(.evx-tag-p):not(.evx-tag-g):not(.fp3-stato){background:color-mix(in srgb,var(--c,#475569) 52%,#000)}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) .evx-tag:not(.evx-tag-p):not(.evx-tag-g):not(.fp3-stato){background:color-mix(in srgb,var(--c,#475569) 52%,#000)} }
.fp3 .evs-meta a{display:inline-flex;align-items:center;min-height:44px}   /* v633: «IMDb ↗» nella testata del film tocca bene anche col dito */
/* v634 · le idee: una pagina per ogni idea, come la scheda dell'evento (richiesta dell'utente, 4/11/2026, bozza https://claude.ai/artifact/JfxmfwjLgUpsbhFoNZLPH6, tappa 4) */
.evs.idea .evx-tag.id-tag-idea{background:#334155}
.evs.idea .id-cisto{display:flex;align-items:center;gap:12px;margin:2px 0 4px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,#16a34a 11%,var(--surface))}
.evs.idea .id-cisto b{font:700 30px/1 var(--serif);color:#15803d}
.evs.idea .id-cisto span{display:flex;flex-direction:column;font-weight:600;font-size:14px;line-height:1.3}
.evs.idea .id-cisto small{font-weight:400;color:var(--ink-2,#5e687c);font-size:12.5px}
.evs.idea .id-cisto-0 span{display:block;font-weight:400}
.evs.idea .id-cisto-0 b{font:inherit;font-weight:700;color:inherit}
html[data-theme="dark"] .evs.idea .id-cisto b{color:#4ade80}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) .evs.idea .id-cisto b{color:#4ade80} }
.evs.idea .id-date{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.evs.idea .id-date li{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.evs.idea .id-date .evx-data{position:static;box-shadow:none}
/* le schede dell'elenco: tutta la scheda porta alla pagina dell'idea («È diventata un evento» resta un collegamento a parte) */
.id-c{position:relative}
.id-c h2 a.id-vai{color:inherit;text-decoration:none}
.id-c h2 a.id-vai::after{content:"";position:absolute;inset:0;border-radius:inherit}
.id-c h2 a.id-vai:focus-visible{outline:none}
.id-c:has(a.id-vai:focus-visible){outline:3px solid var(--link,#3044d0);outline-offset:2px}
.id-c .id-ev{position:relative;z-index:1}
@media (hover:hover){ .id-c{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s} .id-c:hover{transform:translateY(-4px);box-shadow:0 18px 30px -16px rgba(30,40,110,.35)} .id-c:hover h2 a.id-vai{text-decoration:underline;text-underline-offset:3px} }
.id-top-ev{margin-top:6px}
/* v635 · elenchi come Eventi (richiesta dell'utente, 4/11/2026, bozza https://claude.ai/artifact/JfxmfwjLgUpsbhFoNZLPH6, tappa 5): in alto un elemento in evidenza;
   Dove mangiare e Dove andare con la fascia viola delle altre sezioni invece della foto */
html body:is(.sez-mangiare,.sez-andare) .testata.testata-fascia{min-height:0;padding:26px 32px 24px;background:linear-gradient(115deg,#241a5c 0%,#4b2fb8 52%,#c2255c 100%)}
html body:is(.sez-mangiare,.sez-andare) .testata.testata-fascia::after{display:none}
@media (max-width:640px){ html body:is(.sez-mangiare,.sez-andare) .testata.testata-fascia{padding:20px 16px 18px} }
.evx-top.loc-top,.evx-top.k-top,.evx-top.fl-top{margin:18px 0 22px}
.evx-top.loc-top .loc-ph{display:grid;place-items:center;position:relative}
.evx-top.loc-top .loc-ph .loc-mono{font:700 clamp(84px,9vw,132px)/1 var(--display);color:#fff;text-shadow:0 6px 24px rgba(0,0,0,.25)}
.evx-top.loc-top .loc-ph .loc-mono-ico{display:grid;place-items:center}
.evx-top.loc-top .loc-ph .loc-mono-ico svg{width:72px;height:72px;stroke:#fff;color:#fff}
.evx-top.loc-top .loc-ph .loc-angolo{position:absolute;right:14px;bottom:12px;width:26px;height:26px;opacity:.75}
.evx-top.loc-top .evx-tag[class*=" k-"]{background:color-mix(in srgb,var(--c,#475569) 72%,#000)}
.sez-cinema .home-film .evx-top.fl-top{margin-top:4px}
.evx-top .evx-tlink{text-decoration:none}   /* v635: l'iniziale del locale dentro il collegamento non va sottolineata */
html body:is(.sez-mangiare,.sez-andare) .ev-occ{display:block;margin-bottom:6px;font:700 12px/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.88)}
html body:is(.sez-mangiare,.sez-andare) .testata .hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(30px,3.6vw,46px);line-height:1.05;letter-spacing:-.01em;text-shadow:none}
.evx-top .evx-tbd h2 a{display:inline-flex;align-items:center;min-height:44px}   /* v635: il titolo dell'elemento in evidenza si tocca bene anche quando sta su una riga */
/* v636 · mappa della scheda: i pulsanti ＋ e − in alto a destra (richiesta dell'utente, 4/11/2026: «la mappa è ancora troppo zoomata») */
.sc-mappa .sc-zoom{position:absolute;top:10px;right:10px;z-index:2;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.25)}
.sc-mappa .sc-zoom button{width:44px;height:44px;border:0;background:#fff;color:#161d2b;font:600 22px/1 var(--body,system-ui);cursor:pointer}
.sc-mappa .sc-zoom button+button{border-top:1px solid #e3e6ef}
.sc-mappa .sc-zoom button:hover:not(:disabled){background:#f1f3f9}
.sc-mappa .sc-zoom button:disabled{color:#b8bdca;cursor:default}
.sc-mappa .sc-zoom button:focus-visible{outline:3px solid #3044d0;outline-offset:-3px}
/* v636 · scheda dell'evento (bozza https://claude.ai/artifact/H3xjQwRLEHYmyfngaMJkQK, punti 1, 2, 4, 5; il 3 no) */
.evs-quando{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border-radius:999px;background:#fff;color:#161d2b;font:700 12px/1 var(--display);letter-spacing:.02em}
.evs-quando i{width:8px;height:8px;border-radius:50%;background:#16a34a}
.evs-quando.evs-q-poco i{background:#d97706}
.evs-quando.og-vcorso i{background:#e11d48;animation:og-batte 1.6s infinite}
.evs-mini{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:40;display:flex;align-items:center;gap:14px;width:min(1100px,calc(100% - 32px));padding:8px 10px 8px 12px;border-radius:16px;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);border:1px solid var(--line);box-shadow:0 14px 32px -14px rgba(16,24,40,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%,-140%);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s}
.evs-mini[hidden]{display:none}
.evs-mini.evs-mini-on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.evs-mini img{flex:none;width:42px;height:42px;border-radius:10px;object-fit:cover}
.evs-mini-t{flex:1;min-width:0;display:flex;flex-direction:column}
.evs-mini-t b{font:700 16px/1.2 var(--serif);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evs-mini-t small{color:var(--ink-2,#5e687c);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evs-mini .btn{flex:none;min-height:44px}
@media (max-width:900px){ .evs-mini{display:none} }
@media (prefers-reduced-motion:reduce){ .evs-mini{transition:none} .evs-quando.og-vcorso i{animation:none} }
.sc-arriva{margin-top:14px}
.sc-arriva h3{margin:0 0 8px;font:700 12px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2,#5e687c)}
.sc-arriva .azioni{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.sc-arriva .btn{display:inline-flex;align-items:center;gap:8px}
.sc-lg{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#fff;font:800 12px/1 var(--display)}
.sc-lg-g{background:#1a73e8}.sc-lg-a{background:#111}.sc-lg-o{background:#5f9e53}
.sc-arriva .sc-arr-n{margin:8px 0 0;font-size:12.5px}
.evs-mini{background:linear-gradient(var(--surface),var(--surface)),var(--bg)}   /* v636: fondo pieno (in alcuni temi --surface è semitrasparente) */
.evs-mini:not(.evs-mini-on){visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s,visibility 0s .3s}   /* v636: nascosta davvero (non si raggiunge con la tastiera e non conta come pulsante) */
/* v637 · «Dove si trova» prima del tocco: al posto del disegno con le strade enormi (sembrava una mappa vicinissima) un fondo «da cartina» con tante stradine sottili,
   e il segnaposto piccolo al centro (richiesta dell'utente, 4/11/2026: «dove si trova è ancora troppo zoomato») */
.sc-mappa:not(.sc-aperta) .sc-blocchi,.sc-mappa:not(.sc-aperta) .sc-vie,.sc-mappa:not(.sc-aperta) .sc-acqua{display:none}
.sc-mappa:not(.sc-aperta) .sc-terra{fill:transparent}
.sc-mappa:not(.sc-aperta){background:
  repeating-linear-gradient(28deg,transparent 0 31px,color-mix(in srgb,var(--ink) 9%,transparent) 31px 32px),
  repeating-linear-gradient(-62deg,transparent 0 23px,color-mix(in srgb,var(--ink) 7%,transparent) 23px 24px),
  color-mix(in srgb,var(--accent) 5%,var(--surface))}   /* solo stradine neutre: niente acqua o verde finti, che farebbero pensare a un posto vero */
/* v638 · Concerti: i filtri nella striscia dell'Agenda (richiesta dell'utente, 4/11/2026: «la sezione Quando · Dove · Locale · Genere in concerti va migliorata»;
   bozza https://claude.ai/artifact/MS7Q7RxZrUQVYXJCYDsK6d, proposta C1): fondo viola e rosa con il riflesso, capsule di vetro, pillole lucide, Locale e Genere come pillole bianche */
html body.sez-concerti .ev-filtri{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 4px;padding:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;isolation:isolate;border:0;border-radius:24px;color:#fff;background:linear-gradient(115deg,#241a5c 0%,#4b2fb8 52%,#c2255c 100%);box-shadow:0 18px 40px -18px rgba(60,20,120,.6)}
html body.sez-concerti .ev-filtri::-webkit-scrollbar{display:none}
html body.sez-concerti .ev-filtri .ev-f:has(> [hidden]:only-of-type),html body.sez-concerti .ev-filtri .ev-f:has(#chips[hidden]){display:none}
html body.sez-concerti .ev-filtri :is(.ev-f,.filtro-locale label){flex:none;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;margin:0;padding:5px 6px 5px 13px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24)}
html body.sez-concerti .ev-filtri .filtro-locale{display:contents}
html body.sez-concerti .ev-filtri :is(.ev-f-t,.filtro-locale span){position:static;width:auto;height:auto;overflow:visible;clip:auto;flex:none;margin:0;color:#fff;opacity:.9;font:700 12px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
html body.sez-concerti .ev-filtri :is(.rapidi,.chips-js){display:flex;flex-wrap:nowrap;gap:8px;margin:0;padding:0;border:0;background:none;box-shadow:none}
html body.sez-concerti .ev-filtri :is(.rapidi,.chips-js) button[type="button"]{position:relative;overflow:hidden;flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:0 10px 0 12px;border:0;border-radius:999px;color:#fff;font-weight:600;font-size:13.5px;white-space:nowrap;cursor:pointer;
  background:linear-gradient(180deg,color-mix(in srgb,var(--kc,#3044d0) 80%,#fff),var(--kc,#3044d0) 55%,color-mix(in srgb,var(--kc,#3044d0) 78%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 14px -6px rgba(0,0,0,.55);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
html body.sez-concerti .ev-filtri .rapidi button:nth-child(1){--kc:#3044d0}html body.sez-concerti .ev-filtri .rapidi button:nth-child(2){--kc:#a16207}html body.sez-concerti .ev-filtri .rapidi button:nth-child(3){--kc:#4338ca}
html body.sez-concerti .ev-filtri .rapidi button:nth-child(4){--kc:#7c3aed}html body.sez-concerti .ev-filtri .rapidi button:nth-child(5){--kc:#0f766e}html body.sez-concerti .ev-filtri .rapidi button:nth-child(n+6){--kc:#be123c}
html body.sez-concerti .ev-filtri :is(.rapidi,.chips-js) button :is(small,b){min-width:22px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.95);color:var(--kc,#3044d0);font-size:12px;font-weight:700;opacity:1}
html body.sez-concerti .ev-filtri :is(.rapidi,.chips-js) button[aria-pressed="false"]{background:transparent;color:rgba(255,255,255,.88);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.32)}
html body.sez-concerti .ev-filtri :is(.rapidi,.chips-js) button[aria-pressed="false"] :is(small,b){background:rgba(255,255,255,.16);color:#fff}
html body.sez-concerti .ev-filtri :is(.rapidi,.chips-js) button:focus-visible{outline:3px solid #fff;outline-offset:2px}
html body.sez-concerti .ev-filtri :is(.rapidi,.chips-js) button .ic{width:16px;height:16px;stroke:#fff}
@media (hover:hover){ html body.sez-concerti .ev-filtri :is(.rapidi,.chips-js) button:hover{transform:translateY(-2px)} }
html body.sez-concerti .ev-filtri .filtro-locale select{min-height:44px;max-width:220px;width:auto;margin:0;padding:0 30px 0 14px;border:0;border-radius:999px;background-color:rgba(255,255,255,.95);color:#161d2b;font-weight:600;font-size:13.5px}
html body.sez-concerti .ev-filtri .filtro-locale select:focus-visible{outline:3px solid #fff;outline-offset:2px}
html body.sez-concerti .ev-vedi{margin:2px 4px 12px;color:var(--ink-2,#5e687c);font-size:14px}
html body.sez-concerti .ev-vedi strong{color:var(--ink)}
@media (max-width:640px){ html body.sez-concerti .ev-filtri{border-radius:20px} }
html body.sez-concerti .ev-filtri .ev-f+.ev-f::before,html body.sez-concerti .ev-filtri .chips-js button::before{display:none}
@media (max-width:900px){ html body.sez-concerti .ev-filtri{flex-wrap:nowrap} }   /* a telefono e tablet una riga che scorre di lato */
/* v639 · il punto da tenere al centro delle foto (calcolato dal generatore, classi fpx0…10 e fpy0…10) e la scheda più definita
   (richiesta dell'utente, 4/11/2026: «bisogna definire ancora di più i contorni, la grafica, maggiore qualità», «un sistema per centrare correttamente l'immagine caricata»;
   bozza https://claude.ai/artifact/MS7Q7RxZrUQVYXJCYDsK6d: A sì, B «solo automatico») */
.fpx0{--fx:0%}.fpx1{--fx:10%}.fpx2{--fx:20%}.fpx3{--fx:30%}.fpx4{--fx:40%}.fpx5{--fx:50%}.fpx6{--fx:60%}.fpx7{--fx:70%}.fpx8{--fx:80%}.fpx9{--fx:90%}.fpx10{--fx:100%}
.fpy0{--fy:0%}.fpy1{--fy:10%}.fpy2{--fy:20%}.fpy3{--fy:30%}.fpy4{--fy:40%}.fpy5{--fy:50%}.fpy6{--fy:60%}.fpy7{--fy:70%}.fpy8{--fy:80%}.fpy9{--fy:90%}.fpy10{--fy:100%}
img:is([class*='fpx'],[class*='fpy']){object-position:var(--fx,50%) var(--fy,50%)}
/* A · la testata: con la foto, la foto riempie la metà sinistra (tagliata sul punto giusto); «⤢ Foto intera» la apre tutta */
html body .evs-top.evs-fill{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;padding:0;align-items:stretch;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 24px 50px -24px rgba(10,8,30,.7)}
html body .evs-top.evs-fill .evs-ph{position:relative;height:auto;min-height:420px;aspect-ratio:auto;border-radius:0;box-shadow:inset -1px 0 0 rgba(255,255,255,.12)}
html body .evs-top.evs-fill .evs-ph .evx-bk{display:none}
html body .evs-top.evs-fill .evs-ph .evx-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body .evs-top.evs-fill .evs-tbd{padding:30px 34px}
.evs-intera{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:rgba(10,12,24,.6);color:#fff;font:600 13px var(--display);text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.evs-intera:hover{background:rgba(10,12,24,.8)}
.evs-intera:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:900px){ html body .evs-top.evs-fill{grid-template-columns:minmax(0,1fr)} html body .evs-top.evs-fill .evs-ph{min-height:0;height:260px;box-shadow:none} html body .evs-top.evs-fill .evs-tbd{padding:20px} }
/* A · i contorni: bordi netti a un pixel con un'ombra che ha il bordo; i titoli delle sezioni come intestazioni con la barretta colorata; le tessere unite in un riquadro diviso;
   data, ora e luogo della testata in pillole */
html body .evs :is(.evs-sez,.evs-lato,.sc-extra .sc-box.sc-dove){border:1px solid color-mix(in srgb,var(--ink) 16%,var(--surface));box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 2px 4px -2px rgba(20,24,60,.12),0 18px 36px -22px rgba(30,40,110,.35)}
html body .evs :is(.evs-sez,.sc-extra .sc-box.sc-dove)>h2:first-child{display:flex;align-items:center;gap:10px;margin:-24px -26px 18px;padding:15px 26px;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,var(--surface));font:700 14px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2,#5e687c)}
html body .evs :is(.evs-sez,.sc-extra .sc-box.sc-dove)>h2:first-child::before{content:"";flex:none;width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,#3044d0,#c2255c)}
html body .evs .evs-punti{gap:0;border:1px solid color-mix(in srgb,var(--ink) 14%,var(--surface));border-radius:14px;overflow:hidden}
html body .evs .evs-punti>div{border-radius:0;background:var(--surface);padding:14px 16px}
html body .evs .evs-punti>div+div{box-shadow:-1px 0 0 color-mix(in srgb,var(--ink) 14%,var(--surface))}
html body .evs .evs-punti b{font:700 17px/1.3 var(--display)}
html body .evs .evs-desc{font-size:15.5px;line-height:1.65}
html body .evs .evs-meta>span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
html body .evs .evs-meta>span a{display:inline-flex;align-items:center;min-height:44px}   /* «IMDb ↗» resta da 44 px dentro la pillola */
html body .evs .evs-lato .btn-pri{box-shadow:0 10px 22px -12px var(--link,#3044d0),inset 0 -2px 0 rgba(0,0,0,.15)}
html body .evs .evs-lato .info .li-ico,html body .evs .evs-lato .info svg.ic{border-radius:9px}
@media (max-width:640px){ html body .evs :is(.evs-sez,.sc-extra .sc-box.sc-dove)>h2:first-child{margin:-18px -18px 14px;padding:13px 18px} html body .evs .evs-punti>div+div{box-shadow:0 -1px 0 color-mix(in srgb,var(--ink) 14%,var(--surface))} html body .evs .evs-punti{grid-template-columns:minmax(0,1fr)} }
/* v640 · Concerti: Locale e Genere accanto a «Sorprendimi» (richiesta dell'utente, 4/11/2026); la striscia dei filtri sopra torna su una riga */
html body.sez-concerti .barra .filtro-locale.fl-barra{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
html body.sez-concerti .barra .filtro-locale.fl-barra label{display:flex;margin:0;padding:0;border:0;background:none}
html body.sez-concerti .barra .filtro-locale.fl-barra span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}   /* il menu dice già «Tutti i locali (125)» e «Tutti i generi» */
html body.sez-concerti .barra .filtro-locale.fl-barra select{min-height:44px;max-width:220px;padding:0 32px 0 14px;border:1px solid var(--line);border-radius:999px;background-color:var(--surface);color:var(--ink);font-weight:600;font-size:14px}
html body.sez-concerti .barra .filtro-locale.fl-barra select:focus-visible{outline:3px solid var(--link,#3044d0);outline-offset:2px}
@media (max-width:640px){ html body.sez-concerti .barra .filtro-locale.fl-barra{order:5;width:100%} html body.sez-concerti .barra .filtro-locale.fl-barra label{flex:1} html body.sez-concerti .barra .filtro-locale.fl-barra select{width:100%;max-width:none} }
/* v641 · l'elenco Eventi con i contorni e le ombre della scheda (richiesta dell'utente, 4/11/2026: «la pagina pubblica degli eventi va migliorata, non si possono aggiungere
   ombreggiature, contorni?»): bordo netto a un pixel, ombra a due strati con il bordo, la foto separata da un filo, la tessera della data nitida, le intestazioni dei mesi
   con la barretta colorata, le pillole dei filtri con bordo e ombra; al passaggio del mouse la scheda si alza e la foto si avvicina appena */
html body.sez-eventi .evx-c,html body.sez-eventi .evx-top{border:1px solid color-mix(in srgb,var(--ink) 16%,var(--surface));box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 2px 4px -2px rgba(20,24,60,.14),0 18px 36px -22px rgba(30,40,110,.38)}
html[data-theme="dark"] body.sez-eventi :is(.evx-c,.evx-top){box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 2px 4px -2px rgba(0,0,0,.5),0 18px 36px -20px rgba(0,0,0,.85)}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) body.sez-eventi :is(.evx-c,.evx-top){box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 2px 4px -2px rgba(0,0,0,.5),0 18px 36px -20px rgba(0,0,0,.85)} }
html body.sez-eventi .evx-c{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
@media (hover:hover){
  html body.sez-eventi .evx-c:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--link,#3044d0) 45%,var(--surface));box-shadow:0 2px 4px -2px rgba(20,24,60,.14),0 28px 46px -22px rgba(30,40,110,.5)}
  html body.sez-eventi .evx-c .evx-cph .evx-im{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  html body.sez-eventi .evx-c:hover .evx-cph .evx-im{transform:scale(1.04)}
}
html body.sez-eventi .evx-c .evx-cph,html body.sez-eventi .evx-top .evx-tph{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--ink) 14%,var(--surface))}
html body.sez-eventi .evx-c .evx-cph{position:relative;overflow:hidden}
html body.sez-eventi .evx-foot{border-top:1px dashed color-mix(in srgb,var(--ink) 18%,var(--surface))}
html body.sez-eventi .evx-data{border:1px solid rgba(20,24,60,.12);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 18px -8px rgba(10,12,30,.55)}
html body.sez-eventi .evx-mese>header{align-items:center;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,var(--surface))}
html body.sez-eventi .evx-mese>header::before{content:"";flex:none;width:4px;height:22px;border-radius:2px;background:linear-gradient(180deg,#3044d0,#c2255c)}
html body.sez-eventi .evx-pill button{border-color:color-mix(in srgb,var(--ink) 16%,var(--surface));box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 4px 10px -6px rgba(20,24,60,.35)}
html body.sez-eventi .evx-pill button[aria-pressed="true"]{box-shadow:0 8px 18px -8px rgba(20,24,60,.55)}
html body.sez-eventi .evx-top .evx-az .btn-pri{box-shadow:0 10px 22px -12px var(--link,#3044d0),inset 0 -2px 0 rgba(0,0,0,.15)}
@media (prefers-reduced-motion:reduce){ html body.sez-eventi .evx-c,html body.sez-eventi .evx-c .evx-cph .evx-im{transition:none} html body.sez-eventi .evx-c:hover{transform:none} html body.sez-eventi .evx-c:hover .evx-cph .evx-im{transform:none} }
/* v642 · contorni e ombre anche negli altri elenchi (v643: tolti dalle schede di Oggi, «prima era meglio») (come Eventi in v641; «ok» dell'utente del 4/11/2026): schede di Oggi, Dove mangiare, Dove andare, Idee,
   e le schede in evidenza di Concerti, locali, Cinema e Idee */
html body :is(.loc-griglia .loc-card,.id-griglia .id-c,.evx-top){border:1px solid color-mix(in srgb,var(--ink) 16%,var(--surface));box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 2px 4px -2px rgba(20,24,60,.14),0 18px 36px -22px rgba(30,40,110,.38)}
html[data-theme="dark"] body :is(.loc-griglia .loc-card,.id-griglia .id-c,.evx-top){box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 2px 4px -2px rgba(0,0,0,.5),0 18px 36px -20px rgba(0,0,0,.85)}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) body :is(.loc-griglia .loc-card,.id-griglia .id-c,.evx-top){box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 2px 4px -2px rgba(0,0,0,.5),0 18px 36px -20px rgba(0,0,0,.85)} }
html body html body .loc-griglia .loc-card{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
@media (hover:hover){
  html body :is(.loc-griglia .loc-card,.id-griglia .id-c):hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--link,#3044d0) 45%,var(--surface));box-shadow:0 2px 4px -2px rgba(20,24,60,.14),0 28px 46px -22px rgba(30,40,110,.5)}
}
html body .loc-griglia .loc-card .loc-cop{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--ink) 14%,var(--surface))}
html body .id-griglia .id-c .id-pie{border-top:1px dashed color-mix(in srgb,var(--ink) 18%,var(--surface));padding-top:10px}
/* nelle viste «Elenco» e «Compatta» dei locali le righe restano senza riquadro (come prima) */
html body.vl-elenco .loc-griglia .loc-card,html body.vl-compatta .loc-griglia .loc-card{border:0;box-shadow:none;transform:none}
@media (prefers-reduced-motion:reduce){ html body :is(.loc-griglia .loc-card,.id-griglia .id-c){transition:none;transform:none} }
/* v644 · elenco Eventi (bozza https://claude.ai/artifact/2c49o9KKtLDyvvExm35oiM, approvata il 4/11/2026: i sei punti; «Dove va messo in fondo»)
   1 · foto piene, tagliate sul loro punto (classi fpx/fpy della v639), senza bande sfocate */
html body.sez-eventi :is(.evx-cph,.evx-tph).evx-ph .evx-bk{display:none}
html body.sez-eventi :is(.evx-cph,.evx-tph).evx-ph{position:relative;overflow:hidden}
html body.sez-eventi :is(.evx-cph,.evx-tph).evx-ph .evx-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* 5 · i filtri nella striscia di Agenda e Concerti: Quando a sinistra, Dove in fondo */
html body.sez-eventi .evx-fil{display:block;margin:14px 0 4px}
html body.sez-eventi .evx-fil[hidden]{display:none}
html body.sez-eventi .evx-str{position:relative;isolation:isolate;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:8px;overflow-x:auto;scrollbar-width:none;border-radius:24px;background:linear-gradient(115deg,#241a5c 0%,#4b2fb8 52%,#c2255c 100%);box-shadow:0 18px 40px -18px rgba(60,20,120,.6)}
html body.sez-eventi .evx-str::-webkit-scrollbar{display:none}
html body.sez-eventi .evx-cap{flex:none;display:flex;align-items:center;gap:8px;padding:5px 6px 5px 13px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:#fff}
html body.sez-eventi .evx-cap>small{font:700 12px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;opacity:.9}
html body.sez-eventi .evx-str button[type="button"]{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:0 10px 0 13px;border:0;border-radius:999px;color:#fff;font:600 14px var(--display);white-space:nowrap;cursor:pointer;
  background:linear-gradient(180deg,color-mix(in srgb,var(--kc,#3044d0) 80%,#fff),var(--kc,#3044d0) 55%,color-mix(in srgb,var(--kc,#3044d0) 78%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 14px -6px rgba(0,0,0,.55);transition:transform .2s}
html body.sez-eventi .evx-str [data-f="tutti"]{--kc:#3044d0}html body.sez-eventi .evx-str [data-f="we"]{--kc:#7c3aed}html body.sez-eventi .evx-str [data-f="7"]{--kc:#0f766e}
html body.sez-eventi .evx-str button b{min-width:22px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.95);color:var(--kc,#3044d0);font-size:12px}
html body.sez-eventi .evx-str button[aria-pressed="false"]{background:transparent;color:rgba(255,255,255,.88);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.32)}
html body.sez-eventi .evx-str button[aria-pressed="false"] b{background:rgba(255,255,255,.16);color:#fff}
html body.sez-eventi .evx-str button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (hover:hover){ html body.sez-eventi .evx-str button:hover{transform:translateY(-2px)} }
html body.sez-eventi .evx-vedi{margin:6px 4px 10px;color:var(--ink-2,#5e687c);font-size:14px}
html body.sez-eventi .evx-vedi strong{color:var(--ink)}
html body.sez-eventi .evx-cerca{display:block;max-width:420px;margin:10px 0 0}
@media (max-width:640px){ html body.sez-eventi .evx-str{justify-content:flex-start;border-radius:20px;margin-inline:0;padding-inline:8px} }
/* 3 · la fila dei prossimi 14 giorni, distribuita su tutta la riga (a telefono scorre) */
html body.sez-eventi .evx-giorni{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:8px;margin:0 0 18px}
html body.sez-eventi .evx-giorni[hidden]{display:none}
html body.sez-eventi .evx-giorni button{position:relative;display:grid;justify-items:center;gap:1px;min-width:0;min-height:66px;padding:6px 4px 4px;border-radius:14px;border:1px solid color-mix(in srgb,var(--ink) 16%,var(--surface));background:var(--surface);color:var(--ink);cursor:pointer;line-height:1.1;box-shadow:0 4px 10px -8px rgba(20,24,60,.35);transition:transform .2s}
html body.sez-eventi .evx-giorni button:nth-child(7){margin-right:6px}html body.sez-eventi .evx-giorni button:nth-child(8){margin-left:6px}
html body.sez-eventi .evx-giorni button:nth-child(7)::after{content:"";position:absolute;right:-11px;top:10px;bottom:10px;width:1px;background:color-mix(in srgb,var(--ink) 16%,var(--surface))}
html body.sez-eventi .evx-giorni small{font:700 12px var(--display);letter-spacing:.02em;color:var(--ink-2,#5e687c)}
html body.sez-eventi .evx-giorni button.we small{color:#be123c}
html body.sez-eventi .evx-giorni b{font:700 22px var(--serif)}
html body.sez-eventi .evx-giorni i{width:6px;height:6px;border-radius:50%}
html body.sez-eventi .evx-giorni button.c i{background:#c2255c}
html body.sez-eventi .evx-giorni button:disabled{opacity:.5;cursor:default;box-shadow:none}
html body.sez-eventi .evx-giorni button[aria-pressed="true"]{border-color:var(--link,#3044d0);background:color-mix(in srgb,var(--link,#3044d0) 10%,var(--surface))}
html body.sez-eventi .evx-giorni button[aria-pressed="true"] b{color:var(--link,#3044d0)}
html[data-theme="dark"] body.sez-eventi .evx-giorni button.we small{color:#fda4af}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) body.sez-eventi .evx-giorni button.we small{color:#fda4af} }
@media (hover:hover){ html body.sez-eventi .evx-giorni button:not(:disabled):hover{transform:translateY(-2px)} }
@media (max-width:900px){ html body.sez-eventi .evx-giorni{display:flex;overflow-x:auto;scrollbar-width:none;padding:2px} html body.sez-eventi .evx-giorni::-webkit-scrollbar{display:none} html body.sez-eventi .evx-giorni button{flex:none;width:58px} }
/* 4 · le schede: quanto manca, chi organizza, il prezzo */
html body.sez-eventi .evx-c .evs-quando{background:color-mix(in srgb,var(--link,#3044d0) 10%,var(--surface));color:var(--link,#3044d0)}
html body.sez-eventi .evx-org{display:inline-flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.sez-eventi .evx-av{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#3e4a5c;color:#fff;font:700 12px var(--display)}
html body.sez-eventi .evx-prz{padding:3px 10px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#15803d;font:700 13px var(--display)}
html[data-theme="dark"] body.sez-eventi .evx-prz{color:#4ade80}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) body.sez-eventi .evx-prz{color:#4ade80} }
/* 2 · «Nel frattempo» e l'invito a proporre */
html body.sez-eventi .evx-frat{margin-top:34px}
html body.sez-eventi .evx-due{display:grid;grid-template-columns:1fr 1fr;gap:16px}
html body.sez-eventi .evx-blk{padding:16px 18px;border:1px solid color-mix(in srgb,var(--ink) 16%,var(--surface));border-radius:18px;background:var(--surface);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 2px 4px -2px rgba(20,24,60,.14),0 18px 36px -22px rgba(30,40,110,.38)}
html body.sez-eventi .evx-blk h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px;font:700 20px var(--serif)}
html body.sez-eventi .evx-blk h3 a{display:inline-flex;align-items:center;min-height:44px;font:600 14px var(--display);color:var(--link);text-decoration:none;white-space:nowrap}
html body.sez-eventi .evx-blk ul{margin:0;padding:0;list-style:none}
html body.sez-eventi .evx-blk li a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:56px;padding:8px 6px;border-top:1px dashed color-mix(in srgb,var(--ink) 16%,var(--surface));border-radius:10px;color:inherit;text-decoration:none}
@media (hover:hover){ html body.sez-eventi .evx-blk li a:hover{background:color-mix(in srgb,var(--link,#3044d0) 6%,transparent)} }
html body.sez-eventi .evx-fd{display:grid;justify-items:center;width:46px;padding:4px 0;border-radius:10px;background:var(--bg);line-height:1.05}
html body.sez-eventi .evx-fd small{font:700 12px var(--display);color:#be123c}
html body.sez-eventi .evx-fd b{font:700 18px var(--serif)}
html body.sez-eventi .evx-ft{display:flex;flex-direction:column;min-width:0}
html body.sez-eventi .evx-ft strong{font-size:14.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.sez-eventi .evx-ft small{color:var(--ink-2,#5e687c);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.sez-eventi .evx-blk em{font:700 15px var(--serif);font-style:normal;color:var(--link)}
html body.sez-eventi .evx-ci{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#15803d;font:700 12px var(--display);white-space:nowrap}
html[data-theme="dark"] body.sez-eventi .evx-ci{color:#4ade80}
@media (prefers-color-scheme:dark){ html:not([data-theme="light"]) body.sez-eventi .evx-ci{color:#4ade80} }
html body.sez-eventi .evx-prop{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:18px 0 8px;padding:18px 22px;border-radius:20px;color:#fff;background:linear-gradient(115deg,#241a5c,#3044d0 55%,#5b3df5);box-shadow:0 18px 40px -18px rgba(40,30,120,.6)}
html body.sez-eventi .evx-prop b{font:700 20px var(--display)}
html body.sez-eventi .evx-prop span{flex:1;min-width:200px;opacity:.92}
html body.sez-eventi .evx-prop a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:12px;background:#fff;color:#2a37b8;font-weight:700;text-decoration:none}
@media (max-width:760px){ html body.sez-eventi .evx-due{grid-template-columns:1fr} }
/* 6 · a telefono «In evidenza» più compatta */
html body.sez-eventi .evx-corto{display:none}
@media (max-width:640px){
  html body.sez-eventi .evx-top .evx-tph{aspect-ratio:16/9}
  html body.sez-eventi .evx-top .evx-tbd p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  html body.sez-eventi .evx-top .evx-az{flex-wrap:nowrap}
  html body.sez-eventi .evx-top .evx-az .btn-sec{flex:none;padding-inline:14px}
  html body.sez-eventi .evx-lungo{display:none} html body.sez-eventi .evx-corto{display:inline}
}
/* v666 · revisione del 6/11/2026 (parte pubblica): accesso detto subito in Eventi, pagina dei risultati, ricerca non disponibile con «Riprova», pillola «Tutte» delle città */
.evx-testa .evx-accesso{display:block;max-width:60ch;margin:12px 0 0;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-size:16px;line-height:1.45}
.evx-testa .evx-accesso a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}   /* 44 px per il dito (prova pubblico-aspetto) */
.cr-form{max-width:1800px;margin:10px auto 6px;display:flex;gap:8px;flex-wrap:wrap}
.cr-campo{flex:1 1 280px;display:flex}
.cr-campo input{flex:1;min-height:48px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px}
.cr-form .btn{min-height:48px;padding:0 22px}
.cr-stato{max-width:1800px;margin:8px auto 14px;color:var(--muted);font-size:15px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.cr-stato .btn{min-height:44px}
.cr-ris{max-width:1800px;margin:0 auto 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:start}
.cr-gruppo{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.cr-gruppo h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:18px}
.cr-gruppo h2 .ic{width:20px;height:20px}
.cr-lista{list-style:none;margin:0;padding:0}
.cr-lista a{display:flex;flex-direction:column;gap:2px;min-height:48px;justify-content:center;padding:6px 8px;border-radius:10px;color:inherit;text-decoration:none}
.cr-lista a:hover,.cr-lista a:focus-visible{background:var(--accent-soft)}
.cr-lista a:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
.cr-lista small{color:var(--muted);font-size:13px}
.og-ris .og-guasto{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.og-ris .og-riprova{min-height:44px}
.ag-c.ag-c-tutte{--kc:#3730a3}   /* v666: «Tutte» delle città (Concerti, Agenda) nel colore principale */
body:is(.sez-eventi,.sez-concerti,.sez-cinema) .ev-filtri #chips-prov button[aria-pressed="false"] span{text-decoration:none}   /* v666: le città non scelte non sono «escluse» (nessuna scelta = tutte): niente barra */
/* v668: i giorni degli orari dei film («lun», «nov») erano a 11 px: sotto la soglia dei 12 px delle prove (pubblico-aspetto) */

/* ===== v691 · scheda dell'evento «Biglietteria» (bozza https://claude.ai/artifact/8wtyQkKhaLjxBTkqRxBhd3, registro 1106; scelta dell'utente del 6/11/2026 dopo il censimento delle 116 pagine:
   109 concerti, 7 con una foto). Fascia scura a tutta larghezza con il giorno grande, il genere in filigrana (o la foto), titolo, posto · città · ora · prezzo e le azioni;
   sotto la striscia Quando · Dove · Biglietti · Organizza/Chi suona/Genere; poi testo, «Il posto» e a destra «Non andarci da solo». Il colore del genere (--kc) viene dalle classi
   rb-g-…, come nelle schede dell'Agenda; per gli eventi non musicali dal colore della categoria (--c). Sostituisce .evs-top/.evs-mini/.evs-punti/.evs-lato della v621 (che restano per locali e idee). */
.rb-band.rb-g-techno{--kc:#1179ab}.rb-band.rb-g-elettronica{--kc:#8a3ffc}.rb-band.rb-g-rock{--kc:#d0384b}.rb-band.rb-g-indie{--kc:#1d8242}.rb-band.rb-g-pop{--kc:#d4257c}.rb-band.rb-g-hip-hop{--kc:#ab5c11}
.rb-band.rb-g-jazz{--kc:#896e0d}.rb-band.rb-g-classica{--kc:#8f6a43}.rb-band.rb-g-folk{--kc:#607a26}.rb-band.rb-g-metal{--kc:#626cb8}.rb-band.rb-g-world{--kc:#0e7f73}.rb-band.rb-g-altro{--kc:#687281}
.rb-band,.rb-strip,.rb-body{--kc:var(--c,#687281);--kc-l:color-mix(in srgb,var(--kc) 40%,#fff)}
.rb-band{position:relative;color:#f3f5fb;background:#0d1117;margin:0 calc(50% - 50vw);padding:44px max(16px,calc(50vw - 590px)) 56px;overflow:hidden;isolation:isolate}
.rb-band::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 88% 30%,color-mix(in srgb,var(--kc) 58%,transparent),transparent 62%),radial-gradient(45% 60% at 8% 110%,color-mix(in srgb,var(--kc) 26%,transparent),transparent 60%);pointer-events:none}
.rb-wm{position:absolute;left:52%;right:0;top:50%;transform:translateY(-50%);overflow:hidden;font-family:var(--display);font-weight:800;font-size:clamp(90px,16vw,230px);line-height:1;letter-spacing:-.04em;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.13);white-space:nowrap;pointer-events:none;user-select:none}
.rb-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;max-width:1180px;margin:0 auto}
.rb-crumb{color:#fff;opacity:.7;font-weight:700;text-decoration:none;font-size:14px;display:inline-flex;align-items:center;min-height:44px;margin-bottom:4px}.rb-crumb:hover{opacity:1}
.rb-band .evx-tags{margin-bottom:22px;display:flex;flex-wrap:wrap;gap:6px}.rb-band .evx-tag{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.rb-data{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 14px;font-family:var(--display);color:#fff}
.rb-data .n{font-size:clamp(72px,9.5vw,128px);font-weight:800;line-height:.82;letter-spacing:-.06em}
.rb-data .s{display:flex;flex-direction:column;gap:4px;font-size:clamp(15px,1.4vw,20px);font-weight:800;letter-spacing:.18em;text-transform:uppercase;line-height:1}.rb-data .s em{font-style:normal;color:var(--kc-l)}
.rb-data .alt{display:flex;flex-wrap:wrap;gap:6px;margin-left:10px}.rb-data .alt a,.rb-data .alt .on{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.35);font:700 13px var(--body);letter-spacing:.02em;color:#fff;text-decoration:none}.rb-data .alt .on{background:#fff;color:#0d1117;border-color:#fff}
.rb-band h1{margin:0 0 14px;font:800 clamp(28px,4.3vw,58px)/1.02 var(--display);letter-spacing:-.03em;text-wrap:balance;color:#fff;max-width:18ch}
.rb-band h1.lungo{font-size:clamp(24px,3.4vw,44px);max-width:26ch}
.rb-riga{display:flex;flex-wrap:wrap;gap:6px 0;font:400 17px var(--body);color:#cfd5e4;margin:0 0 26px}.rb-riga span+span::before{content:"·";margin:0 10px;opacity:.5}.rb-riga b{color:#fff;font-weight:700}
.rb-az{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rb-az .rb-pri{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:14px;background:#fff;color:#0d1117;font:800 16px var(--display);text-decoration:none;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.rb-az .rb-sec{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:14px;border:1.5px solid rgba(255,255,255,.5);color:#fff;font:700 16px var(--display);text-decoration:none;background:none}
.rb-az .rb-ic,.rb-az .btn.sc-copia{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font:600 14px var(--body);background:rgba(255,255,255,.06);box-shadow:none;cursor:pointer}
.rb-az .rb-ic .ic,.rb-az .sc-copia .ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rb-foto{display:block;width:320px;aspect-ratio:1;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -16px rgba(0,0,0,.75);margin:0;position:relative;z-index:1}.rb-foto img{width:100%;height:100%;object-fit:cover;display:block}
.rb-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ln,var(--line));border-radius:18px;background:var(--surface);margin:-28px auto 0;max-width:1180px;position:relative;z-index:2;box-shadow:0 18px 40px -18px rgba(15,19,27,.25)}
.rb-strip>div{padding:18px 22px 16px;border-right:1px solid var(--ln,var(--line));min-width:0;display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start}.rb-strip>div:last-child{border-right:0}
.rb-strip .ic{width:20px;height:20px;stroke:var(--kc);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.rb-strip small{display:block;font:800 12px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.rb-strip b{display:block;font-size:16px;line-height:1.3;color:var(--ink)}.rb-strip span{display:block;color:var(--ink-2);font-size:14px;margin-top:2px;line-height:1.4}.rb-strip a{color:var(--link);text-decoration:none;font-weight:700}
.rb-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;margin:44px auto 0;max-width:1180px;align-items:start}.rb-main{display:flex;flex-direction:column;gap:40px;min-width:0}
.rb-occ{font:800 12px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--kc);margin:0 0 10px}
.rb-desc p{margin:0 0 14px;font-size:18px;line-height:1.6;color:var(--ink);max-width:66ch}.rb-desc p:last-child{margin:0}.rb-desc .testo{max-width:66ch}
.rb-auto{font-size:18px;line-height:1.6;color:var(--ink-2);margin:0;max-width:66ch}.rb-auto a{color:var(--link);font-weight:700;text-decoration:none}
.rb-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:18px 0 0;max-width:66ch}.rb-extra>div{padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--ln,var(--line))}.rb-extra small{display:block;font:800 12px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}.rb-extra b{font-size:15px;color:var(--ink)}
.rb-chi{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--ln,var(--line));border-radius:16px;background:var(--surface);max-width:560px;margin-top:18px}.rb-chi i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--kc) 18%,var(--surface));color:var(--kc);font:800 18px var(--display);flex:none}.rb-chi b{display:block;font-size:17px}.rb-chi span{color:var(--ink-2);font-size:14px}
.rb-posto h2{font:800 26px var(--display);margin:0 0 2px;letter-spacing:-.01em}.rb-posto>p{margin:0 0 14px;color:var(--ink-2);font-size:16px}
.rb-posto .sc-box{border:0;box-shadow:none;background:none;margin:0;padding:0;max-width:none}.rb-posto .sc-box>h2{display:none}.rb-posto .sc-box>*{max-width:none}.rb-posto .sc-mappa{border-radius:16px;width:100%;max-width:none}
.rb-posto .og-sez{margin:26px 0 0;padding:0}.rb-posto .og-sez h2{font-size:18px;margin:0 0 10px}
.rb-lato{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}
.rb-insieme{border-radius:18px;padding:22px 22px 20px;background:var(--surface);border:1px solid var(--ln,var(--line));position:relative;overflow:hidden}.rb-insieme::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--kc)}
.rb-insieme h3{margin:0 0 8px;font:800 21px var(--display);letter-spacing:-.01em}.rb-insieme p{margin:0 0 14px;color:var(--ink-2);line-height:1.55;font-size:15px}
.rb-insieme ul{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:8px}.rb-insieme li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:14px;color:var(--ink-2);align-items:start}.rb-insieme li::before{content:"✓";color:var(--kc);font-weight:800}
.rb-insieme .btn-pri{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;font:800 16px var(--display)}
.rb-fonte{font-size:13px;color:var(--ink-3);line-height:1.5;padding:0 6px;margin:0}.rb-fonte a{color:var(--link);text-decoration:none;font-weight:600}
.rb-coda{margin:48px auto 0;max-width:1180px}
@media (max-width:900px){.rb-band{padding:26px 16px 30px}.rb-in{grid-template-columns:1fr;gap:18px}.rb-wm{display:none}.rb-foto{width:100%;aspect-ratio:16/10;order:-1;border-radius:14px}.rb-band .evx-tags{margin-bottom:16px}.rb-data{margin-bottom:10px}.rb-data .n{font-size:80px}.rb-band h1{font-size:28px;max-width:none}.rb-band h1.lungo{font-size:24px}.rb-riga{font-size:15px;margin-bottom:18px}
  .rb-strip{grid-template-columns:1fr 1fr;margin:12px 0 0;border-radius:16px}.rb-strip>div{padding:14px 14px 12px;grid-template-columns:18px 1fr;gap:9px}.rb-strip .ic{width:17px;height:17px}.rb-strip>div:nth-child(2n){border-right:0}.rb-strip>div:nth-child(-n+2){border-bottom:1px solid var(--ln,var(--line))}.rb-strip b{font-size:15px}
  .rb-body{grid-template-columns:1fr;gap:28px;margin-top:26px}.rb-lato{position:static}.rb-desc p,.rb-auto{font-size:16px}.rb-main{gap:30px}}
@media (prefers-reduced-motion:reduce){.rb-crumb{transition:none}}
@media (max-width:900px){.rb-band .rb-az .btn.sc-copia{display:none}}   /* v691/v692: a telefono «Condividi» basta: niente terza riga di pulsanti (v692: regola più specifica, la generica dei .btn vinceva) */
.rb-strip,.rb-body,.rb-coda{width:100%;justify-self:stretch}   /* v691: l'article centra i figli (shrink-to-fit): senza larghezza piena striscia e corpo si stringevano al contenuto (Festa del torrone) */
@media (max-width:900px){.rb-data .alt a,.rb-data .alt .on{min-height:44px;padding:0 14px}}   /* v691: da dito anche il ritorno e le pillole delle date (prova pubblico-aspetto: bersagli ≥ 44 px) */
@media (max-width:900px){.rb-strip a,.rb-fonte a{display:inline-flex;align-items:center;min-height:44px}}   /* v691: i link della striscia e della fonte da dito a telefono */

/* ===== v693 · scheda del film come la «Biglietteria» degli eventi (bozza https://claude.ai/artifact/DFUiV2KJsnK8yYPi2StqZm, pezzo 2; registro 1110–1111). Riusa gli stili rb-… della scheda
   evento: fascia nel colore del genere del film (fb-g-…), a destra il fotogramma del trailer ritagliato (fb-yt) o la locandina vera; striscia Prossima · Cinema · Durata · In sala;
   orari per giorno (fp-orari senza il riquadro), trama, trailer; «Vallo a vedere in compagnia». La scheda vecchia (fp3) non c'è più. */
.rb-band.fb-g-drammatico{--kc:#6d4fb3}.rb-band.fb-g-commedia{--kc:#c98a1a}.rb-band.fb-g-horror{--kc:#b3232a}.rb-band.fb-g-fantascienza{--kc:#1f6fb2}.rb-band.fb-g-azione{--kc:#c95a17}.rb-band.fb-g-animazione{--kc:#1a9a7c}
.rb-band.fb-g-thriller{--kc:#3b3f73}.rb-band.fb-g-documentario{--kc:#5c7a3a}.rb-band.fb-g-musica,.rb-band.fb-g-musicale{--kc:#c42a78}.rb-band.fb-g-crime,.rb-band.fb-g-giallo,.rb-band.fb-g-poliziesco{--kc:#4a4a55}.rb-band.fb-g-avventura{--kc:#2f8f6e}
.rb-band.fb-g-fantasy,.rb-band.fb-g-fantastico{--kc:#7b3fd6}.rb-band.fb-g-romantico,.rb-band.fb-g-sentimentale{--kc:#d1497f}.rb-band.fb-g-storico,.rb-band.fb-g-biografico{--kc:#8f6a43}.rb-band.fb-g-famiglia{--kc:#2a9d8f}.rb-band.fb-g-mistero{--kc:#3b3f73}
.fb-foto{width:420px;aspect-ratio:16/10;border-radius:18px}.fb-foto img{object-fit:cover}.fb-foto.fb-yt{position:relative}.fb-foto.fb-yt img{transform:scale(1.34);object-position:50% 22%}   /* il fotogramma hqdefault è 4:3 con le bande nere: ingrandito e ritagliato */
.fb-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(13,17,23,.72);color:#fff;display:grid;place-items:center;font-size:24px;padding-left:4px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.fb-lead{margin:0 0 14px;color:var(--ink-2);font-size:15px;line-height:1.5;max-width:66ch}
.rb-main .fp-orari{border:0;box-shadow:none;background:none;padding:0;margin:0;max-width:none}.rb-main .fp-orari>h2{display:none}
.rb-main .fb-trailer .yt{max-width:640px}
.rb-data .alt .on+.on{margin-left:0}
@media (max-width:900px){.fb-foto{width:100%;aspect-ratio:16/10;order:-1;border-radius:14px}}

/* ===== v700 · scheda dell'evento «Biglietteria», versione super (6/11/2026; bozze https://claude.ai/artifact/39cxSdCwNEfXSLkC8qZjYA e https://claude.ai/artifact/1xQDM1a92rLnCm4RxSTdeJ, registro 1118).
   L'utente: «vorrei una grafica più bella e professionale, lo schema va bene», poi «una grafica super mega figa e carina, sempre basandosi su questo lavoro che è ottimo»; sul confronto:
   «i tag colorati concerto classica brescia mi piacciono come sono ora, per il resto va bene». Solo stile, stesso schema della v691: fascia immersiva nel colore del genere (macchie in
   movimento, ferme con «riduci le animazioni»; con la foto, la foto sfocata dietro), data come foglio di calendario di vetro, titolo grande con riflesso, «Iscriviti» con la luce,
   foto a cartolina, striscia come un biglietto (tagli ai lati, tratteggi, icone in tondi colorati), sezioni in carte con titoli veri, «Il posto» in una carta con il segnaposto
   che salta, «Non andarci da solo» come invito colorato. Le pillole restano quelle della v691. Vale anche per la scheda del film (v693), che usa le stesse classi rb-…. ===== */
/* fascia: fondo nel colore del genere invece del nero piatto, grana leggera, foto sfocata dietro quando c'è */
.rb-band{background:radial-gradient(120% 140% at 85% 0%,color-mix(in srgb,var(--kc) 55%,#0b0e17) 0%,color-mix(in srgb,var(--kc) 22%,#0b0e17) 45%,#0a0d15 100%);padding-top:40px;padding-bottom:64px}
.rb-band::before{background:radial-gradient(50% 70% at 12% 100%,color-mix(in srgb,var(--kc) 30%,transparent),transparent 70%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.rb-bkfoto{position:absolute;inset:-30px;z-index:0;width:calc(100% + 60px);height:calc(100% + 60px);max-width:none;object-fit:cover;filter:blur(38px) saturate(1.2);opacity:.32;pointer-events:none}
.rb-band::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 60%,rgba(10,13,21,.45));pointer-events:none}
.rb-wm{-webkit-text-stroke:1.5px rgba(255,255,255,.09);font-size:clamp(90px,14vw,200px)}
.rb-band:has(.rb-foto) .rb-wm{display:none}
/* data: linea verticale fra il giorno e mese/anno */
.rb-data{gap:16px}.rb-data .s{padding-left:16px;border-left:2px solid color-mix(in srgb,var(--kc) 60%,#fff)}
.rb-band h1{letter-spacing:-.035em;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.rb-riga{color:#d7dcea}.rb-riga span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.45;margin:0 12px;vertical-align:middle}
/* pulsanti: principale bianco più deciso, gli altri di vetro */
.rb-az .rb-pri{border-radius:999px;padding:0 30px;box-shadow:0 12px 30px -10px rgba(0,0,0,.55),inset 0 -2px 0 rgba(0,0,0,.08)}
.rb-az .rb-sec{border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.rb-az .rb-ic,.rb-az .btn.sc-copia{background:transparent;border-color:rgba(255,255,255,.18)}
.rb-az .rb-ic:hover,.rb-az .rb-sec:hover{background:rgba(255,255,255,.16)}
.rb-foto{border-radius:22px;box-shadow:0 40px 80px -24px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12);transform:rotate(1.2deg)}
/* striscia: icona in un cerchio colorato, valori più grandi, ombra morbida */
.rb-strip{border:0;border-radius:22px;margin-top:-34px;box-shadow:0 1px 0 rgba(15,19,27,.04),0 24px 48px -20px rgba(15,19,27,.28)}
.rb-strip>div{padding:20px 22px;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:center}
.rb-strip .ic{width:38px;height:38px;padding:9px;margin:0;border-radius:12px;box-sizing:border-box;background:color-mix(in srgb,var(--kc) 12%,var(--surface));stroke:var(--kc)}
.rb-strip small{font-size:12px;letter-spacing:.12em;margin-bottom:3px}.rb-strip b{font-size:16.5px;font-family:var(--display);font-weight:700;letter-spacing:-.01em}
/* corpo: titoli di sezione veri, testo più leggibile */
.rb-body{margin-top:52px}
.rb-occ{display:flex;align-items:center;gap:10px;font:800 22px/1.2 var(--display);letter-spacing:-.015em;text-transform:none;color:var(--ink);margin:0 0 14px}
.rb-occ::before{content:"";width:6px;height:22px;border-radius:3px;background:linear-gradient(180deg,var(--kc),color-mix(in srgb,var(--kc) 40%,#fff))}
.rb-desc p,.rb-desc .testo p{font-size:17px;line-height:1.72;color:color-mix(in srgb,var(--ink) 88%,var(--bg))}
.rb-desc .testo p:first-child{font-size:19px;color:var(--ink);font-weight:500}
.rb-auto{font-size:17px;line-height:1.7}
/* il posto: un riquadro unico */
.rb-posto{background:var(--surface);border-radius:22px;padding:24px 24px 18px;box-shadow:0 1px 0 rgba(15,19,27,.04),0 18px 40px -26px rgba(15,19,27,.25)}
.rb-posto h2{font-size:24px}.rb-posto>p{margin-bottom:16px}
.rb-posto .sc-mappa{border-radius:16px;overflow:hidden;max-height:300px}
.rb-posto .sc-ind{display:none}
.rb-posto .sc-arriva h3{font-size:12px;letter-spacing:.12em;margin:16px 0 8px}
.rb-posto .sc-arriva .azioni{display:flex;flex-wrap:wrap;gap:8px}
.rb-posto .sc-arriva .btn{border-radius:999px;min-height:44px;padding:0 16px;font-size:14px}
.rb-posto .sc-arr-n,.rb-posto .sc-nota{font-size:12.5px;margin:8px 0 0}
/* non andarci da solo: testata colorata e spunte in cerchio */
.rb-insieme{padding:0;border:0;border-radius:22px;box-shadow:0 1px 0 rgba(15,19,27,.04),0 24px 48px -24px rgba(15,19,27,.3)}
.rb-insieme::before{display:none}
.rb-insieme h3{margin:0;padding:22px 22px 18px;color:#fff;font-size:21px;background:linear-gradient(135deg,var(--kc),color-mix(in srgb,var(--kc) 55%,#0b0e17))}
.rb-insieme>p{padding:16px 22px 0;margin:0 0 12px}
.rb-insieme ul{padding:0 22px;gap:10px}
.rb-insieme li{grid-template-columns:22px 1fr;align-items:center}
.rb-insieme li::before{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:color-mix(in srgb,var(--kc) 14%,var(--surface))}
.rb-insieme .btn-pri{margin:6px 22px 22px;border-radius:999px}
@media (max-width:900px){.rb-band{padding-bottom:40px}.rb-strip{margin-top:-22px;border-radius:18px}.rb-strip>div{padding:14px;grid-template-columns:32px 1fr;gap:10px}.rb-strip .ic{width:32px;height:32px;padding:7px}
  .rb-posto{padding:18px 16px 14px;border-radius:18px}.rb-occ{font-size:20px}.rb-desc .testo p:first-child{font-size:18px}.rb-desc p,.rb-desc .testo p{font-size:16px}.rb-foto{transform:none}}
/* --- fascia immersiva: macchie di colore che si muovono piano, foto a tutta fascia quando c'è --- */
.rb-band{--k2:color-mix(in srgb,var(--kc) 30%,#ff4f8b);--k3:color-mix(in srgb,var(--kc) 30%,#ffb347);background:#0a0c14;padding-top:56px;padding-bottom:96px;min-height:480px;display:flex;align-items:center}
.rb-band>.rb-in{width:100%}
.rb-band::before{background:radial-gradient(38% 55% at 78% 30%,color-mix(in srgb,var(--kc) 85%,transparent),transparent 70%),radial-gradient(30% 45% at 18% 85%,color-mix(in srgb,var(--k2) 70%,transparent),transparent 70%),radial-gradient(28% 40% at 55% 105%,color-mix(in srgb,var(--k3) 55%,transparent),transparent 70%);filter:blur(10px);animation:sx-blob 18s ease-in-out infinite alternate}
@keyframes sx-blob{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-3%,2%,0) scale(1.06)}100%{transform:translate3d(2%,-2%,0) scale(1.02)}}
.rb-band::after{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),linear-gradient(180deg,rgba(10,12,20,0) 55%,rgba(10,12,20,.55))}
.rb-bkfoto{filter:blur(14px) saturate(1.25) brightness(.7);opacity:.55;inset:-20px}
.rb-band:has(.rb-bkfoto)::before{opacity:.55}
/* titolo grande con un riflesso di colore */
.rb-band h1{font-size:clamp(36px,5.4vw,76px);line-height:.96;letter-spacing:-.045em;max-width:16ch;background:linear-gradient(180deg,#fff 30%,color-mix(in srgb,var(--kc) 25%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 24px rgba(0,0,0,.35))}
.rb-band h1.lungo{font-size:clamp(28px,3.8vw,52px)}
/* data come un foglio di calendario di vetro */
.rb-data{display:inline-flex;gap:0;align-items:stretch;padding:0;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 18px 40px -18px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-bottom:22px}
.rb-data .n{font-size:clamp(54px,6vw,76px);padding:10px 18px 8px;line-height:.9;display:grid;place-items:center;min-width:1.4em}
.rb-data .s{border-left:1px solid rgba(255,255,255,.16);padding:12px 18px;justify-content:center;gap:6px}
.rb-data .s>span{font-size:13px;letter-spacing:.2em;color:#fff}
.rb-data .s em{font-size:13px;letter-spacing:.16em;color:color-mix(in srgb,var(--kc) 35%,#fff)}
.rb-data .alt{padding:10px 14px 10px 4px;align-items:center}
/* pulsante principale con la luce che passa */
.rb-az .rb-pri{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--kc) 12%,#fff));min-height:56px;padding:0 34px;font-size:17px;box-shadow:0 14px 40px -12px color-mix(in srgb,var(--kc) 70%,#000),0 0 0 6px rgba(255,255,255,.06)}
.rb-az .rb-pri::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-120%);animation:sx-luce 4.5s ease-in-out 1.2s infinite}
@keyframes sx-luce{0%,65%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.rb-az .rb-sec{min-height:56px}
/* foto come una cartolina con il riflesso */
.rb-foto{width:360px;transform:rotate(2deg);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 50px 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.14),0 0 80px -10px color-mix(in srgb,var(--kc) 60%,transparent)}
.rb-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.28),transparent 40%);pointer-events:none}
.rb-foto:hover{transform:rotate(0deg) scale(1.02)}
/* --- striscia come un biglietto vero: tagli a mezzaluna e linee tratteggiate --- */
.rb-strip{margin-top:-56px;border-radius:24px;overflow:hidden;background:var(--surface);box-shadow:0 30px 60px -28px rgba(15,19,27,.4),0 0 0 1px color-mix(in srgb,var(--kc) 10%,transparent);
  -webkit-mask:radial-gradient(circle 14px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle 14px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.rb-strip>div{border-right:2px dashed color-mix(in srgb,var(--kc) 18%,var(--line));padding:24px 24px}
.rb-strip>div:first-child{background:linear-gradient(135deg,color-mix(in srgb,var(--kc) 10%,var(--surface)),var(--surface))}
.rb-strip .ic{background:linear-gradient(135deg,var(--kc),color-mix(in srgb,var(--kc) 45%,#ff4f8b));stroke:#fff;width:42px;height:42px;padding:10px;box-shadow:0 10px 20px -10px var(--kc)}
.rb-strip b{font-size:17px}
/* --- corpo: sfondo con aloni leggeri, sezioni in carte di vetro --- */
.rb-body{position:relative;margin-top:64px}
.rb-body::before{display:none}
.rb-main>section:first-child{background:var(--surface);border-radius:24px;padding:28px 30px;box-shadow:0 1px 0 rgba(15,19,27,.04),0 24px 50px -32px rgba(15,19,27,.35)}
.rb-desc .testo p:first-child{font-size:21px;line-height:1.45;font-family:var(--display);font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.rb-chi{border:0;background:linear-gradient(135deg,color-mix(in srgb,var(--kc) 12%,var(--surface)),var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kc) 20%,transparent)}
.rb-posto{border-radius:24px;padding:28px 30px 22px;box-shadow:0 1px 0 rgba(15,19,27,.04),0 24px 50px -32px rgba(15,19,27,.35)}
.rb-posto .sc-pin{animation:sx-pin 2.4s ease-in-out infinite;transform-origin:256px 150px}
@keyframes sx-pin{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.rb-posto .sc-mappa{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kc) 15%,transparent)}
/* «Non andarci da solo» come una carta d'invito colorata */
.rb-insieme{background:linear-gradient(160deg,var(--kc),color-mix(in srgb,var(--kc) 40%,#ff4f8b) 70%,color-mix(in srgb,var(--kc) 20%,#ffb347));color:#fff;box-shadow:0 30px 60px -26px color-mix(in srgb,var(--kc) 75%,#000)}
.rb-insieme h3{background:none;padding:26px 24px 4px;font-size:24px}
.rb-insieme h3::before{content:"✦ ✦ ✦";display:block;font-size:12px;letter-spacing:.3em;margin-bottom:10px;opacity:.8}
.rb-insieme>p{color:rgba(255,255,255,.88);padding:6px 24px 0}
.rb-insieme ul{padding:0 24px}.rb-insieme li{color:#fff}
.rb-insieme li::before{background:rgba(255,255,255,.2);color:#fff}
.rb-insieme .btn-pri{background:#fff;color:#0d1117;margin:10px 24px 24px;min-height:52px;box-shadow:0 12px 26px -12px rgba(0,0,0,.5)}
.rb-fonte{text-align:center}
/* «Altro in quei giorni»: le carte si alzano */
.rb-coda .ev, .rb-coda li, .rb-coda a{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.rb-coda li:hover{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){.rb-band::before,.rb-az .rb-pri::after,.rb-posto .sc-pin{animation:none}}
@media (max-width:900px){.rb-band{min-height:0;padding-top:28px;padding-bottom:64px}.rb-band h1{font-size:34px}.rb-data .n{font-size:52px}.rb-foto{width:100%;transform:rotate(0)}.rb-az .rb-pri,.rb-az .rb-sec{min-height:52px}
  .rb-strip{margin-top:-40px;-webkit-mask:none;mask:none}.rb-strip>div{border-right:0;padding:16px 14px}.rb-strip>div:nth-child(odd){border-right:2px dashed color-mix(in srgb,var(--kc) 18%,var(--line))}.rb-strip>div:nth-child(-n+2){border-bottom:2px dashed color-mix(in srgb,var(--kc) 18%,var(--line))}.rb-strip .ic{width:34px;height:34px;padding:8px}
  .rb-main>section:first-child,.rb-posto{padding:20px 18px;border-radius:20px}.rb-desc .testo p:first-child{font-size:19px}}

/* ===== v701 (7/11/2026; bozza https://claude.ai/artifact/C9x28Pnkw5XnHjTnkUfUQ1, registro 1119). Orari della scheda del film: giorni come i fogli di calendario dell'Agenda
   (testata blu con gli anelli, numero in Newsreader, un pallino per cinema, quanti spettacoli; il giorno scelto si alza e si inclina), il giorno per esteso, ogni cinema in una carta
   del suo colore con nome e città in etichette colorate (colori dei filtri della pagina Cinema; città con le classi ag-c delle altre pagine) e «Biglietti ↗»; orari in pillole con
   ☀/☾ e il calendario dentro. Filigrana del genere («CLASSICA») in alto a destra, intera, anche nei film (prima nascosta con il fotogramma). ===== */
.fb-cc-0{--cc:#0f766e}.fb-cc-1{--cc:#be123c}.fb-cc-2{--cc:#4338ca}.fb-cc-3{--cc:#b45309}.fb-cc-4{--cc:#7c3aed}.fb-cc-5{--cc:#0369a1}
.fb-orari .ox-pt i.fb-cc-0{--pc:#0f766e}.fb-orari .ox-pt i.fb-cc-1{--pc:#be123c}.fb-orari .ox-pt i.fb-cc-2{--pc:#4338ca}.fb-orari .ox-pt i.fb-cc-3{--pc:#b45309}.fb-orari .ox-pt i.fb-cc-4{--pc:#7c3aed}.fb-orari .ox-pt i.fb-cc-5{--pc:#0369a1}
.fb-orari{--oc:var(--kc,#4338ca)}
.fb-orari .fb-lead{font-size:14.5px;color:var(--ink-3);margin-bottom:18px}
/* giorni: fogli di calendario come nell'Agenda (testata colorata con gli anelli, numero in Newsreader, pallini dei cinema, quanti spettacoli); il giorno scelto si alza e si inclina */
.fb-orari .fp-giorni{display:flex;gap:10px;overflow-x:auto;padding:12px 4px 14px;margin:0 0 8px;scrollbar-width:none;border:0}
.fb-orari .fp-giorni button{flex:none;display:flex;flex-direction:column;align-items:center;gap:0;width:92px;padding:0 0 8px;border:0;border-radius:12px;overflow:visible;background:var(--surface);color:var(--ink);box-shadow:0 2px 10px rgba(15,19,27,.1);cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.fb-orari .fp-giorni button:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(15,19,27,.16)}
.fb-orari .fp-giorni button small{position:relative;align-self:stretch;display:block;padding:7px 0 6px;border-radius:12px 12px 0 0;background:#3044d0;color:#fff;font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;text-align:center}
.fb-orari .fp-giorni button small::before,.fb-orari .fp-giorni button small::after{content:"";position:absolute;top:-3px;width:5px;height:9px;border-radius:3px;background:color-mix(in srgb,var(--ink) 35%,var(--surface))}
.fb-orari .fp-giorni button small::before{left:28%}.fb-orari .fp-giorni button small::after{right:28%}
.fb-orari .fp-giorni button.fp-we small{background:#3044d0}
.fb-orari .fp-giorni button b{font:700 30px/1 var(--serif);letter-spacing:-.01em;color:var(--ink);padding:8px 0 2px}
.fb-orari .fp-giorni button i{display:none}
.fb-orari .fp-giorni .ox-pt{display:flex;gap:3px;min-height:7px;margin:2px 0 3px}.fb-orari .fp-giorni .ox-pt i{display:block;width:7px;height:7px;border-radius:50%;background:var(--pc)}
.fb-orari .fp-giorni .ox-n{font:400 12px var(--body);font-style:normal;color:var(--ink-2)}
.fb-orari .fp-giorni button[aria-selected=true]{transform:rotate(-2deg) translateY(-4px);box-shadow:0 10px 22px rgba(15,19,27,.2)}
.fb-orari .fp-giorni button[aria-selected=true] small{background:linear-gradient(90deg,#5b3df5,#c2255c)}
.fb-orari .fp-giorni button[aria-selected=true] b{color:#c2255c}
.fb-orari .fp-g .ox-giorno{display:flex;align-items:baseline;gap:10px;margin:4px 0 2px;padding:0;border:0;font-size:inherit}.fb-orari .ox-giorno small{align-self:center;margin-left:auto;padding:3px 12px;border-radius:999px;background:#3044d0;color:#fff;font:700 12.5px var(--display)}.fb-orari .ox-giorno b{font:700 36px/1 var(--serif);color:var(--ink)}.fb-orari .ox-giorno span{font:700 20px var(--serif);color:var(--ink)}.fb-orari .ox-giorno em{font-style:normal;color:var(--ink-3);font-size:15px}
/* un cinema = una carta */
.fb-orari .fp-g{display:flex;flex-direction:column;gap:12px}
.fb-orari .fp-gc{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 18px;border-radius:18px;background:color-mix(in srgb,var(--cc,#4338ca) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--cc,#4338ca) 16%,var(--line));border-left:4px solid var(--cc,#4338ca)}
.fb-orari .fp-gc-n{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fb-orari .fp-gc-n a.cn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 14px;border-radius:999px;background:var(--cc,#4338ca);color:#fff;font:800 14px var(--display);letter-spacing:.01em;text-decoration:none;box-shadow:0 6px 14px -8px var(--cc,#4338ca)}
.fb-orari .fp-gc-n a.cn::after{content:"›";font-size:17px;line-height:1;opacity:.8}
.fb-orari .fp-gc-n small{display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:999px;background:var(--kc,#475569);color:#fff;font:800 12px var(--display);letter-spacing:.1em;text-transform:uppercase}
.fb-orari .fp-gc-n .ox-bigl{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;font:700 14px var(--body);color:color-mix(in srgb,var(--cc,#4338ca) 80%,var(--ink));text-decoration:none}
.fb-orari .fp-gc-n .ox-bigl:hover{text-decoration:underline;text-underline-offset:3px}
/* orari: pillole bianche con l'ora grande e il 📅 dentro */
.fb-orari .ore{display:flex;flex-wrap:wrap;gap:8px}
.fb-orari .fa{display:block}
.fb-orari .tc{display:inline-flex;align-items:stretch;border-radius:14px;background:var(--surface);border:1px solid color-mix(in srgb,var(--cc,#4338ca) 25%,var(--line));box-shadow:0 1px 0 rgba(15,19,27,.04);overflow:hidden;transition:transform .15s,box-shadow .15s}
.fb-orari .tc:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px color-mix(in srgb,var(--cc,#4338ca) 70%,#000)}
.fb-orari .tc a.t{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 14px 0 14px;background:none;border:0;border-radius:0;font:800 18px var(--display);letter-spacing:-.01em;color:var(--ink);text-decoration:none;box-shadow:none}
.fb-orari .fa-pom a.t::before{content:"☀";font-size:13px;color:#d97706}
.fb-orari .fa-sera a.t::before{content:"☾";font-size:14px;color:color-mix(in srgb,var(--cc,#4338ca) 85%,#000)}
.fb-orari .fa-notte a.t::before{content:"✦";font-size:12px;color:#7c3aed}
.fb-orari .tc a.cal{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:46px;border-left:1px dashed color-mix(in srgb,var(--cc,#4338ca) 25%,var(--line));color:color-mix(in srgb,var(--cc,#4338ca) 80%,var(--ink-2));background:color-mix(in srgb,var(--cc,#4338ca) 6%,transparent)}
.fb-orari .tc a.cal:hover{background:color-mix(in srgb,var(--cc,#4338ca) 14%,transparent)}
.fb-orari .tc a.cal svg{width:18px;height:18px}
.fb-orari .fa-past{opacity:.4;filter:grayscale(.6)}
.fb-orari .fp-biglietti{display:none}
.fb-orari>p.muted.small{font-size:13px;margin-top:14px;color:var(--ink-3)}
@media (max-width:700px){.fb-orari .fp-giorni button{width:66px}.fb-orari .fp-giorni button b{font-size:24px}.fb-orari .fp-giorni .ox-n{display:none}.fb-orari .fp-giorni button small{font-size:12px;letter-spacing:.02em}.fb-orari .fp-gc{padding:14px}.fb-orari .fp-gc-n .ox-bigl{margin-left:0;flex-basis:100%;min-height:36px}.fb-orari .tc a.t{font-size:17px;padding:0 12px}}
.fb-orari .fp-gc .fp-gc-n{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;text-align:left;gap:8px;width:auto}
.fb-orari .fp-gc .fp-gc-n a.cn{width:auto;justify-content:flex-start}
.fb-orari .fp-gc .fp-gc-n small{margin:0}
.fb-orari .fp-gc .ore{justify-content:flex-start}
.fb-orari .fp-giorni button small,.fb-orari .fp-giorni button[aria-selected=true] small,.fb-orari .fp-giorni button.fp-we small{color:#fff}
.fb-orari .fp-giorni button[aria-selected=true]{background:var(--surface);border:0}
.fb-orari .fp-giorni{padding-top:16px}
.rb-band .rb-wm,.rb-band:has(.rb-foto) .rb-wm{display:block;left:auto;right:max(16px,calc(50vw - 600px));top:30px;bottom:auto;transform:none;overflow:visible;max-width:none;font-size:clamp(56px,6.4vw,104px);line-height:.9;text-align:right;-webkit-text-stroke:1.5px rgba(255,255,255,.16);z-index:0}
.rb-band .rb-in{z-index:1}
@media (max-width:900px){.rb-band .rb-wm,.rb-band:has(.rb-foto) .rb-wm{display:none}}

/* v701 (utente: «la dicitura PROSSIMA PROIEZIONE, CINEMA, DURATA, IN SALA va definita meglio, messa in cima al relativo riquadro; rendere più grandi le icone»): nella striscia
   sotto la fascia (film ed eventi) l'etichetta sta in cima a ogni riquadro, in una pillola nel colore del genere; sotto, l'icona da 52 px accanto al valore */
.rb-strip>div{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:2px;align-items:start;padding:16px 20px 18px}
.rb-strip>div>div{display:contents}
.rb-strip>div small{grid-column:1/-1;grid-row:1;justify-self:start;margin:0 0 10px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--kc) 12%,var(--surface));color:color-mix(in srgb,var(--kc) 75%,var(--ink));font:800 12px/1.2 var(--display);letter-spacing:.12em}
.rb-strip>div .ic{grid-column:1;grid-row:2/4;width:52px;height:52px;padding:12px;border-radius:16px}
.rb-strip>div b{grid-column:2;grid-row:2;align-self:end;font-size:18px}
.rb-strip>div span{grid-column:2;grid-row:3;margin-top:2px}
@media (max-width:900px){.rb-strip>div{grid-template-columns:40px minmax(0,1fr);column-gap:10px;padding:14px}.rb-strip>div .ic{width:40px;height:40px;padding:9px;border-radius:12px}.rb-strip>div b{font-size:16px}.rb-strip>div small{margin-bottom:8px;letter-spacing:.08em}}
.fb-orari.fp3-orari .fp-g h3.fp-g-t.ox-giorno,.fb-orari.fp3-orari.fp-js .fp-g h3.fp-g-t.ox-giorno{display:flex;position:static;width:auto;height:auto;clip:auto;overflow:visible;margin:6px 0 4px}   /* v701: il giorno per esteso sopra i cinema (una regola della v633 lo nascondeva quando c'erano le linguette) */

/* v701 · C «Programma» (utente, 7/11/2026: «la C è la direzione giusta, raffinazione successiva»; bozza https://claude.ai/artifact/WUDHkZdQu2uLGCo8TuAjJ3): il giorno in grande con
   il riassunto, un pannello unico con i cinema divisi da una linea, logo tondo nel colore del cinema, indirizzo con la città in etichetta, «Mappa» e «Biglietti»; orari come
   biglietti con l'ora grande e sotto «Prossimo · tra 45 min», «Sera» o il formato (Dolby Atmos, 4K, V.O.…); il calendario centrato con le frecce (js/pubblico-schede.js) */
.fb-orari .ox-cal{position:relative;margin:0 0 8px}
.fb-orari .ox-cal .fp-giorni{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(84px,108px);justify-content:safe center;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;padding:16px 6px 16px;margin:0}
.fb-orari .ox-cal .fp-giorni button{width:auto;scroll-snap-align:center}
.fb-orari .ox-cal.ox-scorre .fp-giorni{justify-content:start;padding-inline:48px}
.fb-orari .ox-cal .ox-fr{position:absolute;top:50%;z-index:2;width:40px;height:40px;margin-top:-20px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:700 22px/1 var(--display);display:none;place-items:center;box-shadow:0 8px 18px -8px rgba(15,19,27,.35);cursor:pointer}
.fb-orari .ox-cal.ox-scorre .ox-fr{display:grid}
.fb-orari .ox-cal .ox-fr[disabled]{opacity:.3;cursor:default}
.fb-orari .ox-cal .ox-fr.prima{left:0}.fb-orari .ox-cal .ox-fr.dopo{right:0}
.fb-orari .ox-cal.ox-scorre::before,.fb-orari .ox-cal.ox-scorre::after{content:"";position:absolute;top:0;bottom:0;width:48px;z-index:1;pointer-events:none}
.fb-orari .ox-cal.ox-scorre::before{left:0;background:linear-gradient(90deg,var(--surface),transparent)}.fb-orari .ox-cal.ox-scorre::after{right:0;background:linear-gradient(270deg,var(--surface),transparent)}
@media (max-width:700px){.fb-orari .ox-cal .fp-giorni{grid-auto-columns:68px;gap:8px}.fb-orari .ox-cal.ox-scorre .fp-giorni{padding-inline:6px}.fb-orari .ox-cal .ox-fr{display:none!important}.fb-orari .ox-cal.ox-scorre::before,.fb-orari .ox-cal.ox-scorre::after{width:24px}}
@media (max-width:700px){.fb-orari .fp-gc .fp-gc-n .ox-bigl{flex:0 0 auto;flex-basis:auto;width:auto;min-height:40px}.fb-orari .tc a.t{font-size:16px;padding:0 10px;min-height:44px}.fb-orari .tc a.cal{width:40px;min-height:44px}.fb-orari .ore{gap:6px}}

.fb-orari .fp-g>h3.fp-g-t.ox-som,.fb-orari.fp3-orari.fp-js .fp-g>h3.fp-g-t.ox-som{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;position:static;width:auto;height:auto;clip:auto;overflow:visible;margin:4px 0 14px;padding:0;border:0;font:inherit}
.fb-orari .ox-som b{font:700 27px/1.1 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.fb-orari .ox-som span{font:600 14px var(--body);color:var(--ink-3)}
.fb-orari .ox-som small{align-self:center;margin-left:auto;padding:4px 12px;border-radius:999px;background:#3044d0;color:#fff;font:700 12.5px var(--display)}
.fb-orari .fp-g.on{display:block}
.fb-orari .ox-lista{border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 rgba(15,19,27,.04),0 20px 44px -30px rgba(15,19,27,.4);overflow:hidden}
.fb-orari .ox-lista .fp-gc{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:22px 24px;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
.fb-orari .ox-lista .fp-gc+.fp-gc{border-top:1px solid var(--line)}
.fb-orari .ox-lista .fp-gc-n{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"lg nm az" "lg ind az";column-gap:14px;row-gap:2px;align-items:center;text-align:left}
.fb-orari .ox-logo{grid-area:lg;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--cc);color:#fff;font:800 15px var(--display);letter-spacing:-.02em;box-shadow:0 0 0 4px color-mix(in srgb,var(--cc) 16%,transparent)}
.fb-orari .ox-lista .fp-gc-n a.cn{grid-area:nm;justify-self:start;display:inline-flex;align-items:center;gap:4px;min-height:0;padding:0;background:none;box-shadow:none;border:0;color:var(--ink);font:800 19px/1.2 var(--display);letter-spacing:-.01em;text-decoration:none}
.fb-orari .ox-lista .fp-gc-n a.cn::after{content:"›";color:var(--ink-3);font-size:19px;opacity:1}
.fb-orari .ox-lista .fp-gc-n a.cn:hover{color:var(--cc)}
.fb-orari .ox-ind{grid-area:ind;display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font:500 14px var(--body);color:var(--ink-2)}
.fb-orari .ox-ind .ic{width:15px;height:15px;stroke:var(--ink-3);fill:none;stroke-width:2}
.fb-orari .ox-ind small{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;background:color-mix(in srgb,var(--kc,#7c3aed) 13%,var(--surface));color:color-mix(in srgb,var(--kc,#7c3aed) 80%,var(--ink));font:800 12px var(--display);letter-spacing:.1em;text-transform:uppercase;box-shadow:none}
.fb-orari .ox-az{grid-area:az;display:flex;gap:8px}
.fb-orari .ox-az a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:700 14px var(--body);text-decoration:none;white-space:nowrap;margin:0;transition:transform .15s,background .15s}
.fb-orari .ox-az a .ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.fb-orari .ox-az a.ox-mappa{width:44px;padding:0}
.fb-orari .ox-az a.ox-bigl{border-color:color-mix(in srgb,var(--cc) 45%,var(--line));color:color-mix(in srgb,var(--cc) 85%,var(--ink));background:color-mix(in srgb,var(--cc) 7%,var(--surface))}
.fb-orari .ox-az a:hover{transform:translateY(-1px)}.fb-orari .ox-az a.ox-bigl:hover{background:var(--cc);color:#fff;border-color:var(--cc)}
/* orari come biglietti */
.fb-orari .ox-lista .ore{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.fb-orari .ox-lista .fa{display:block;opacity:1;filter:none}
.fb-orari .ox-lista .tc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;min-height:66px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:none;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}
.fb-orari .ox-lista .tc:hover{border-color:var(--cc);box-shadow:0 10px 22px -14px color-mix(in srgb,var(--cc) 80%,#000);transform:translateY(-2px)}
.fb-orari .ox-lista .tc a.t{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:66px;padding:9px 0 9px 14px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ink);text-decoration:none}
.fb-orari .ox-lista .tc a.t::before{display:none}
.fb-orari .ox-ora{font:800 21px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fb-orari .ox-et{display:inline-flex;align-items:center;gap:4px;font:700 12px/1 var(--body);color:var(--ink-3)}
.fb-orari .ox-et.ox-pom::before{content:"☀";color:#d97706}.fb-orari .ox-et.ox-sera::before{content:"☾";color:color-mix(in srgb,var(--cc) 70%,var(--ink))}.fb-orari .ox-et.ox-notte::before{content:"✦";color:#7c3aed}
.fb-orari .ox-fmt{display:inline-flex;align-items:center;margin-left:2px;padding:2px 7px;border-radius:6px;background:color-mix(in srgb,var(--cc) 12%,var(--surface));color:color-mix(in srgb,var(--cc) 85%,var(--ink));font:800 12px/1.2 var(--display);letter-spacing:.02em}
.fb-orari .ox-lista .tc a.t>span:not(.ox-ora){display:inline-flex}
.fb-orari .ox-lista .tc a.t{flex-wrap:wrap}
.fb-orari .ox-lista .tc a.cal{display:grid;place-items:center;width:44px;min-height:66px;border:0;border-left:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:none;color:var(--ink-3);border-radius:0}
.fb-orari .ox-lista .tc a.cal:hover{color:var(--cc);background:color-mix(in srgb,var(--cc) 8%,var(--surface))}
.fb-orari .ox-lista .tc a.cal .ic,.fb-orari .ox-lista .tc a.cal svg{width:19px;height:19px}
.fb-orari .ox-lista .fa.ox-pross .tc{background:var(--cc);border-color:var(--cc);box-shadow:0 14px 26px -12px color-mix(in srgb,var(--cc) 85%,#000)}
.fb-orari .ox-lista .fa.ox-pross .tc a.t,.fb-orari .ox-lista .fa.ox-pross .ox-et{color:#fff}
.fb-orari .ox-lista .fa.ox-pross .ox-fmt{background:rgba(255,255,255,.2);color:#fff}
.fb-orari .ox-lista .fa.ox-pross .tc a.cal{color:#fff;border-left-color:rgba(255,255,255,.25)}.fb-orari .ox-lista .fa.ox-pross .tc a.cal:hover{background:rgba(255,255,255,.14)}
.fb-orari .ox-lista .fa-past .tc{background:color-mix(in srgb,var(--ink) 3%,var(--surface))}.fb-orari .ox-lista .fa-past .ox-ora{color:var(--ink-3);text-decoration:line-through;text-decoration-thickness:1.5px}
.fb-orari .fb-lead{margin:14px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.fb-orari>p.muted.small{margin-top:6px}
@media (max-width:700px){.fb-orari .ox-lista .fp-gc{padding:16px}.fb-orari .ox-lista .fp-gc-n{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"lg nm" "lg ind" "az az";row-gap:4px}.fb-orari .ox-logo{width:40px;height:40px}
  .fb-orari .ox-az{margin-top:8px}.fb-orari .ox-lista .ore{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fb-orari .ox-lista .tc{grid-template-columns:minmax(0,1fr) 40px}.fb-orari .ox-lista .tc a.cal{width:40px}
  .fb-orari .ox-lista .tc a.t{padding-left:12px}.fb-orari .ox-ora{font-size:20px}.fb-orari .ox-som b{font-size:24px}.fb-orari .ox-som small{margin-left:0}}
.fb-orari .ox-lista .fp-gc-n a.cn{min-height:44px}.fb-orari .ox-cal .ox-fr{width:44px;height:44px;margin-top:-22px}   /* v701: bersagli da 44 px */
.fb-orari .ox-lista .tc a.t{flex-direction:column;flex-wrap:nowrap;gap:4px}
.fb-orari .ox-lista .tc a.t>span:not(.ox-ora){display:inline-flex;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-orari .ox-fmt{margin-left:0}
.fb-orari .ox-tra{font:700 12px/1 var(--body);color:var(--ink-3)}.fb-orari .ox-lista .fa.ox-pross .ox-tra{color:rgba(255,255,255,.88)}
.fb-orari .ox-fmt .ox-lg{white-space:pre}@media (max-width:700px){.fb-orari .ox-fmt .ox-lg{display:none}}
.fb-orari .fp-g>h3.fp-g-t.ox-som,.fb-orari.fp3-orari.fp-js .fp-g>h3.fp-g-t.ox-som{font-family:var(--serif)}.fb-orari .ox-som span{font-family:var(--body)}   /* v701: il titolo del giorno è in Newsreader (regola dei titoli della parte pubblica) */

/* ===== v702 · i posti dei concerti (registro 1120): colori dei due tipi nuovi, «N concerti in programma» nelle schede, calendario nella pagina del posto, «Il posto» che porta alla pagina ===== */
.k-teatri-e-auditorium{--c:#A61E4D}.k-club-e-musica-dal-vivo{--c:#D9480F}
.loc-card .loc-pross{display:inline-flex;align-items:center;gap:5px;margin-top:2px;font:700 12.5px var(--body);color:color-mix(in srgb,var(--c,#3044d0) 80%,var(--ink))}
.loc-card .loc-pross .ic{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.loc-prossimi h2 .muted{font:600 15px var(--body);margin-left:6px}
.loc-cal{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.loc-cal a{display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.loc-cal a:hover{transform:translateY(-2px);box-shadow:0 10px 22px -14px rgba(15,19,27,.4)}
.loc-cal .lc-d{flex:none;display:grid;place-items:center;width:52px;padding:6px 0;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--ink)}
.loc-cal .lc-d b{font:800 21px/1 var(--display)}.loc-cal .lc-d i{font:700 12px/1.2 var(--body);font-style:normal;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}
.loc-cal .lc-t{display:grid;gap:2px;min-width:0}.loc-cal .lc-t strong{font:700 16px/1.25 var(--display);overflow:hidden;text-overflow:ellipsis}.loc-cal .lc-t span{font-size:13.5px;color:var(--ink-3)}
.rb-posto h2 a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .2s}.rb-posto h2 a:hover{background-size:100% 2px}
.rb-posto .rb-qui{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:700 14px var(--body);text-decoration:none}
.rb-posto .rb-qui .ic{width:16px;height:16px;stroke:var(--kc,var(--accent));fill:none;stroke-width:2}.rb-posto .rb-qui:hover{border-color:var(--kc,var(--accent))}
/* v702 (utente: «puoi mettere ← Tutti gli eventi e Tutti i concerti in risalto?»): il ritorno all'elenco come pulsante a pillola di vetro sulla fascia */
.rb-band .rb-crumb{opacity:1;gap:8px;min-height:44px;margin:0 0 14px;padding:0 18px 0 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;font:700 15px var(--display);letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px -8px rgba(0,0,0,.45);transition:background .15s,transform .15s,border-color .15s}
.rb-band .rb-crumb:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.5);transform:translateX(-2px)}
.rb-band .rb-crumb:focus-visible{outline:3px solid #fff;outline-offset:3px}
.rb-band .rb-crumb{min-height:44px}
/* v702 (utente: «puoi fare anche QUANDO DOVE BIGLIETTI E ORGANIZZA di vari colori?»): ogni riquadro della striscia ha il suo colore, nell'etichetta e nell'icona
   (1 blu · 2 verde · 3 ambra · 4 viola; nei film: prossima proiezione, cinema, durata, in sala) */
.rb-strip>div:nth-child(1){--sc:#3044d0}.rb-strip>div:nth-child(2){--sc:#0f8a5f}.rb-strip>div:nth-child(3){--sc:#c76a00}.rb-strip>div:nth-child(4){--sc:#7c3aed}
.rb-strip>div small{background:color-mix(in srgb,var(--sc) 13%,var(--surface));color:color-mix(in srgb,var(--sc) 82%,var(--ink))}
.rb-strip>div .ic{background:linear-gradient(140deg,color-mix(in srgb,var(--sc) 78%,#fff),var(--sc));box-shadow:0 10px 20px -10px var(--sc);stroke:#fff}
.rb-strip>div:first-child{background:color-mix(in srgb,var(--sc) 5%,var(--surface))}
/* v702 (utente: «puoi creare un'animazione quando il mouse è su Cosa ti aspetta e Il posto»): solo con il mouse, la carta si alza, prende un alone nel colore
   del genere, la lineetta del titolo si allunga e il bordo si accende; la mappa si avvicina appena. Ferma con «riduci le animazioni» */
@media (hover:hover) and (pointer:fine){
  .rb-main>section:first-child,.rb-posto{position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
  .rb-main>section:first-child::after,.rb-posto::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent,#3044d0) 55%,transparent);opacity:0;transition:opacity .35s}
  .rb-main>section:first-child:hover,.rb-posto:hover{transform:translateY(-6px);box-shadow:0 28px 50px -26px color-mix(in srgb,var(--accent,#3044d0) 65%,rgba(15,19,27,.6)),0 2px 0 rgba(15,19,27,.03)}
  .rb-main>section:first-child:hover::after,.rb-posto:hover::after{opacity:1}
  .rb-main>section:first-child .rb-occ::before,.rb-posto .rb-occ::before{transition:height .35s cubic-bezier(.2,.8,.2,1),width .35s}
  .rb-main>section:first-child:hover .rb-occ::before,.rb-posto:hover .rb-occ::before{height:30px;width:8px}
  .rb-posto .sc-mappa{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .rb-posto:hover .sc-mappa{transform:scale(1.015)}
}
@media (prefers-reduced-motion:reduce){.rb-main>section:first-child,.rb-posto,.rb-posto .sc-mappa,.rb-occ::before{transition:none!important}.rb-main>section:first-child:hover,.rb-posto:hover,.rb-posto:hover .sc-mappa{transform:none}}
/* v702: le 100 foto di «Cosa fai stasera?» (la prima dell'ora è una classe fo-<nnn>: la CSP non ammette style="") */
.testata-oggi.fo-001{--foto-pc:url(/img/oggi/001-pc.webp);--foto-tel:url(/img/oggi/001-tel.webp)}
.testata-oggi.fo-002{--foto-pc:url(/img/oggi/002-pc.webp);--foto-tel:url(/img/oggi/002-tel.webp)}
.testata-oggi.fo-003{--foto-pc:url(/img/oggi/003-pc.webp);--foto-tel:url(/img/oggi/003-tel.webp)}
.testata-oggi.fo-004{--foto-pc:url(/img/oggi/004-pc.webp);--foto-tel:url(/img/oggi/004-tel.webp)}
.testata-oggi.fo-005{--foto-pc:url(/img/oggi/005-pc.webp);--foto-tel:url(/img/oggi/005-tel.webp)}
.testata-oggi.fo-006{--foto-pc:url(/img/oggi/006-pc.webp);--foto-tel:url(/img/oggi/006-tel.webp)}
.testata-oggi.fo-007{--foto-pc:url(/img/oggi/007-pc.webp);--foto-tel:url(/img/oggi/007-tel.webp)}
.testata-oggi.fo-008{--foto-pc:url(/img/oggi/008-pc.webp);--foto-tel:url(/img/oggi/008-tel.webp)}
.testata-oggi.fo-009{--foto-pc:url(/img/oggi/009-pc.webp);--foto-tel:url(/img/oggi/009-tel.webp)}
.testata-oggi.fo-010{--foto-pc:url(/img/oggi/010-pc.webp);--foto-tel:url(/img/oggi/010-tel.webp)}
.testata-oggi.fo-011{--foto-pc:url(/img/oggi/011-pc.webp);--foto-tel:url(/img/oggi/011-tel.webp)}
.testata-oggi.fo-012{--foto-pc:url(/img/oggi/012-pc.webp);--foto-tel:url(/img/oggi/012-tel.webp)}
.testata-oggi.fo-013{--foto-pc:url(/img/oggi/013-pc.webp);--foto-tel:url(/img/oggi/013-tel.webp)}
.testata-oggi.fo-014{--foto-pc:url(/img/oggi/014-pc.webp);--foto-tel:url(/img/oggi/014-tel.webp)}
.testata-oggi.fo-015{--foto-pc:url(/img/oggi/015-pc.webp);--foto-tel:url(/img/oggi/015-tel.webp)}
.testata-oggi.fo-016{--foto-pc:url(/img/oggi/016-pc.webp);--foto-tel:url(/img/oggi/016-tel.webp)}
.testata-oggi.fo-017{--foto-pc:url(/img/oggi/017-pc.webp);--foto-tel:url(/img/oggi/017-tel.webp)}
.testata-oggi.fo-018{--foto-pc:url(/img/oggi/018-pc.webp);--foto-tel:url(/img/oggi/018-tel.webp)}
.testata-oggi.fo-019{--foto-pc:url(/img/oggi/019-pc.webp);--foto-tel:url(/img/oggi/019-tel.webp)}
.testata-oggi.fo-020{--foto-pc:url(/img/oggi/020-pc.webp);--foto-tel:url(/img/oggi/020-tel.webp)}
.testata-oggi.fo-021{--foto-pc:url(/img/oggi/021-pc.webp);--foto-tel:url(/img/oggi/021-tel.webp)}
.testata-oggi.fo-022{--foto-pc:url(/img/oggi/022-pc.webp);--foto-tel:url(/img/oggi/022-tel.webp)}
.testata-oggi.fo-023{--foto-pc:url(/img/oggi/023-pc.webp);--foto-tel:url(/img/oggi/023-tel.webp)}
.testata-oggi.fo-024{--foto-pc:url(/img/oggi/024-pc.webp);--foto-tel:url(/img/oggi/024-tel.webp)}
.testata-oggi.fo-025{--foto-pc:url(/img/oggi/025-pc.webp);--foto-tel:url(/img/oggi/025-tel.webp)}
.testata-oggi.fo-026{--foto-pc:url(/img/oggi/026-pc.webp);--foto-tel:url(/img/oggi/026-tel.webp)}
.testata-oggi.fo-027{--foto-pc:url(/img/oggi/027-pc.webp);--foto-tel:url(/img/oggi/027-tel.webp)}
.testata-oggi.fo-028{--foto-pc:url(/img/oggi/028-pc.webp);--foto-tel:url(/img/oggi/028-tel.webp)}
.testata-oggi.fo-029{--foto-pc:url(/img/oggi/029-pc.webp);--foto-tel:url(/img/oggi/029-tel.webp)}
.testata-oggi.fo-030{--foto-pc:url(/img/oggi/030-pc.webp);--foto-tel:url(/img/oggi/030-tel.webp)}
.testata-oggi.fo-031{--foto-pc:url(/img/oggi/031-pc.webp);--foto-tel:url(/img/oggi/031-tel.webp)}
.testata-oggi.fo-032{--foto-pc:url(/img/oggi/032-pc.webp);--foto-tel:url(/img/oggi/032-tel.webp)}
.testata-oggi.fo-033{--foto-pc:url(/img/oggi/033-pc.webp);--foto-tel:url(/img/oggi/033-tel.webp)}
.testata-oggi.fo-034{--foto-pc:url(/img/oggi/034-pc.webp);--foto-tel:url(/img/oggi/034-tel.webp)}
.testata-oggi.fo-035{--foto-pc:url(/img/oggi/035-pc.webp);--foto-tel:url(/img/oggi/035-tel.webp)}
.testata-oggi.fo-036{--foto-pc:url(/img/oggi/036-pc.webp);--foto-tel:url(/img/oggi/036-tel.webp)}
.testata-oggi.fo-037{--foto-pc:url(/img/oggi/037-pc.webp);--foto-tel:url(/img/oggi/037-tel.webp)}
.testata-oggi.fo-038{--foto-pc:url(/img/oggi/038-pc.webp);--foto-tel:url(/img/oggi/038-tel.webp)}
.testata-oggi.fo-039{--foto-pc:url(/img/oggi/039-pc.webp);--foto-tel:url(/img/oggi/039-tel.webp)}
.testata-oggi.fo-040{--foto-pc:url(/img/oggi/040-pc.webp);--foto-tel:url(/img/oggi/040-tel.webp)}
.testata-oggi.fo-041{--foto-pc:url(/img/oggi/041-pc.webp);--foto-tel:url(/img/oggi/041-tel.webp)}
.testata-oggi.fo-042{--foto-pc:url(/img/oggi/042-pc.webp);--foto-tel:url(/img/oggi/042-tel.webp)}
.testata-oggi.fo-043{--foto-pc:url(/img/oggi/043-pc.webp);--foto-tel:url(/img/oggi/043-tel.webp)}
.testata-oggi.fo-044{--foto-pc:url(/img/oggi/044-pc.webp);--foto-tel:url(/img/oggi/044-tel.webp)}
.testata-oggi.fo-045{--foto-pc:url(/img/oggi/045-pc.webp);--foto-tel:url(/img/oggi/045-tel.webp)}
.testata-oggi.fo-046{--foto-pc:url(/img/oggi/046-pc.webp);--foto-tel:url(/img/oggi/046-tel.webp)}
.testata-oggi.fo-047{--foto-pc:url(/img/oggi/047-pc.webp);--foto-tel:url(/img/oggi/047-tel.webp)}
.testata-oggi.fo-048{--foto-pc:url(/img/oggi/048-pc.webp);--foto-tel:url(/img/oggi/048-tel.webp)}
.testata-oggi.fo-049{--foto-pc:url(/img/oggi/049-pc.webp);--foto-tel:url(/img/oggi/049-tel.webp)}
.testata-oggi.fo-050{--foto-pc:url(/img/oggi/050-pc.webp);--foto-tel:url(/img/oggi/050-tel.webp)}
.testata-oggi.fo-051{--foto-pc:url(/img/oggi/051-pc.webp);--foto-tel:url(/img/oggi/051-tel.webp)}
.testata-oggi.fo-052{--foto-pc:url(/img/oggi/052-pc.webp);--foto-tel:url(/img/oggi/052-tel.webp)}
.testata-oggi.fo-053{--foto-pc:url(/img/oggi/053-pc.webp);--foto-tel:url(/img/oggi/053-tel.webp)}
.testata-oggi.fo-054{--foto-pc:url(/img/oggi/054-pc.webp);--foto-tel:url(/img/oggi/054-tel.webp)}
.testata-oggi.fo-055{--foto-pc:url(/img/oggi/055-pc.webp);--foto-tel:url(/img/oggi/055-tel.webp)}
.testata-oggi.fo-056{--foto-pc:url(/img/oggi/056-pc.webp);--foto-tel:url(/img/oggi/056-tel.webp)}
.testata-oggi.fo-057{--foto-pc:url(/img/oggi/057-pc.webp);--foto-tel:url(/img/oggi/057-tel.webp)}
.testata-oggi.fo-058{--foto-pc:url(/img/oggi/058-pc.webp);--foto-tel:url(/img/oggi/058-tel.webp)}
.testata-oggi.fo-059{--foto-pc:url(/img/oggi/059-pc.webp);--foto-tel:url(/img/oggi/059-tel.webp)}
.testata-oggi.fo-060{--foto-pc:url(/img/oggi/060-pc.webp);--foto-tel:url(/img/oggi/060-tel.webp)}
.testata-oggi.fo-061{--foto-pc:url(/img/oggi/061-pc.webp);--foto-tel:url(/img/oggi/061-tel.webp)}
.testata-oggi.fo-062{--foto-pc:url(/img/oggi/062-pc.webp);--foto-tel:url(/img/oggi/062-tel.webp)}
.testata-oggi.fo-063{--foto-pc:url(/img/oggi/063-pc.webp);--foto-tel:url(/img/oggi/063-tel.webp)}
.testata-oggi.fo-064{--foto-pc:url(/img/oggi/064-pc.webp);--foto-tel:url(/img/oggi/064-tel.webp)}
.testata-oggi.fo-065{--foto-pc:url(/img/oggi/065-pc.webp);--foto-tel:url(/img/oggi/065-tel.webp)}
.testata-oggi.fo-066{--foto-pc:url(/img/oggi/066-pc.webp);--foto-tel:url(/img/oggi/066-tel.webp)}
.testata-oggi.fo-067{--foto-pc:url(/img/oggi/067-pc.webp);--foto-tel:url(/img/oggi/067-tel.webp)}
.testata-oggi.fo-068{--foto-pc:url(/img/oggi/068-pc.webp);--foto-tel:url(/img/oggi/068-tel.webp)}
.testata-oggi.fo-069{--foto-pc:url(/img/oggi/069-pc.webp);--foto-tel:url(/img/oggi/069-tel.webp)}
.testata-oggi.fo-070{--foto-pc:url(/img/oggi/070-pc.webp);--foto-tel:url(/img/oggi/070-tel.webp)}
.testata-oggi.fo-071{--foto-pc:url(/img/oggi/071-pc.webp);--foto-tel:url(/img/oggi/071-tel.webp)}
.testata-oggi.fo-072{--foto-pc:url(/img/oggi/072-pc.webp);--foto-tel:url(/img/oggi/072-tel.webp)}
.testata-oggi.fo-073{--foto-pc:url(/img/oggi/073-pc.webp);--foto-tel:url(/img/oggi/073-tel.webp)}
.testata-oggi.fo-074{--foto-pc:url(/img/oggi/074-pc.webp);--foto-tel:url(/img/oggi/074-tel.webp)}
.testata-oggi.fo-075{--foto-pc:url(/img/oggi/075-pc.webp);--foto-tel:url(/img/oggi/075-tel.webp)}
.testata-oggi.fo-076{--foto-pc:url(/img/oggi/076-pc.webp);--foto-tel:url(/img/oggi/076-tel.webp)}
.testata-oggi.fo-077{--foto-pc:url(/img/oggi/077-pc.webp);--foto-tel:url(/img/oggi/077-tel.webp)}
.testata-oggi.fo-078{--foto-pc:url(/img/oggi/078-pc.webp);--foto-tel:url(/img/oggi/078-tel.webp)}
.testata-oggi.fo-079{--foto-pc:url(/img/oggi/079-pc.webp);--foto-tel:url(/img/oggi/079-tel.webp)}
.testata-oggi.fo-080{--foto-pc:url(/img/oggi/080-pc.webp);--foto-tel:url(/img/oggi/080-tel.webp)}
.testata-oggi.fo-081{--foto-pc:url(/img/oggi/081-pc.webp);--foto-tel:url(/img/oggi/081-tel.webp)}
.testata-oggi.fo-082{--foto-pc:url(/img/oggi/082-pc.webp);--foto-tel:url(/img/oggi/082-tel.webp)}
.testata-oggi.fo-083{--foto-pc:url(/img/oggi/083-pc.webp);--foto-tel:url(/img/oggi/083-tel.webp)}
.testata-oggi.fo-084{--foto-pc:url(/img/oggi/084-pc.webp);--foto-tel:url(/img/oggi/084-tel.webp)}
.testata-oggi.fo-085{--foto-pc:url(/img/oggi/085-pc.webp);--foto-tel:url(/img/oggi/085-tel.webp)}
.testata-oggi.fo-086{--foto-pc:url(/img/oggi/086-pc.webp);--foto-tel:url(/img/oggi/086-tel.webp)}
.testata-oggi.fo-087{--foto-pc:url(/img/oggi/087-pc.webp);--foto-tel:url(/img/oggi/087-tel.webp)}
.testata-oggi.fo-088{--foto-pc:url(/img/oggi/088-pc.webp);--foto-tel:url(/img/oggi/088-tel.webp)}
.testata-oggi.fo-089{--foto-pc:url(/img/oggi/089-pc.webp);--foto-tel:url(/img/oggi/089-tel.webp)}
.testata-oggi.fo-090{--foto-pc:url(/img/oggi/090-pc.webp);--foto-tel:url(/img/oggi/090-tel.webp)}
.testata-oggi.fo-091{--foto-pc:url(/img/oggi/091-pc.webp);--foto-tel:url(/img/oggi/091-tel.webp)}
.testata-oggi.fo-092{--foto-pc:url(/img/oggi/092-pc.webp);--foto-tel:url(/img/oggi/092-tel.webp)}
.testata-oggi.fo-093{--foto-pc:url(/img/oggi/093-pc.webp);--foto-tel:url(/img/oggi/093-tel.webp)}
.testata-oggi.fo-094{--foto-pc:url(/img/oggi/094-pc.webp);--foto-tel:url(/img/oggi/094-tel.webp)}
.testata-oggi.fo-095{--foto-pc:url(/img/oggi/095-pc.webp);--foto-tel:url(/img/oggi/095-tel.webp)}
.testata-oggi.fo-096{--foto-pc:url(/img/oggi/096-pc.webp);--foto-tel:url(/img/oggi/096-tel.webp)}
.testata-oggi.fo-097{--foto-pc:url(/img/oggi/097-pc.webp);--foto-tel:url(/img/oggi/097-tel.webp)}
.testata-oggi.fo-098{--foto-pc:url(/img/oggi/098-pc.webp);--foto-tel:url(/img/oggi/098-tel.webp)}
.testata-oggi.fo-099{--foto-pc:url(/img/oggi/099-pc.webp);--foto-tel:url(/img/oggi/099-tel.webp)}
.testata-oggi.fo-100{--foto-pc:url(/img/oggi/100-pc.webp);--foto-tel:url(/img/oggi/100-tel.webp)}
.testata-oggi .og-fsegni i.og-fs-solo{width:56px}
/* v703 (utente, 7/11/2026: «le foto di Cosa fai stasera sono troncate… non puoi ridurre la size?»): la fascia prende la forma della foto (2800×526 a computer, 1080×1160 a
   telefono), così sugli schermi larghi si vede tutta invece di perdere un quarto sopra e sotto; è un'altezza minima: se il testo ha bisogno di più spazio la fascia cresce e si perdono solo i lati */
@media (min-width:721px){ html body .testata.testata-oggi{min-height:calc(min(100vw - 40px, 1952px) * 526 / 2800);height:auto} }
@media (max-width:720px){ html body .testata.testata-oggi{min-height:calc((100vw - 32px) * 1160 / 1080);height:auto} }
.rb-posto h2 a{display:inline-flex;align-items:center;min-height:44px}   /* v703: il nome del posto (v702) è un collegamento: 44 px anche a telefono */
/* ===== v703 · Concerti, vista «Elenco»: ogni giorno una riga che scorre di schede con la locandina come sfondo (colore del genere, strumento in trasparenza, testo bianco).
   Bozza https://claude.ai/artifact/PnsYCinq2Ld75TNHpXrnL6 (v4: «va bene»). Le righe sono le stesse delle altre viste; js/pubblico.js le raccoglie in .ox-gg (registro 1121). ===== */
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .mm-con .elenco:has(.ox-gg){display:block}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .elenco>h3.giorno:has(.ox-gz){display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:26px 0 8px}
.giorno .ox-gz{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}
.giorno .ox-n{font:600 14px var(--body);color:var(--ink-3);white-space:nowrap}
.giorno .ox-fr{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:700 20px/1 var(--display);display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s}
.giorno .ox-fr:first-of-type{margin-left:auto}
.giorno .ox-fr:hover:not([disabled]){background:var(--ink);color:var(--surface)}.giorno .ox-fr[disabled]{opacity:.35;cursor:default}
.ox-gg{position:relative;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 16px;margin:0 0 4px;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}
.ox-gg::-webkit-scrollbar{display:none}
.ox-gg.ox-piu{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
.ox-gg:focus-visible{outline:3px solid var(--link);outline-offset:4px;border-radius:18px}
.ox-gg .og-adesso{display:none}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.ev-linea{flex:0 0 300px;scroll-snap-align:start;position:relative;overflow:hidden;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto 1fr;align-content:start;gap:10px 10px;min-height:168px;margin:0;padding:16px 18px 18px;border:0;border-radius:18px;color:#fff;
  background-color:color-mix(in srgb,var(--kc) 78%,#0b0e17);background-image:radial-gradient(130% 120% at 100% 0%,var(--kc) 0%,var(--kc) 30%,color-mix(in srgb,var(--kc) 58%,#0b0e17) 100%);content-visibility:visible;box-shadow:0 16px 30px -20px color-mix(in srgb,var(--kc) 70%,#000);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.ev-linea:hover{background-color:color-mix(in srgb,var(--kc) 78%,#0b0e17);background-image:radial-gradient(130% 120% at 100% 0%,var(--kc) 0%,var(--kc) 30%,color-mix(in srgb,var(--kc) 58%,#0b0e17) 100%);transform:translateY(-3px);box-shadow:0 22px 38px -18px color-mix(in srgb,var(--kc) 80%,#000)}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.ev-linea:focus-visible{outline:3px solid var(--link);outline-offset:2px}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.ev-linea::before{content:"🎵";position:absolute;left:auto;top:auto;right:-10px;bottom:-14px;width:auto;height:auto;background:none;font-size:104px;line-height:1;opacity:.28;transform:rotate(-12deg);pointer-events:none}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.g-techno::before{content:"🎧"}body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.g-elettronica::before{content:"🎛️"}body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.g-rock::before{content:"🎸"}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.g-indie::before{content:"🎹"}body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.g-pop::before{content:"🎤"}body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.g-hip-hop::before{content:"🧢"}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.g-jazz::before{content:"🎷"}body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.g-classica::before{content:"🎻"}body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.g-folk::before{content:"🪕"}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.g-metal::before{content:"🤘"}body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.g-world::before{content:"🌍"}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.ev-linea>*{position:relative;z-index:1}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg .ev-linea .ln-c{grid-column:1;grid-row:1;position:relative;left:auto;top:auto;width:34px;height:34px;background:rgba(255,255,255,.22);box-shadow:none}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg .ev-linea .ln-h{grid-column:2;grid-row:1;justify-self:start;align-self:center;padding:0;font-size:30px;line-height:1;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.2)}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg .ev-linea .ln-pl{grid-column:1/-1;grid-row:2;margin:0}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg .ev-linea .ln-pl .og-pl-k{display:none}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg .ev-linea .ln-pl .og-pl{background:rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg .ev-linea .dett{grid-column:1/-1;grid-row:3;display:flex;flex-direction:column;gap:6px}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg .ev-linea h3{margin:0;color:#fff;font-size:17px;line-height:1.25;-webkit-line-clamp:2}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg .ev-linea .dove{margin:0;color:#fff;font-weight:500}
body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg .ev-linea.og-passato{opacity:.55}
@media (max-width:700px){body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.ev-linea{flex-basis:80%}.giorno .ox-fr{display:none}.ox-gg.ox-piu{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}}
@media (prefers-reduced-motion:reduce){.ox-gg{scroll-behavior:auto}body.sez-concerti:not(.v-schede):not(.ve-compatta):not(.ve-programma) .ox-gg>.ev.ev-linea{transition:none}}
body.sez-concerti .elenco>h3.giorno:has(.ox-gz)::after{display:none}
html body.sez-concerti .elenco>h3.giorno:has(.ox-gz){flex-wrap:wrap!important;white-space:normal!important;max-width:100%;min-width:0}   /* v703: nel tema Vetrina il titolo del giorno non andava a capo e «N concerti» usciva dallo schermo a telefono */
@media (max-width:400px){ .vista{flex-wrap:wrap;row-gap:6px;max-width:100%} }   /* v703: sui telefoni stretti (360 px) Schede · Elenco · Compatta · Programma sporgevano di 15 px (difetto vecchio, trovato con la prova della barra) */
/* v704 · la fascia di Eventi con le foto di Oggi (registro 1122): niente sfondo viola sopra la foto, stesso fondo scuro e stessa altezza di Oggi */
html body .testata.testata-foto{background:#1b1340;isolation:isolate}
html body.sez-eventi .testata.testata-foto::before,html body.sez-eventi .testata.testata-foto::after{display:block}   /* una regola della fascia viola nascondeva foto e velo nelle pagine Eventi, Concerti, Cinema */
/* v704 · Eventi: ricerca a capsula e pillole dentro la fascia con le foto, come in Oggi */
html body .testata-foto .evx-fil.evx-in-fascia{position:relative;z-index:1;display:grid;gap:12px;width:min(860px,100%);margin:16px 0 0;padding:0;background:none;border:0;box-shadow:none}
.testata-foto .evx-capsula{display:flex;align-items:center;gap:8px;min-height:56px;padding:5px 5px 5px 20px;border-radius:999px;background:linear-gradient(110deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),rgba(10,16,29,.32);border:1px solid rgba(246,241,255,.26);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
.testata-foto .evx-capsula .evx-cerca{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;margin:0;padding:0;background:none;border:0;box-shadow:none}
.testata-foto .evx-capsula .og-cl{display:block;color:rgba(245,241,253,.78);font:600 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase}
.testata-foto .evx-capsula input{width:100%;min-height:26px;padding:0;border:0;background:transparent;color:#fff;font:500 16px var(--body);box-shadow:none;outline:none}
.testata-foto .evx-capsula input::placeholder{color:rgba(255,255,255,.62)}
.testata-foto .evx-capsula:focus-within{border-color:rgba(255,255,255,.6)}
.testata-foto .evx-capsula .evx-vai{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;font-weight:700}
html body .testata-foto .evx-str{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0;padding:0;background:none;border:0;box-shadow:none}
html body .testata-foto .evx-str .evx-cap{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0;background:none;border:0;box-shadow:none}
html body .testata-foto .evx-str .evx-cap small{color:rgba(245,241,253,.75);font:600 12px var(--body);letter-spacing:.12em;text-transform:uppercase;margin-right:2px}
html body .testata-foto .evx-str button{min-height:40px;padding:0 14px;border-radius:999px;background:rgba(10,16,29,.12);border:1px solid rgba(245,240,255,.24);color:rgba(255,255,255,.93);font:500 13.5px var(--body);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:none}
html body .testata-foto .evx-str button b{background:none;color:rgba(245,240,255,.7);font-weight:400}
html body .testata-foto .evx-str button[aria-pressed=true]{background:rgba(230,220,250,.22);border-color:rgba(230,220,250,.6);color:#fff;font-weight:700}
html body .testata-foto .evx-str button:hover{background:rgba(230,220,250,.16);border-color:rgba(230,220,250,.5)}
@media (max-width:720px){.testata-foto .evx-capsula{padding-left:16px;border-radius:24px}.testata-foto .evx-capsula .evx-vai{padding:0 16px}.testata-foto .evx-capsula .evx-vai span:first-child{display:none}html body .testata-foto .evx-str button{min-height:44px}}
@media (min-width:721px){html body .testata.testata-foto.evx-testa{min-height:calc(min(100vw - 40px, 1952px) * 526 / 2800)}}
html body .testata-foto .evx-capsula .evx-cerca{flex:1 1 auto;width:auto;max-width:none}
html body .testata-foto .evx-str,html body .testata-foto .evx-str .evx-cap{flex-wrap:wrap!important;overflow:visible!important;white-space:normal}
html body .testata-foto .evx-str .evx-cap small{flex-basis:auto}
html body .testata-foto .evx-str .evx-cap{flex:0 1 auto;min-width:0;max-width:100%}
html body .testata-foto .evx-capsula input{min-height:44px;margin:-8px 0 -10px}   /* 44 px da toccare, senza alzare la capsula */
/* v706 (utente: «la barra Quando · Dove in Eventi è diventata ridondante, queste info sono già sopra: toglila; "Stai vedendo" rimanilo, è utile»): la striscia sotto la fascia non si vede più;
   i suoi pulsanti restano nella pagina (nascosti) perché la ricerca e le pillole della fascia li usano per filtrare */
html body.sez-eventi .evx-fil#evx{display:none!important}
/* ===== v707 · Concerti: la fascia come Oggi ed Eventi (registro 1125). Foto e velo riattivati (una regola della fascia viola li nascondeva); la ricerca #cerca vestita come la capsula di Oggi;
   le pillole «Quando» (#rapidi) dentro la fascia, di vetro; la striscia Quando · Tipo · Dove sotto la fascia non si vede più, «Stai vedendo» resta ===== */
html body.sez-concerti .testata.testata-foto{background:#1b1340;isolation:isolate}
html body.sez-concerti .testata.testata-foto::before,html body.sez-concerti .testata.testata-foto::after{display:block}
html body.sez-concerti .testata-foto #cerca.cerca{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto auto;align-items:center;gap:0;width:min(900px,100%);min-height:56px;margin:12px 0 0;padding:5px;border-radius:999px;background:linear-gradient(110deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),rgba(10,16,29,.32);border:1px solid rgba(246,241,255,.26);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
html body.sez-concerti .testata-foto #cerca label:not(.c-giorno){position:relative;display:flex;flex-direction:column;justify-content:center;min-height:46px;padding:4px 16px 2px;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
html body.sez-concerti .testata-foto #cerca label.c-quando,html body.sez-concerti .testata-foto #cerca label.c-dove{border-left:1px solid rgba(246,241,255,.18)}
html body.sez-concerti .testata-foto #cerca label.c-cosa::before{content:"Cosa"}html body.sez-concerti .testata-foto #cerca label.c-quando::before{content:"Quando"}html body.sez-concerti .testata-foto #cerca label.c-dove::before{content:"Dove"}
html body.sez-concerti .testata-foto #cerca label:not(.c-giorno)::before{color:rgba(245,241,253,.78);font:600 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px}
html body.sez-concerti .testata-foto #cerca :is(input,select){width:100%;min-height:26px;padding:0;border:0;background:transparent;color:#fff;font:500 15.5px var(--body);box-shadow:none;outline:none}
html body.sez-concerti .testata-foto #cerca select option{color:#161b2a}
html body.sez-concerti .testata-foto #cerca input::placeholder{color:rgba(255,255,255,.66)}
html body.sez-concerti .testata-foto #cerca #cerca-vai{min-height:46px;padding:0 22px;border-radius:999px;margin-left:6px;white-space:nowrap}
html body.sez-concerti .testata-foto #cerca #vicino{min-height:46px;width:46px;padding:0;margin-left:6px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;display:grid;place-items:center}
html body.sez-concerti .testata-foto #cerca #vicino .lg{display:none}
html body.sez-concerti .testata-foto #saluto{position:relative;z-index:1;margin:10px 0 0;color:rgba(255,255,255,.92)}
html body.sez-concerti .testata-foto #rapidi.rapidi-fascia{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;background:none;border:0;box-shadow:none;width:min(900px,100%)}
html body.sez-concerti .testata-foto #rapidi.rapidi-fascia button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(10,16,29,.12);border:1px solid rgba(245,240,255,.26);color:rgba(255,255,255,.95);font:500 14px var(--body);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:none}
html body.sez-concerti .testata-foto #rapidi.rapidi-fascia button small{background:none;color:rgba(245,240,255,.7);font-weight:400}
html body.sez-concerti .testata-foto #rapidi.rapidi-fascia button .ic{stroke:currentColor;width:16px;height:16px}
html body.sez-concerti .testata-foto #rapidi.rapidi-fascia button[aria-pressed=true]{background:rgba(230,220,250,.24);border-color:rgba(230,220,250,.65);color:#fff;font-weight:700}
html body.sez-concerti .testata-foto ~ .ev-filtri{display:none!important}
html body.sez-concerti .testata-foto #cerca .cerca-apri{display:none!important}   /* nella fascia Quando e Dove si vedono sempre (come in Oggi) */
@media (max-width:720px){html body.sez-concerti .testata-foto #cerca.cerca{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px;border-radius:24px;padding:6px}html body.sez-concerti .testata-foto #cerca label.c-cosa{grid-column:1/-1;grid-row:1;border-bottom:1px solid rgba(246,241,255,.18)}html body.sez-concerti .testata-foto #cerca label.c-quando{grid-column:1;grid-row:2;border-left:0}html body.sez-concerti .testata-foto #cerca label.c-dove{grid-column:2/-1;grid-row:2}html body.sez-concerti .testata-foto #cerca #cerca-vai{grid-column:1/3;grid-row:3;margin:6px 6px 0 0}html body.sez-concerti .testata-foto #cerca #vicino{grid-column:3;grid-row:3;margin:6px 0 0}html body.sez-concerti .testata-foto #cerca.compatta label:not(.c-giorno){display:flex}}
html body.sez-concerti .testata-foto #cerca label:not(.c-giorno) :is(input,select){min-height:44px;margin:-9px 0 -9px}   /* 44 px da toccare senza alzare la capsula */
/* ===== v710 · Cinema, Dove mangiare, Dove andare e Idee: la fascia di Concerti (registro 1129; bozza https://claude.ai/artifact/3jNyuhoZc2Gq44piQP2SGM).
   Foto e velo come Concerti; la ricerca di Cinema è la stessa capsula; quella dei locali una capsula a un campo; le pillole (Quando, Cinema, tipi) di vetro ===== */
html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata.testata-foto{background:#1b1340;isolation:isolate}
html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata.testata-foto::before,html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata.testata-foto::after{display:block}
/* Cinema: la capsula di Concerti con Cosa · Quando · Genere */
html body.sez-cinema .testata-foto #cerca.cerca{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:0;width:min(900px,100%);min-height:56px;margin:12px 0 0;padding:5px;border-radius:999px;background:linear-gradient(110deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),rgba(10,16,29,.32);border:1px solid rgba(255,255,255,.24);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html body.sez-cinema .testata-foto #cerca label:not(.c-giorno){position:relative;display:flex;flex-direction:column;justify-content:center;min-height:46px;padding:4px 16px 2px;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
html body.sez-cinema .testata-foto #cerca label.c-dove{display:none}
html body.sez-cinema .testata-foto #cerca :is(label.c-quando,label.c-genere){display:flex;border-left:1px solid rgba(246,241,255,.18)}
html body.sez-cinema .testata-foto #cerca label.c-cosa::before{content:"Cosa"}html body.sez-cinema .testata-foto #cerca label.c-quando::before{content:"Quando"}html body.sez-cinema .testata-foto #cerca label.c-genere::before{content:"Genere"}
html body.sez-cinema .testata-foto #cerca label:not(.c-giorno)::before{color:rgba(245,241,253,.78);font:600 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px}
html body.sez-cinema .testata-foto #cerca :is(input,select){width:100%;min-height:26px;padding:0;border:0;background:transparent;color:#fff;font:500 15.5px var(--body);box-shadow:none;outline:none}
html body.sez-cinema .testata-foto #cerca select option{color:#161b2a}html body.sez-cinema .testata-foto #cerca input::placeholder{color:rgba(255,255,255,.66)}
html body.sez-cinema .testata-foto #cerca #cerca-vai{min-height:46px;padding:0 22px;border-radius:999px;margin-left:6px;white-space:nowrap}
html body.sez-cinema .testata-foto #cerca .cerca-apri{display:none!important}
html body.sez-cinema .testata-foto #cerca label:not(.c-giorno) :is(input,select){min-height:44px;margin:-9px 0 -9px}
html body.sez-cinema .testata-foto .ev-filtri.cine-testata{position:relative;z-index:1}
html body.sez-cinema .testata-foto .cinema-links{position:relative;z-index:1}
/* Dove mangiare e Dove andare: capsula a un campo */
html body:is(.sez-andare,.sez-mangiare) .testata-foto #loc-cerca.cerca{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:min(760px,100%);min-height:56px;margin:12px 0 0;padding:5px;border-radius:999px;background:linear-gradient(110deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),rgba(10,16,29,.32);border:1px solid rgba(255,255,255,.24);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html body:is(.sez-andare,.sez-mangiare) .testata-foto #loc-cerca label.c-cosa{display:flex;flex-direction:column;justify-content:center;min-height:46px;padding:4px 18px 2px;margin:0;border:0;background:none;box-shadow:none}
html body:is(.sez-andare,.sez-mangiare) .testata-foto #loc-cerca label.c-cosa::before{content:"Cosa";color:rgba(245,241,253,.78);font:600 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px}
html body:is(.sez-andare,.sez-mangiare) .testata-foto #loc-cerca input{width:100%;min-height:44px;margin:-9px 0;padding:0;border:0;background:transparent;color:#fff;font:500 15.5px var(--body);box-shadow:none;outline:none}
html body:is(.sez-andare,.sez-mangiare) .testata-foto #loc-cerca input::placeholder{color:rgba(255,255,255,.66)}
html body:is(.sez-andare,.sez-mangiare) .testata-foto #loc-cerca #loc-vai{min-height:46px;padding:0 22px;border-radius:999px;white-space:nowrap}
/* le pillole di vetro, come le «Quando» di Concerti */
html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata-foto :is(#loc-tipi,.cine-testata .rapidi,.cine-testata .chips-js,#id-cat){position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;background:none;border:0;box-shadow:none;padding:0}
html body:is(.sez-andare,.sez-mangiare) .testata-foto #loc-tipi{margin:12px 0 0;width:min(1100px,100%)}
html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata-foto :is(#loc-tipi,.cine-testata .rapidi,.cine-testata .chips-js,#id-cat) button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(10,16,29,.12);border:1px solid rgba(245,240,255,.26);color:rgba(255,255,255,.95);font:500 14px var(--body);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:none}
html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata-foto :is(#loc-tipi,.cine-testata .rapidi,.cine-testata .chips-js,#id-cat) button :is(small,b){background:none;color:rgba(245,240,255,.7);font-weight:400;padding:0}
html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata-foto :is(#loc-tipi,.cine-testata .rapidi,.cine-testata .chips-js) button[aria-pressed=true]{background:rgba(230,220,250,.24);border-color:rgba(230,220,250,.65);color:#fff;font-weight:700}
html body:is(.sez-cinema,.sez-idee) .testata-foto .ev-f-t{color:rgba(255,255,255,.85)}
/* Idee: la riga dei tipi entra nella fascia */
html body.sez-idee .testata-foto .ev-filtri.id-filtri{position:relative;z-index:1;margin:14px 0 0;padding:0;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;-webkit-mask-image:none;mask-image:none}
html body.sez-idee .testata-foto .ev-filtri.id-filtri .ev-f{display:flex;align-items:center;gap:8px 12px;background:none;border:0;padding:0}
html body.sez-idee .testata-foto .ev-f-t{font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
@media (max-width:720px){
  html body.sez-cinema .testata-foto #cerca.cerca{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:24px;padding:6px}
  html body.sez-cinema .testata-foto #cerca label.c-cosa{grid-column:1/-1;border-bottom:1px solid rgba(246,241,255,.18)}
  html body.sez-cinema .testata-foto #cerca label.c-quando{border-left:0}
  html body.sez-cinema .testata-foto #cerca #cerca-vai{grid-column:1/-1;margin:6px 0 0;justify-content:center}
  html body:is(.sez-andare,.sez-mangiare) .testata-foto #loc-cerca.cerca{grid-template-columns:1fr;border-radius:24px;padding:6px}
  html body:is(.sez-andare,.sez-mangiare) .testata-foto #loc-cerca #loc-vai{margin-top:6px;justify-content:center}
  html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata-foto :is(#loc-tipi,.cine-testata .rapidi,.cine-testata .chips-js,#id-cat){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}
  html body.sez-idee .testata-foto .ev-filtri.id-filtri .ev-f{flex-direction:column;align-items:flex-start}
}
html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata.testata-foto::before,html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata.testata-foto::after{content:""}
html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata.testata-foto{background:#1b1340;padding:26px 32px 24px}   /* stessi margini di Concerti */
@media (max-width:720px){html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata.testata-foto{padding:20px 16px 18px}}
html body:is(.sez-cinema,.sez-idee) .testata.testata-foto{margin-bottom:16px}   /* la prima scheda non attaccata alla fascia */
html body.sez-idee .testata-foto .ev-filtri.id-filtri .ev-f>#id-cat{flex:1 1 auto;min-width:0}
@media (min-width:721px){html body.sez-idee .testata-foto #id-cat{flex-wrap:wrap!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}}
html body.sez-idee .testata-foto .ev-filtri.id-filtri{display:block;width:100%}html body.sez-idee .testata-foto .ev-filtri.id-filtri .ev-f{flex:1 1 auto;min-width:0;width:100%}
html body.sez-cinema .testata-foto #filtri-tel{display:none!important}   /* nella fascia Quando e Genere si vedono sempre (come in Concerti) */
html body.sez-idee .testata-foto .ev-filtri.id-filtri .ev-f{align-items:flex-start}html body.sez-idee .testata-foto .ev-filtri.id-filtri .ev-f-t{padding-top:16px}
html body:is(.sez-cinema,.sez-andare,.sez-mangiare,.sez-idee) .testata-foto :is(#loc-tipi,.cine-testata .rapidi,.cine-testata .chips-js,#id-cat) button{background:rgba(10,16,29,.34)}
/* v710: «Aggiungi al calendario» / «Calendario» (scritta lunga a computer, corta a telefono) in ogni pagina: in Concerti si vedevano tutte e due */
.evx-az .evx-corto{display:none}
@media (max-width:720px){.evx-az .evx-lungo{display:none}.evx-az .evx-corto{display:inline}}