/* ==========================================================================
   Pagine evento e ricordo generate dal portale (worker/src/render.js).
   Struttura = landing di Operation Salina (30/08/2026): barra col conto alla rovescia,
   hero con CTA, recensioni + polaroid, location, line-up, sponsor a livelli, FAQ,
   chiusura, CTA fissa in basso e toast con fatti veri. Stile = sito (style.css, DESIGN.md v3).
   ========================================================================== */

.striscia-anteprima {
  position: sticky; top: 0; z-index: 70; text-align: center; padding: 8px 16px;
  background: #ffcf33; color: #000; font-weight: 700; font-size: 14px; letter-spacing: .06em;
}
.pagina-evento .header--pagina { position: sticky; top: 0; }
.striscia-anteprima ~ .header--pagina { top: 37px; }
/* con la barra del conto alla rovescia: resta in alto la barra, l'header scorre via */
.con-barra .header--pagina { position: relative; top: auto; }
.con-barra .striscia-anteprima { position: relative; }

.pagina-evento .sezione { padding-block: clamp(56px, 7vw, 108px); }
.ev-titolo { font-size: clamp(34px, 5.4vw, 76px); text-align: center; margin-bottom: clamp(14px, 1.6vw, 20px); }
.ev-titolo .serif { color: var(--rosso); text-shadow: var(--neon); font-size: 1.04em; }
.ev-sottotitolo { text-align: center; color: var(--crema-80); margin: 0 auto clamp(32px, 4vw, 52px); max-width: 52ch; }

/* --- Barra in alto: stato della vendita + conto alla rovescia ------------------ */
.ev-barra { position: sticky; top: 0; z-index: 65; background: #050404; border-bottom: 1px solid var(--vinaccia-bordo); }
.ev-barra__dentro {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 16px;
  max-width: calc(var(--larghezza) + 2 * var(--margine)); margin-inline: auto; padding: 9px var(--margine);
}
.ev-barra__etichetta { font: 400 12px/1.3 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--crema-80); text-align: center; }
.ev-barra__etichetta b { color: var(--crema); font-weight: 700; }
.ev-barra__conto { display: inline-flex; gap: 6px; }
.ev-barra__unita {
  display: inline-flex; align-items: baseline; gap: 3px; padding: 6px 10px; border-radius: 8px;
  background: rgba(255, 26, 26, .1); border: 1px solid var(--vinaccia-bordo);
}
.ev-barra__unita b { font: 800 20px/1 var(--f-display); font-stretch: 125%; font-variant-numeric: tabular-nums; color: var(--crema); min-width: 2ch; text-align: center; }
.ev-barra__unita small { font: 700 10px/1 var(--f-mono); text-transform: uppercase; color: var(--rosso); letter-spacing: .06em; }
.ev-barra--sold-out .ev-barra__etichetta b { color: var(--rosso); text-shadow: 0 0 10px rgba(255, 26, 26, .8); }

/* --- Hero ---------------------------------------------------------------------- */
.ev-hero { position: relative; isolation: isolate; overflow: clip; display: flex; align-items: center; min-height: calc(100vh - 120px); min-height: calc(100svh - 120px); padding: clamp(40px, 6vw, 88px) 0; }
.ev-hero__sfondo { position: absolute; inset: 0; z-index: -2; }
.ev-hero__sfondo img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; filter: saturate(1.05) contrast(1.05); }
.ev-hero__velo {
  position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(70% 60% at 50% 0%, rgba(255, 26, 26, .16), transparent 60%),
    linear-gradient(180deg, rgba(11, 10, 9, .92) 0%, rgba(11, 10, 9, .66) 38%, rgba(11, 10, 9, .78) 70%, var(--nero) 100%);
}
.ev-hero__griglia { display: grid; gap: clamp(32px, 5vw, 72px); align-items: center; }
@media (min-width: 900px) { .ev-hero__griglia { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); } }
.ev-hero__testo { display: grid; gap: 18px; justify-items: start; min-width: 0; }
.ev-hero__titolo { font-size: clamp(46px, 7.6vw, 112px); line-height: .92; }
.ev-hero__titolo .serif { display: block; color: var(--rosso); text-shadow: var(--neon); font-size: 1.04em; }
.ev-hero__sotto { font-size: 16px; color: var(--crema-80); max-width: 46ch; }
.ev-hero__locandina { margin: 0; justify-self: center; width: min(100%, 380px); }
.ev-hero__locandina img { width: 100%; border-radius: 16px; transform: rotate(2deg); box-shadow: 0 0 0 1px rgba(255, 26, 26, .5), 0 30px 60px rgba(0, 0, 0, .6), 0 0 60px rgba(255, 26, 26, .18); }

