/* Clasificación (football-data.org) — tabla de periódico:
   sobria, en tinta y papel; las zonas se marcan con una
   banda de color junto a la posición, sin escudos ni adornos. */

.zona-ucl { --zc: #1d4e9e; }
.zona-uel { --zc: #b85c00; }
.zona-uecl { --zc: #5f7f2a; }
.zona-descenso { --zc: #cc0000; }
.zona-octavos { --zc: #1d4e9e; }
.zona-playoff { --zc: #4a7fb5; }
.zona-eliminado { --zc: #8a8a8a; }

.clasi-leyenda {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  list-style: none;
  margin: 18px 0 10px;
  padding: 0;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  color: #55534c;
}
.clasi-leyenda .muestra {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  background: var(--zc, #999);
}

.clasi-scroll { overflow-x: auto; }

.clasi-tabla {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  color: #111111;
}
.clasi-tabla th {
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #55534c;
  padding: 8px;
  border-bottom: 2px solid #111111;
}
.clasi-tabla td {
  padding: 7px 8px;
  border-bottom: 1px solid #e3e1da;
  font-variant-numeric: tabular-nums;
}
.clasi-tabla .num { text-align: right; }
.clasi-tabla th.num { text-align: right; }
.clasi-tabla .pos {
  width: 36px;
  font-weight: 700;
  border-left: 4px solid transparent;
}
.clasi-tabla td.pos.zona-ucl,
.clasi-tabla td.pos.zona-uel,
.clasi-tabla td.pos.zona-uecl,
.clasi-tabla td.pos.zona-descenso,
.clasi-tabla td.pos.zona-octavos,
.clasi-tabla td.pos.zona-playoff,
.clasi-tabla td.pos.zona-eliminado { border-left-color: var(--zc); }
.clasi-tabla .equipo { font-weight: 600; }
.clasi-tabla .pts { font-weight: 800; }

.clasi-actualizada {
  margin-top: 14px;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  color: #55534c;
}
.clasi-fuente {
  margin-top: 4px;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  color: #55534c;
}
.clasi-fuente a { color: inherit; }
.clasi-otras {
  margin-top: 4px;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  color: #55534c;
}
.clasi-otras a { color: inherit; }
.clasi-aviso {
  margin: 22px 0;
  font-size: 16px;
  color: #55534c;
}

.clasi-tabla .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (max-width: 560px) {
  .clasi-tabla .col-gf,
  .clasi-tabla .col-gc { display: none; }
  .clasi-tabla { min-width: 0; font-size: 14px; }
}

/* Partidos de la jornada (v2): resultados y en juego de la jornada
   en curso, mismo lenguaje de tinta y papel que la tabla. */
.clasi-h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 800;
  font-size: 23px;
  color: #111111;
  margin: 26px 0 10px;
  padding-bottom: 6px;
  border-bottom: 2px solid #111111;
}
.partidos-scroll { overflow-x: auto; }
.partidos-tabla {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-family: 'Inter', sans-serif;
  font-size: 14.5px;
  color: #111111;
}
.partidos-tabla td {
  padding: 7px 8px;
  border-bottom: 1px solid #e3e1da;
  font-variant-numeric: tabular-nums;
}
.partidos-tabla .p-local { text-align: right; font-weight: 600; width: 38%; }
.partidos-tabla .p-centro { text-align: center; font-weight: 800; width: 84px; white-space: nowrap; }
.partidos-tabla .p-visita { font-weight: 600; width: 38%; }
.partidos-tabla .p-estado {
  text-align: right;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #55534c;
  white-space: nowrap;
}
.partidos-tabla .p-estado.vivo { color: #cc0000; font-weight: 800; }
.clasi-nota { margin-top: 2px; }

@media (max-width: 560px) {
  .partidos-tabla { min-width: 0; font-size: 13.5px; }
  .clasi-h2 { font-size: 20px; }
}