/* Ao Vivo — the six live fields (row5 language, 3 × 2), stream status line, race-day flow, winners. */

.av-clock { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem var(--space-3); margin-top: var(--space-5); }
.av-clock .lbl { flex-basis: 100%; margin: 0; }
.av-clock .num { font-size: 2rem; line-height: 1; }
.av-clock__d { font-size: var(--fs-small); color: var(--color-ink-2); }

.av-now { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--color-ink); }
.av-now > div { padding: var(--space-5) var(--space-5) var(--space-6); border-bottom: 1px solid var(--color-line); border-left: 1px solid var(--color-line); }
.av-now > div:nth-child(3n + 1) { border-left: 0; padding-left: 0; }
.av-now .val-sub { max-width: 34ch; }

.av-empty { margin-top: var(--space-7); }
.av-next { margin-top: var(--space-7); }
.av-stream { display: flex; gap: var(--space-3); align-items: flex-start; margin-top: var(--space-7); padding: var(--space-4) 0; border-top: 1px solid var(--color-line); border-bottom: 1px solid var(--color-line); font-size: .9375rem; color: var(--color-ink-2); }
.av-stream .icon { margin-top: .15rem; color: var(--color-brand); }
.av-stream b { color: var(--color-ink); font-weight: 600; }
.av-stream + .ctas { margin-top: var(--space-5); }

.av-flowhead { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(2rem, 6vw, 6rem); align-items: end; margin-bottom: var(--space-7); }
.av-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.av-win td:first-child { width: 3.5rem; } /* 3.5rem: "10º" */
.av-dist { color: var(--color-ink-2); font-family: var(--font-mono); font-size: var(--fs-micro); white-space: nowrap; }

@media (max-width: 1080px) {
  .av-now { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .av-now > div:nth-child(3n + 1) { border-left: 1px solid var(--color-line); padding-left: var(--space-5); }
  .av-now > div:nth-child(odd) { border-left: 0; padding-left: 0; }
  .av-flowhead { grid-template-columns: 1fr; align-items: start; }
  .av-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .av-now { grid-template-columns: 1fr; }
  .av-now > div, .av-now > div:nth-child(3n + 1) { border-left: 0; padding: var(--space-4) 0; display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: .25rem var(--space-4); } /* 7.5rem: label column, as .row5 */
  .av-now .lbl { margin: 0; padding-top: .35rem; grid-row: 1 / 3; }
  .av-now .val-sub { margin-top: 0; grid-column: 2; }
  .av-flow { grid-template-columns: 1fr; }
  /* winners: compact three-line rows instead of the 7-column table */
  .av-win thead { display: none; }
  .av-win, .av-win tbody { display: block; }
  .av-win tr { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr) auto; gap: .15rem var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid var(--color-line); } /* 2.5rem: páreo column */
  .av-win td { display: block; border: 0; padding: 0; }
  .av-win td:first-child { grid-row: 1 / 4; width: auto; font-family: var(--font-display); font-size: 1.35rem; line-height: 1.1; }
  .av-win td:nth-child(2) { grid-column: 3; grid-row: 1; text-align: right; font-size: var(--fs-micro); color: var(--color-ink-2); }
  .av-win td:nth-child(3) { grid-column: 2; grid-row: 1; font-size: var(--fs-micro); color: var(--color-ink-2); }
  .av-win td:nth-child(4) { grid-column: 2; grid-row: 2; }
  .av-win td:nth-child(5) { grid-column: 2; grid-row: 3; font-size: var(--fs-micro); color: var(--color-ink-2); }
  .av-win td:nth-child(6) { grid-column: 3; grid-row: 2; font-size: var(--fs-micro); }
  .av-win td:nth-child(7) { grid-column: 3; grid-row: 3; font-size: var(--fs-micro); }
  .av-win td:nth-child(7)::before { content: "venc. "; color: var(--color-ink-2); }
}