.ev-dettagli { display: flex; flex-wrap: wrap; gap: 8px; max-width: 640px; }
.ev-dettagli li {
  display: inline-flex; align-items: center; gap: 9px; min-height: 42px; padding: 8px 16px; border-radius: var(--r-pillola);
  border: 1px solid var(--linea); background: rgba(242, 235, 223, .05); font-size: 15px; font-weight: 600; line-height: 1.3;
}
.ev-dettagli svg { flex: none; color: var(--rosso); }
.ev-dettagli a { color: inherit; text-decoration: underline; text-decoration-color: rgba(255, 26, 26, .7); }

.ev-cta { display: grid; gap: 10px; justify-items: center; width: 100%; max-width: 440px; margin-top: 6px; }
.ev-cta--centro { margin-inline: auto; }
.btn.ev-cta__btn { width: 100%; min-height: 64px; font-size: 16px; gap: 12px; }
.btn.ev-cta__btn svg { flex: none; }
.ev-cta__sotto { font: 400 13px/1.4 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--crema-80); text-align: center; }
.ev-cta__sotto a { color: var(--crema); }
.btn.ev-cta__btn--sold-out { --c: var(--crema-70); color: var(--crema-70); border-color: rgba(242, 235, 223, .35); box-shadow: none; cursor: not-allowed; text-shadow: none; animation: none; }
.btn.ev-cta__btn--sold-out::before, .btn.ev-cta__btn--sold-out::after { display: none; }

.ev-intro { padding: clamp(28px, 4vw, 48px) 0 0; }
.ev-intro__testo { max-width: 680px; text-align: center; }
.ev-intro__testo p { color: var(--crema-80); margin: 0 auto 12px; max-width: 60ch; }

@media (max-width: 899px) {
  .ev-hero { min-height: 0; }
  .ev-hero__testo { justify-items: center; text-align: center; }
  .ev-dettagli { justify-content: center; }
  .ev-hero__locandina { width: min(72%, 300px); }
}

/* --- Recensioni + polaroid ------------------------------------------------------ */
.ev-recensioni { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 12px; max-width: 1180px; margin: 0 auto; }
.ev-recensione { position: relative; min-width: 0; padding: 24px 20px 18px; border-radius: var(--r-medio); background: var(--superficie); border: 1px solid var(--linea); }
.ev-recensione::before { content: ""; position: absolute; top: 0; left: 20px; width: 30px; height: 3px; border-radius: 0 0 3px 3px; background: var(--rosso); box-shadow: 0 0 10px rgba(255, 26, 26, .8); }
.ev-recensione blockquote { margin: 0 0 12px; font: italic 400 22px/1.2 var(--f-serif); }
.ev-recensione cite { display: block; overflow-wrap: anywhere; font: 400 12px/1.2 var(--f-mono); font-style: normal; letter-spacing: .08em; color: var(--rosso); }

