/* ==========================================================================
   Sezione evento in homepage — file separato da style.css perché temporaneo
   (si rimuove a evento concluso) e perché style.css è in cache 30 giorni.
   ========================================================================== */

.event{ border-bottom:3px solid var(--pitch); }
.event-grid{ display:grid; gap:var(--sp-5); align-items:start; }
@media (min-width:56rem){
  .event-grid{ grid-template-columns:1.25fr 0.75fr; }
}

.event .tag{ margin-bottom:var(--sp-2); }
.event h2{ margin-bottom:var(--sp-3); }
.event .deflist{ font-size:var(--step-1); margin-bottom:var(--sp-4); }
.event .deflist dt{ padding-top:0.35em; }

.event-quote{
  margin:0 0 var(--sp-3); padding-left:var(--sp-3); border-left:6px solid var(--emerald);
  font-size:var(--step-1); font-style:italic; color:var(--pitch); max-width:60ch;
}

.event-program{ display:grid; gap:var(--sp-3); margin:var(--sp-4) 0; }
@media (min-width:44rem){ .event-program{ grid-template-columns:repeat(2,1fr); } }
.event-program h3{ font-size:var(--step-0); letter-spacing:0.05em; color:var(--emerald); margin-bottom:var(--sp-1); }
.event-program ul{ list-style:none; margin:0; padding:0; }
.event-program li{ margin-bottom:0.45em; line-height:1.35; }
.event-program li span{ display:block; color:var(--muted); font-size:var(--step--1); }

.event-poster{ display:block; border:3px solid var(--pitch); background:var(--paper); }
.event-poster img{ width:100%; height:auto; }
.event-poster-caption{ font-size:var(--step--1); color:var(--muted); margin-top:var(--sp-1); }