/* =====================================================================
   COMPONENTE · HISTORIAL (historial.html) y accesos a la temporada actual
   Celular: tarjetas por temporada; escritorio (900px): tabla completa.
   ===================================================================== */

main section{scroll-margin-top:60px}
.small{font-size:13px}
.hnav .tab{text-decoration:none}
.hnav .tab.cta{color:var(--ember);position:sticky;left:calc(-1 * var(--gutter));margin-left:calc(-1 * var(--gutter));padding-left:calc(12px + var(--gutter));z-index:1;background:var(--bg);box-shadow:6px 0 8px -6px rgba(0,0,0,.25)}
.tab.now{color:var(--ember);text-decoration:none;position:sticky;left:calc(-1 * var(--gutter));margin-left:calc(-1 * var(--gutter));padding-left:calc(12px + var(--gutter));z-index:1;background:var(--bg);box-shadow:6px 0 8px -6px rgba(0,0,0,.25)}
.tab.now:hover{color:var(--ink)}

/* Tarjetas de resumen */
.kpis{grid-template-columns:repeat(2,1fr)}

/* Temporadas en tarjetas (celular) */
.scards{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.scard{padding:12px 14px}
.scard.cur{border-color:var(--pine);box-shadow:inset 4px 0 0 var(--pine)}
.sc-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;text-decoration:none;color:var(--ink);font-size:17px;margin-bottom:6px}
.sc-h .dim{width:100%}
.scard dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0}
.scard dt{font-size:12px;color:var(--muted)}
.scard dd{margin:0;font-weight:600}
.scard dd small{font-weight:500;color:var(--muted)}
.view-table{display:none}
#hSeasons td,#hSeasons th{padding-left:8px;padding-right:8px}
#hSeasons td:nth-last-child(-n+2){white-space:normal;min-width:110px}
tr.cur td{background:var(--pine-soft)}
td.full{color:var(--good);font-weight:700}

/* Barras horizontales (una serie: un solo color) */
.hbars{display:grid;gap:8px;margin:6px 0 16px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}
.hb{display:grid;grid-template-columns:7.5em 1fr auto;align-items:center;gap:10px;min-height:28px}
.hb-k{font-size:14px;font-weight:600;white-space:nowrap}
.hb-track{height:14px;border-radius:4px;background:var(--row);position:relative;overflow:hidden}
.hb-fill{position:absolute;inset:0 auto 0 0;border-radius:0 4px 4px 0;background:var(--bar)}
.hb.hl .hb-fill{background:var(--bar-hl)}
.hb-na{position:absolute;left:8px;top:0;font-size:11px;color:var(--muted);line-height:14px}
.hb-v{font-variant-numeric:tabular-nums;font-weight:600;font-size:14px;min-width:5.5em;text-align:right}
.hb:hover .hb-track{outline:2px solid var(--line)}
:root{--bar:#7F8BB8;--bar-hl:#16204A}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bar:#5E6896;--bar-hl:#FFCC2E}}
:root[data-theme="dark"]{--bar:#5E6896;--bar-hl:#FFCC2E}

/* Aviso de temporada anterior + accesos (index.html) */
.archive-bar{background:var(--pine);color:#141A33;font-weight:600;font-size:14px}
.archive-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding-top:8px;padding-bottom:8px}
.archive-bar a{color:#141A33;font-weight:700;background:rgba(255,255,255,.55);border-radius:99px;padding:4px 12px;text-decoration:none;white-space:nowrap}
.hero-links{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 8px}
.hero-links a{font-size:13px;font-weight:600;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.28);border-radius:99px;padding:4px 12px}
.hero-links a:hover{background:rgba(255,255,255,.1)}
.hero-links a.now{background:var(--pine);border-color:var(--pine);color:#141A33}

@media (min-width:600px){
  .kpis{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:900px){
  .scards{display:none}
  .view-table{display:block}
}