.ev-polaroid { columns: 2; column-gap: 14px; margin-top: clamp(40px, 5vw, 64px); }
@media (min-width: 640px) { .ev-polaroid { columns: 3; } }
@media (min-width: 900px) { .ev-polaroid { columns: 4; column-gap: 20px; } }
.ev-polaroid__foto {
  break-inside: avoid; display: inline-block; width: 100%; margin: 0 0 18px; padding: 8px 8px 0; border-radius: 4px;
  background: var(--crema); box-shadow: 0 14px 28px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .35);
  transform: rotate(-2deg); transition: transform .5s var(--ease-out), box-shadow .5s;
}
.ev-polaroid__foto:nth-child(even) { transform: rotate(2deg); }
.ev-polaroid__foto:nth-child(3n) { transform: rotate(-1deg); }
.ev-polaroid__foto a { display: block; }
.ev-polaroid__foto img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; filter: contrast(1.05) saturate(1.05); }
.ev-polaroid__foto:nth-child(4n+2) img { aspect-ratio: 1; }
.ev-polaroid__foto:nth-child(4n+3) img { aspect-ratio: 3 / 4; }
.ev-polaroid__dida { display: block; padding: 9px 2px 10px; font: 400 10px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--inchiostro); white-space: nowrap; overflow: clip; text-overflow: ellipsis; }
.ev-polaroid__foto:not(:has(.ev-polaroid__dida)) { padding-bottom: 22px; }
@media (hover: hover) and (pointer: fine) {
  .ev-polaroid__foto:hover { transform: rotate(0) translateY(-6px) scale(1.03); box-shadow: 0 0 0 2px var(--rosso), 0 0 40px rgba(255, 26, 26, .45), 0 30px 60px rgba(0, 0, 0, .6); }
}

/* --- Location ------------------------------------------------------------------- */
.ev-location { background: var(--superficie); border-block: 1px solid var(--linea); }
.ev-location__nome { text-align: center; font: 800 clamp(26px, 3vw, 40px)/1.05 var(--f-display); font-stretch: 125%; text-transform: uppercase; margin-bottom: 14px; }
.ev-location__testo { max-width: 640px; margin: 0 auto 28px; text-align: center; }
.ev-location__testo p { color: var(--crema-80); margin: 0 auto 10px; max-width: 60ch; }
.ev-location__foto { margin: 0 auto; max-width: 820px; }
.ev-location__foto img { width: 100%; max-height: 540px; object-fit: cover; border-radius: var(--r-grande); border: 1px solid var(--linea); box-shadow: 0 24px 60px rgba(0, 0, 0, .55); }
.ev-location__info { display: grid; gap: 12px; max-width: 980px; margin: 28px auto 0; }
@media (min-width: 900px) { .ev-location__info { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } }
.ev-location__info li { padding: 18px 20px; border-radius: var(--r-medio); background: var(--nero); border: 1px solid var(--linea); }
.ev-location__info b { display: block; margin-bottom: 6px; font: 700 12px/1.2 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--rosso); }
.ev-location__info p { margin: 0 0 6px; color: var(--crema-80); }
.ev-location__info p:last-child { margin: 0; }
.ev-location__mappa { display: flex; justify-content: center; margin-top: 28px; }

