/* Medyca — /evento-menopausa-mens-sana-2026 (13.10.2026, evento passato dal 30.10.2026)
   Solo i pezzi che in stile.css non ci sono, nello stesso linguaggio: variabili del sistema, raggi 8/24/40, pillole,
   filetti var(--filo), niente colori nuovi, ombre solo sul bottone rosso e sulla cornice dell'apertura.
   Dopo stile.css. Pezzi nuovi (da portare nel foglio comune): .ev-apertura (apertura con i due loghi in cornice bianca
   e la tabella data/luogo/diretta), .elenco (elenco con la barretta rossa), .ev-dettagli (la fisarmonica in due
   colonne), .ev-programma (orari), .ev-galleria (foto in griglia), .ev-domande (domande e risposte aperte).
   Dal 30.10.2026, evento passato, non ci sono più il bottone fisso «Registrati gratis, posti limitati» (.ev-registrati),
   l'avviso dei posti in apertura (.ev-nota) e la scheda «Porta un'amica a palazzo!» (.ev-promo, con .ev-duo). */

/* ---------- Apertura: i due loghi in cornice bianca, il titolo, data e luogo ---------- */
:is(.ev-apertura):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { position: relative; overflow: hidden; background: var(--navy); color: #fff; padding-block: 2.5rem 3rem; }
:is(.ev-apertura):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *)::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .06;
  background: url("/loghi/medyca-croce-filigrana-bianca.svg") no-repeat right -9rem top -3rem / 30rem auto;
}
:is(.ev-apertura .contenitore):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { position: relative; z-index: 1; }

/* i due loghi (JPG su fondo bianco) stanno in una cornice bianca con gli angoli a 24px, come la foto della home */
:is(.ev-loghi):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; max-width: 26rem; padding: .5rem; border-radius: var(--raggio-grande); background: #fff; box-shadow: 0 20px 44px rgba(8, 20, 44, .3); }
:is(.ev-loghi img):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { width: 100%; aspect-ratio: 1; object-fit: contain; }

:is(.ev-apertura .h1):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { margin-top: 2rem; }
/* «della Menopausa» non si spezza: il titolo va a capo dopo «La Svolta» e non lascia «Menopausa» da sola. Sotto i 390px di schermo il corpo scende in proporzione (mai sopra le misure del sistema), così «della Menopausa» sta sempre su una riga. */
:is(.ev-unito):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { white-space: nowrap; }
:is(.ev-apertura .h1-grande):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { font-size: min(var(--h1-grande), 9.2vw); }
:is(.ev-apertura .h1):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *)::before { content: ""; display: block; width: 2.5rem; height: 4px; margin-bottom: 1.25rem; border-radius: 2px; background: var(--rosso); }

/* data, luogo e diretta: righe con filetto bianco (il filo del navy), come le righe delle fisarmoniche */
:is(.ev-info):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { margin-top: 2rem; border-block: 1px solid var(--filo-su-navy); }
:is(.ev-dato):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *), :is(.ev-live):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { display: block; padding-block: .875rem; }
:is(.ev-dato + .ev-dato):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *), :is(.ev-live):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { border-top: 1px solid var(--filo-su-navy); }
:is(.ev-info a):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: .22em; }
:is(.ev-sottotitolo):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { margin-top: 1.75rem; font-size: var(--attacco); line-height: var(--attacco-lh); font-weight: var(--peso-testo); }
:is(.ev-sottotitolo strong):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { font-weight: 600; }

@media (min-width: 64em) {
  :is(.ev-apertura):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { padding-block: 4.5rem 5rem; }
  :is(.ev-apertura):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *)::after { background-position: right -6rem top -8rem; background-size: 46rem auto; }
  :is(.ev-griglia):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 4rem; align-items: start; }
  :is(.ev-testo):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { grid-column: 1; grid-row: 1; }
  /* i due loghi uno sopra l'altro: la cornice è alta come il blocco di testo, come la foto della home */
  :is(.ev-loghi):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { grid-column: 2; grid-row: 1; justify-self: end; align-self: start; grid-template-columns: 1fr; width: min(24rem, 100%); max-width: none; gap: 1rem; padding: 1rem; border-radius: var(--raggio-box, 40px); }
  :is(.ev-loghi img):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { aspect-ratio: 352 / 224; }
  :is(.ev-apertura .h1):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { margin-top: 0; }
  :is(.ev-apertura .h1):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *)::before { width: 3.5rem; height: 5px; margin-bottom: 1.75rem; border-radius: 3px; }
  :is(.ev-info):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { margin-top: 2.25rem; }
  :is(.ev-sottotitolo):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { max-width: 36rem; margin-top: 2rem; }
}

