/*
 * Card evento: campi extra (sottotitolo, organizzatore) e area media.
 * Serve sia nelle liste (page-eventi.php) sia nella scheda singola,
 * per questo viene caricato ovunque - pesa un niente ed e' cacheato.
 */

.ev{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;align-items:stretch}
.ev .ev-sub{margin:.15rem 0 .35rem;font-size:.92em;color:var(--cyan,#0a8aa6);font-style:italic;line-height:1.35}
.ev .ev-org{margin:.1rem 0 .5rem;font-size:.82em;letter-spacing:.02em;opacity:.75}
.ev-main{display:flex;gap:20px;padding:20px 24px;align-items:flex-start;flex:1}

.ev-media{position:relative;width:100%;height:158px;flex-shrink:0;overflow:hidden;background:var(--navy-900,#0c1130)}
.ev-media>img{width:100%;height:100%;object-fit:cover;display:block}
.ev.upcoming .ev-media{border-bottom:1px solid rgba(127,231,223,.25)}

/* fallback quando l'evento non ha immagine: marchio + categoria su gradiente */
.ev-noimg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,var(--navy-700,#1a2454),var(--navy-900,#0c1130));border-bottom:1px solid var(--line,rgba(255,255,255,.12))}
.ev-noimg .ev-noimg-mark{height:30px;width:auto;opacity:.42;filter:brightness(0) invert(1)}
.ev-noimg .ev-noimg-cat{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan,#7fe7df);opacity:.85;font-weight:500}