/* --- Line-up (§ 19: foto e Instagram di ogni DJ, grafica 1080x1350) ----------------- */
.ev-lineup__corpo { display: grid; gap: clamp(28px, 4vw, 56px); justify-items: center; max-width: 1100px; margin: 24px auto 0; }
@media (min-width: 900px) { .ev-lineup__corpo--grafica { grid-template-columns: minmax(0, 420px) minmax(0, 1fr); align-items: start; justify-items: stretch; } }
.ev-lineup__grafica { margin: 0; width: min(100%, 420px); }
.ev-lineup__grafica a { display: block; }
.ev-lineup__grafica img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r-medio); border: 1px solid var(--linea); box-shadow: 0 0 0 1px rgba(255, 26, 26, .35), 0 24px 50px rgba(0, 0, 0, .55); }
.ev-lineup__lista { list-style: none; padding: 0; margin: 0; width: 100%; max-width: 820px; display: grid; gap: 4px; }
.ev-lineup__lista li { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 14px 4px; border-bottom: 1px solid var(--linea); }
.ev-lineup__ora { font: 700 15px/1 var(--f-mono); color: var(--rosso); letter-spacing: .04em; }
.ev-lineup__chi { display: flex; align-items: center; gap: 14px; min-width: 0; }
.ev-lineup__foto { flex: none; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 1.5px solid rgba(255, 26, 26, .6); box-shadow: 0 0 14px rgba(255, 26, 26, .3); }
.ev-lineup__foto--vuota { display: grid; place-items: center; background: var(--superficie-2); font: 700 15px/1 var(--f-mono); color: var(--crema-70); }
.ev-lineup__nome { font-family: var(--f-display); font-weight: 800; font-stretch: 125%; font-size: clamp(22px, 2.6vw, 34px); text-transform: uppercase; line-height: 1.05; overflow-wrap: anywhere; min-width: 0; }
.ev-lineup__dx { display: grid; justify-items: end; gap: 2px; }
.ev-lineup__ruolo { font-family: var(--f-mono); font-size: 13px; color: var(--crema-70); text-align: right; text-transform: uppercase; letter-spacing: .1em; }
.ev-lineup__ig, .ev-credito__ig, .cs-persona__ig {
  display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 2px;
  font: 400 13px/1 var(--f-mono); letter-spacing: .04em; color: var(--crema); text-decoration: none;
}
.ev-lineup__ig svg, .ev-credito__ig svg, .cs-persona__ig svg { flex: none; color: var(--rosso); }
@media (hover: hover) and (pointer: fine) { .ev-lineup__ig:hover, .ev-credito__ig:hover, .cs-persona__ig:hover { color: var(--rosso); } }
.ev-lineup__esce { text-align: center; font: 400 14px/1.4 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--crema-80); }
.ev-lineup__avviso { max-width: 640px; margin: 0 auto 8px; padding: 10px 16px; border-radius: 12px; background: #ffcf33; color: #000; font-weight: 700; font-size: 14px; text-align: center; }

/* --- Crediti: chi fa foto e video della serata ----------------------------------- */
.ev-crediti { padding: 0 0 clamp(40px, 5vw, 72px); }
.ev-crediti__titolo { text-align: center; margin-bottom: 16px; font: 400 12px/1.2 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--crema-70); }
.ev-crediti__lista { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.ev-credito { display: flex; align-items: center; gap: 12px; padding: 8px 14px 8px 8px; border-radius: var(--r-pillola); background: var(--superficie); border: 1px solid var(--linea); max-width: 100%; }
.ev-credito__foto { flex: none; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.ev-credito__foto--vuota { display: grid; place-items: center; background: var(--superficie-2); font: 700 13px/1 var(--f-mono); color: var(--crema-70); }
.ev-credito__testo { display: grid; gap: 2px; min-width: 0; }
.ev-credito__testo b { font-size: 15px; line-height: 1.2; overflow-wrap: anywhere; }
.ev-credito__testo small { font: 400 11px/1.2 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--crema-70); }

/* --- Chi siamo (/chi-siamo, reso dal Worker) -------------------------------------- */
.cs-hero { padding: clamp(56px, 9vw, 140px) 0 clamp(8px, 2vw, 24px); text-align: center; background: radial-gradient(60% 80% at 50% 0%, rgba(255, 26, 26, .14), transparent 70%); }
.cs-hero__etichetta { justify-content: center; }
.cs-hero__titolo { font-size: clamp(52px, 10vw, 150px); margin: 18px 0 20px; }
.cs-hero__titolo .serif { color: var(--rosso); text-shadow: var(--neon); font-size: 1.04em; }
.cs-hero__sotto { max-width: 52ch; margin: 0 auto; color: var(--crema-80); }
.cs-gruppo.sezione { padding-block: clamp(40px, 6vw, 88px); }
.cs-griglia { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 2vw, 28px); max-width: 1180px; margin: clamp(20px, 3vw, 40px) auto 0; }
@media (min-width: 700px) { .cs-griglia { grid-template-columns: repeat(auto-fit, minmax(200px, 260px)); justify-content: center; } }
.cs-persona { display: grid; gap: 6px; align-content: start; min-width: 0; text-align: center; justify-items: center; }
.cs-persona__foto { position: relative; margin: 0 0 8px; width: 100%; aspect-ratio: 4 / 5; border-radius: var(--r-medio); overflow: clip; background: var(--superficie-2); border: 1px solid var(--linea); }
.cs-persona__foto img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.04); }
.cs-persona__iniziali { position: absolute; inset: 0; display: grid; place-items: center; font: 800 clamp(34px, 5vw, 56px)/1 var(--f-display); font-stretch: 125%; color: var(--crema-70); }
.cs-persona__nome { font: 800 clamp(17px, 1.8vw, 22px)/1.1 var(--f-display); font-stretch: 125%; text-transform: uppercase; overflow-wrap: anywhere; }
.cs-persona__nome span { color: var(--crema-80); }
.cs-persona__ruolo { font: 400 12px/1.2 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--rosso); }
.cs-vuoto { margin: 0 auto; max-width: 320px; }
@media (hover: hover) and (pointer: fine) {
  .cs-persona__foto { transition: border-color .4s, box-shadow .4s; }
  .cs-persona:hover .cs-persona__foto { border-color: rgba(255, 26, 26, .6); box-shadow: 0 0 30px rgba(255, 26, 26, .25); }
}