/* ---------- Elenco con la barretta rossa (l'accento del sistema) al posto del pallino ---------- */
:is(.elenco > li):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { position: relative; padding-left: 1.5rem; }
:is(.elenco > li + li):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { margin-top: .75rem; }
:is(.elenco > li):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *)::before { content: ""; position: absolute; left: 0; top: .85em; width: .75rem; height: 3px; border-radius: 2px; background: var(--rosso); }

/* ---------- Le domande sull'evento: la fisarmonica da sola, in due colonne ---------- */
/* La scheda dell'offerta «Porta un'amica a palazzo!», che stava accanto, non c'è più (30.10.2026, evento passato). Da telefono a tablet le due
   metà sono un elenco solo, nella colonna del testo (40rem), senza il filetto doppio fra l'una e l'altra; da 64em due colonne uguali, ognuna con
   la sua cima: una riga aperta allunga solo la sua colonna. */
:is(.ev-dettagli .fisarmonica):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { max-width: var(--colonna); }
:is(.ev-dettagli .fisarmonica + .fisarmonica):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { border-top: 0; }
@media (min-width: 64em) {
  :is(.ev-dettagli):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 5rem; align-items: start; }
  :is(.ev-dettagli .fisarmonica + .fisarmonica):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { border-top: 1px solid var(--filo); }
}

/* ---------- Programma: l'orario a sinistra in grassetto, la voce a destra, righe con filetto ---------- */
:is(.ev-programma):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { border-top: 1px solid var(--filo); }
:is(.ev-programma > li):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { display: grid; grid-template-columns: 7.25rem minmax(0, 1fr); column-gap: 1rem; padding-block: 1rem; border-bottom: 1px solid var(--filo); }
@media (min-width: 52em) { :is(.ev-programma > li):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { grid-template-columns: 9.5rem minmax(0, 1fr); padding-block: 1.125rem; } }
/* sotto i 360px la colonna del testo è di 140px e una parola lunga («personalizzazione», 145px) ne esce: il vuoto fra l'orario e il testo si
   stringe di 8px, e una parola che non sta in colonna si spezza invece di uscire. Da 360px in su la riga è quella di sempre */
@media (max-width: 22.49em) { :is(.ev-programma > li):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { column-gap: .5rem; overflow-wrap: break-word; } }

/* ---------- Foto dell'evento: griglia ordinata, tutte dello stesso taglio, angoli a 24px ---------- */
:is(.ev-galleria):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
:is(.ev-galleria li):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { aspect-ratio: 4 / 3; border-radius: var(--raggio-grande); overflow: hidden; background: var(--bianco); }
:is(.ev-galleria img):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { width: 100%; height: 100%; object-fit: cover; }
:is(.ev-galleria li:nth-child(3) img):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { object-position: 50% 8%; }    /* lo striscione Medyca in alto e il giocatore */
:is(.ev-galleria li:nth-child(4) img):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { object-position: 50% 20%; }   /* la foto verticale: canestro, palla e giocatore in alto */
:is(.ev-dopo-foto):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { margin-top: 2.5rem; }
@media (min-width: 37.5em) { :is(.ev-galleria):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 64em) { :is(.ev-galleria):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { gap: 24px; } :is(.ev-galleria li):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { aspect-ratio: 3 / 2; } }

/* ---------- Domande frequenti: aperte, righe con filetto; a desktop la domanda a sinistra e la risposta a destra ---------- */
:is(.ev-domande):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { margin-top: 2rem; border-top: 1px solid var(--filo); }
:is(.ev-domanda):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { padding-block: 1.5rem; border-bottom: 1px solid var(--filo); }
:is(.ev-domanda dt):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: .5rem; font-size: 1.0625rem; line-height: 1.4; font-weight: 700; }
:is(.ev-domanda dd):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { margin-top: .5rem; }
:is(.ev-dopo-domande):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { margin-top: 2.5rem; }
@media (min-width: 64em) {
  :is(.ev-domanda):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 5rem; padding-block: 1.75rem; }
  :is(.ev-domanda dt):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { font-size: 1.1875rem; }
  :is(.ev-domanda dd):where([data-sezione^="evento-menopausa-mens-sana-2026/"], [data-sezione^="evento-menopausa-mens-sana-2026/"] *) { margin-top: 0; max-width: var(--colonna); }
}