/* =====================================================================
   COMPONENTE · CALENDARIO DE FECHAS Y PODIO
   Celular: tarjetas en 2 columnas; podio en una columna compacta.
   ===================================================================== */

.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}
.ev{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;text-align:left;position:relative;min-width:0}
.ev.played{cursor:pointer}
.ev.played:hover{border-color:var(--muted)}
.ev[aria-pressed="true"]{border:2px solid var(--navy);padding:9px 11px;background:var(--row)}
:root[data-theme="dark"] .ev[aria-pressed="true"]{border-color:var(--pine)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ev[aria-pressed="true"]{border-color:var(--pine)}}
.ev .t{font-family:var(--display);font-weight:700;font-size:18px}
.ev .d{font-size:14px;color:var(--muted)}
.ev .s{font-size:13px;margin-top:4px}
.ev.played .s{color:var(--good);font-weight:600}
.ev.next{border:2px dashed var(--ember);padding:9px 11px}
.ev.next .s{color:var(--ember);font-weight:700}
.ev.special{background:var(--ember-soft);border-color:var(--ember)}
.ev.final{background:var(--pine-soft);border-color:var(--gold)}
.ev .win{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.podium{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px}
.pod{padding:10px 14px;display:flex;gap:12px;align-items:center}
.pod .medal{font-size:24px}
.pod .nm{font-weight:700}
.pod .nm a{text-decoration:none}
.pod .meta{font-size:13px;color:var(--muted)}

@media (min-width:600px){
  .timeline{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
  .ev .t{font-size:19px}
  .podium{grid-template-columns:repeat(3,1fr);gap:10px}
}
a.ev{text-decoration:none;color:inherit}