/* --- WhatsApp: sempre rosso, mai verde (§ 19) --------------------------------------- */
.btn.ev-whatsapp { margin-top: 8px; }
.btn.ev-whatsapp .btn__icona { flex: none; width: 20px; height: 20px; }

/* --- Sponsor a livelli: main grandi, poi sponsor, poi secondari piccoli ------------- */
.ev-sponsor__lista { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: 1100px; margin: 0 auto; }
.ev-sponsor__lista + .ev-sponsor__lista { margin-top: 14px; }
.ev-sponsor__lista li { display: grid; place-items: center; border-radius: var(--r-medio); background: var(--superficie-2); border: 1px solid rgba(242, 235, 223, .1); transition: transform .4s var(--ease-out), box-shadow .4s, border-color .4s; }
.ev-sponsor__lista a { display: grid; place-items: center; width: 100%; height: 100%; }
.ev-sponsor__lista img { width: auto; max-width: 100%; object-fit: contain; }
.ev-sponsor__lista--main li { width: 300px; height: 150px; padding: 26px 34px; border-color: rgba(255, 26, 26, .35); }
.ev-sponsor__lista--main img { max-height: 72px; }
.ev-sponsor__lista--sponsor li { width: 190px; height: 104px; padding: 18px 22px; }
.ev-sponsor__lista--sponsor img { max-height: 44px; }
.ev-sponsor__lista--secondario li { width: 140px; height: 76px; padding: 14px 18px; background: transparent; }
.ev-sponsor__lista--secondario img { max-height: 28px; }
.ev-sponsor__nome { font: 800 14px/1.15 var(--f-display); font-stretch: 112%; text-transform: uppercase; color: var(--crema); text-align: center; }
.ev-sponsor__lista--main .ev-sponsor__nome { font-size: 20px; }
@media (hover: hover) and (pointer: fine) { .ev-sponsor__lista li:hover { transform: translateY(-3px); border-color: rgba(255, 26, 26, .6); box-shadow: 0 0 28px rgba(255, 26, 26, .25); } }
@media (max-width: 700px) {
  .ev-sponsor__lista--main li { width: 100%; height: 120px; }
  .ev-sponsor__lista--sponsor li { width: calc(50% - 7px); height: 92px; }
  .ev-sponsor__lista--secondario li { width: calc(33.33% - 10px); height: 64px; padding: 10px 12px; }
  .ev-sponsor__lista--secondario img { max-height: 22px; }
}

/* --- FAQ ------------------------------------------------------------------------ */
.ev-faq { background: var(--superficie); border-block: 1px solid var(--linea); }
.ev-faq__corpo { max-width: 820px; }
.ev-faq__lista { display: grid; gap: 10px; margin-top: 24px; }
.ev-faq__voce { border-radius: var(--r-medio); background: var(--nero); border: 1px solid var(--linea); transition: border-color .3s; }
.ev-faq__voce[open] { border-color: rgba(255, 26, 26, .45); }
.ev-faq__voce summary { position: relative; list-style: none; cursor: pointer; padding: 18px 56px 18px 20px; font-weight: 700; font-size: 16px; line-height: 1.35; }
.ev-faq__voce summary::-webkit-details-marker { display: none; }
.ev-faq__voce summary::after { content: "+"; position: absolute; right: 20px; top: 50%; translate: 0 -50%; font: 400 26px/1 var(--f-mono); color: var(--rosso); transition: rotate .3s var(--ease-out); }
.ev-faq__voce[open] summary::after { rotate: 45deg; }
.ev-faq__voce p { margin: 0; padding: 0 20px 20px; color: var(--crema-80); max-width: 64ch; }

/* --- Chiusura ------------------------------------------------------------------- */
.ev-chiusura { text-align: center; background: radial-gradient(60% 70% at 50% 0%, rgba(255, 26, 26, .16), transparent 70%), var(--nero); }
.ev-chiusura__titolo { font-size: clamp(38px, 6.4vw, 96px); margin-bottom: 18px; }
.ev-chiusura__titolo .serif { color: var(--rosso); text-shadow: var(--neon); font-size: 1.04em; }
.ev-chiusura__sotto { color: var(--crema-80); max-width: 48ch; margin: 0 auto 28px; }
.ev-social { list-style: none; padding: 0; margin: 0 0 24px; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 28px; font: 400 12px/1 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; }
.ev-social a { text-decoration: none; color: var(--crema-80); display: inline-block; padding: 14px 0; }
@media (hover: hover) and (pointer: fine) { .ev-social a:hover { color: var(--rosso); } }

/* --- CTA fissa in basso (telefono), dopo la hero ---------------------------------- */
.ev-fissa {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 66;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  background: rgba(11, 10, 9, .94); border-top: 1px solid var(--vinaccia-bordo);
  transform: translateY(105%); transition: transform .35s var(--ease-out); pointer-events: none;
}
.ev-fissa.is-visibile { transform: none; pointer-events: auto; }
.ev-fissa__box {
  display: grid; justify-items: center; gap: 2px; padding: 11px 14px; border-radius: 16px; text-decoration: none;
  background: var(--rosso); color: var(--crema); box-shadow: 0 0 0 1px rgba(255, 255, 255, .25), 0 6px 20px rgba(255, 26, 26, .55), 0 0 32px rgba(255, 26, 26, .45);
}
.ev-fissa__testa { font: 800 16px/1.1 var(--f-display); font-stretch: 125%; text-transform: uppercase; letter-spacing: .02em; }
.ev-fissa__sotto { font: 400 12px/1.2 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; opacity: .92; }
.ev-fissa__box--sold-out { background: var(--superficie-2); color: var(--crema-70); box-shadow: none; }
@media (max-width: 899px) { .pagina-evento.con-barra { padding-bottom: 84px; } }
@media (min-width: 900px) { .ev-fissa { display: none; } }

/* --- Toast con fatti veri (niente acquisti inventati), ogni ~30s per 5s ------------- */
.ev-fomo {
  position: fixed; left: 16px; bottom: 16px; z-index: 67; width: min(340px, calc(100% - 32px));
  display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 10px; align-items: start;
  padding: 13px 16px; border-radius: 14px; background: rgba(20, 17, 16, .97); border: 1px solid var(--linea);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .55); opacity: 0; transform: translateY(10px); pointer-events: none;
  transition: opacity .35s var(--ease-out), transform .35s var(--ease-out);
}
.ev-fomo.is-visibile { opacity: 1; transform: none; }
.ev-fomo__punto { width: 8px; height: 8px; margin-top: 7px; border-radius: 50%; background: var(--rosso); box-shadow: 0 0 8px var(--rosso); }
.ev-fomo__testo { margin: 0; font-size: 15px; line-height: 1.45; color: var(--crema-80); }
.ev-fomo__testo b { color: var(--crema); }
@media (max-width: 899px) { .ev-fomo { bottom: calc(92px + env(safe-area-inset-bottom)); } }

/* --- Ricordo: foto da Drive e video da YouTube (dopo il consenso) ------------------ */
.ev-ricordo-blocco__corpo { display: grid; justify-items: center; text-align: center; }
.btn.ev-scarica { width: 100%; min-height: 64px; font-size: 16px; }
.ev-nota { color: var(--crema-70); font-size: 15px; margin: 14px auto 0; max-width: 52ch; }
.ev-arrivo { font-family: var(--f-display); font-weight: 800; font-stretch: 125%; text-transform: uppercase; font-size: clamp(22px, 2.6vw, 34px); margin: 0; padding: 18px 32px; border: 1px dashed var(--crema-70); border-radius: var(--r-pillola); text-align: center; }
.ev-video { margin: 24px auto 0; width: 100%; max-width: 960px; }
.ev-video figcaption { margin-top: 12px; font-size: 15px; color: var(--crema-70); }
.ev-yt { position: relative; aspect-ratio: 16 / 9; border-radius: var(--r-medio); overflow: clip; background: #000; display: grid; place-items: center; }
.ev-yt__miniatura { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.ev-yt__play {
  position: relative; display: inline-flex; align-items: center; gap: 12px; min-height: 64px; padding: 0 28px;
  border-radius: var(--r-pillola); border: 1px solid var(--rosso); background: rgba(11, 10, 9, .7); color: var(--crema); cursor: pointer;
  font: 700 14px/1 var(--f-display); font-stretch: 125%; letter-spacing: .06em; text-transform: uppercase;
  box-shadow: 0 0 30px rgba(255, 26, 26, .35); transition: transform .3s var(--ease-out), box-shadow .3s;
}
.ev-yt__play:hover, .ev-yt__play:focus-visible { transform: scale(1.04); box-shadow: 0 0 44px rgba(255, 26, 26, .55); }
.ev-yt__nota { position: absolute; left: 0; right: 0; bottom: 14px; margin: 0; font-size: 13px; color: var(--crema-80); text-align: center; padding: 0 16px; }
.ev-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.consenso {
  position: fixed; left: 0; right: 0; bottom: 16px; margin: 0 auto; width: min(760px, calc(100% - 32px)); z-index: 80;
  display: flex; gap: 16px 24px; align-items: center; justify-content: space-between; flex-wrap: wrap;
  padding: 16px 20px; border-radius: var(--r-medio); background: #141110; border: 1px solid rgba(255, 26, 26, .45);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .6);
}
.consenso__testo { margin: 0; font-size: 15px; color: var(--crema-80); max-width: 46ch; }
.consenso__testo a { color: var(--crema); }
.consenso__azioni { display: flex; gap: 10px; flex-wrap: wrap; }

/* --- Lightbox -------------------------------------------------------------------- */
.lightbox { padding: 0; border: 0; background: transparent; max-width: 100vw; max-height: 100vh; width: 100vw; height: 100vh; }
.lightbox::backdrop { background: rgba(0, 0, 0, .92); }
.lightbox__img { position: absolute; inset: 0; margin: auto; max-width: min(94vw, 1600px); max-height: 88vh; width: auto; height: auto; border-radius: 8px; }
.lightbox__btn {
  position: absolute; width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--crema);
  background: rgba(0, 0, 0, .5); color: var(--crema); display: grid; place-items: center; cursor: pointer;
}
.lightbox__chiudi { top: 16px; right: 16px; }
.lightbox__prec { left: 16px; top: 50%; translate: 0 -50%; }
.lightbox__succ { right: 16px; top: 50%; translate: 0 -50%; }

/* Locandine nel carosello della home: tutta la card e' il link */
.locandina__link { display: block; color: inherit; text-decoration: none; }

@media (max-width: 900px) {
  .ev-lineup__lista li { grid-template-columns: 56px minmax(0, 1fr); gap: 4px 12px; }
  .ev-lineup__dx { grid-column: 2; justify-items: start; grid-auto-flow: column; justify-content: start; align-items: center; gap: 4px 14px; padding-left: 58px; }
  .ev-lineup__foto { width: 46px; height: 46px; }
  .ev-lineup__chi { gap: 12px; }
  .ev-lineup__ruolo { text-align: left; }
}
@media (max-width: 760px) {
  .ev-arrivo { padding: 16px 24px; }
  .consenso { bottom: 10px; }
  .ev-barra__unita { padding: 5px 8px; }
  .ev-barra__unita b { font-size: 17px; }
  .ev-dettagli li { font-size: 14px; padding: 8px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .ev-fomo, .ev-fissa { transition: none; }
}

/* recensioni su telefono: due colonne, l'ultima dispari prende la riga intera */
@media (max-width: 600px) {
  .ev-recensioni { grid-template-columns: 1fr 1fr; gap: 10px; }
  .ev-recensione { padding: 20px 14px 14px; }
  .ev-recensione blockquote { font-size: 18px; }
  .ev-recensione:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* ==========================================================================
   Landing chiusa (v7, 12/10/2026): logo nella barra del timer, timer piu' grande,
   headline enorme su massimo 4 righe (la misura la calcola evento.js), parti in rosso
   scelte nel portale, niente locandina, niente link che portano fuori.
   ========================================================================== */
.ev-barra__logo { flex: none; width: 72px; height: auto; }
.landing .ev-barra__dentro { padding-block: 10px; gap: 8px 18px; }
.landing .ev-barra__etichetta { font-size: 13px; }
.landing .ev-barra__etichetta b { color: var(--rosso); text-shadow: 0 0 10px rgba(255, 26, 26, .8); }
.landing .ev-barra__conto { gap: 8px; }
.landing .ev-barra__unita { padding: 8px 13px; gap: 4px; }
.landing .ev-barra__unita b { font-size: 30px; }
.landing .ev-barra__unita small { font-size: 12px; }
@media (max-width: 760px) {
  .landing .ev-barra__dentro { flex-direction: column; gap: 6px; padding-block: 10px 12px; }
  .ev-barra__logo { width: 64px; }
  .landing .ev-barra__unita { padding: 6px 11px; }
  .landing .ev-barra__unita b { font-size: 26px; }
  .landing .ev-barra__unita small { font-size: 11px; }
}

.landing .ev-hero { min-height: calc(100svh - 90px); }
.ev-hero__griglia--landing { grid-template-columns: minmax(0, 1fr) !important; }
.landing .ev-hero__testo { justify-items: center; text-align: center; gap: 22px; }
/* La colonna resta larga quanto lo schermo: senza, le righe della headline (max-content) la
   allargavano e la pagina usciva a destra sul telefono (difetto visto il 05/11/2026) */
.landing .ev-hero__testo, .ev-hero__testo { grid-template-columns: minmax(0, 1fr); }
.ev-hero__headline { max-width: min(100%, 1180px); }
.ev-hero__headline {
  width: 100%; max-width: 1180px; margin-inline: auto;
  font-size: clamp(40px, 9vw, 120px); line-height: .98; text-wrap: balance;
  overflow-wrap: normal; word-break: normal; hyphens: none;
}
.ev-rosso { color: var(--rosso); text-shadow: var(--neon); }
.landing .ev-hero__sotto { font-size: clamp(16px, 1.5vw, 19px); max-width: 52ch; }
.landing .ev-dettagli { justify-content: center; max-width: 820px; gap: 10px; }
.landing .ev-dettagli li { font-size: clamp(15px, 1.4vw, 18px); min-height: 48px; padding: 10px 18px; background: rgba(11, 10, 9, .55); border-color: rgba(242, 235, 223, .22); }
.landing .ev-cta { margin-inline: auto; }
.landing .ev-sponsor__lista li:hover { transform: none; }

.ev-piede { padding: 40px 0 calc(40px + env(safe-area-inset-bottom)); border-top: 1px solid var(--linea); text-align: center; }
.ev-piede img { width: 72px; height: auto; margin: 0 auto 12px; opacity: .85; }
.ev-piede p { font-size: 13px; color: var(--crema-70); }
.ev-piede a { color: inherit; }
@media (max-width: 899px) { .landing .ev-piede { padding-bottom: calc(110px + env(safe-area-inset-bottom)); } }

/* "Solo N biglietti rimasti in prevendita" sotto il bottone (numero dal portale) */
.ev-scarsita { display: inline-flex; align-items: center; gap: 9px; margin: 2px 0 0; font-size: 15px; font-weight: 600; color: var(--crema); }
.ev-scarsita b { color: var(--rosso); text-shadow: var(--neon); font-size: 1.15em; }
.ev-scarsita__punto { width: 9px; height: 9px; border-radius: 50%; background: var(--rosso); box-shadow: 0 0 10px var(--rosso); animation: ev-pulsa 1.6s ease-in-out infinite; }
@keyframes ev-pulsa { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .ev-scarsita__punto { animation: none; } }

/* Headline a manifesto: ogni riga a tutta larghezza (misure scritte da evento.js) */
.ev-hero__headline--righe { text-wrap: wrap; }
.ev-hero__headline--righe .ev-riga { display: block; width: max-content; margin-inline: auto; white-space: nowrap; line-height: .98; }
.ev-hero__headline .ev-parola { white-space: nowrap; }
/* evento.js misura la headline cambiando la grandezza del testo: niente transizioni, nemmeno quella
   da .01ms che style.css mette a tutto con "Riduci movimento" (lì le misure venivano sbagliate) */
.ev-hero__headline, .ev-hero__headline * { transition: none !important; }