/* Ao Vivo: current páreo panel (ink band + "screen" message, no player),
 * páreos as folhetos, official channels, last results.
 * The ink-band rules mirror home.css (Ao Vivo block) because home.css is not
 * loaded here. */

/* ── ink band ─────────────────────────────────────────────────────────── */
.now-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: center; }
.now-facts { margin-top: 22px; }
.now-btns { margin-top: 26px; }
.sec--ink .facts { border-top-color: var(--color-bg); }
.sec--ink .facts dt { color: var(--color-foot-muted); }
.sec--ink .facts dt, .sec--ink .facts dd { border-bottom-color: rgba(239, 230, 210, .25); }
.sec--ink .btn { background: transparent; color: var(--color-bg); border-color: var(--color-bg); box-shadow: 4px 4px 0 var(--color-brand); }
.sec--ink .btn:hover { background: var(--color-bg); color: var(--color-ink); }
.sec--ink .btn--brand { background: var(--color-brand); color: var(--color-on-brand); }
.sec--ink .btn--brand:hover { background: var(--color-bg); color: var(--color-ink); }
.sec--ink .btn small { color: inherit; }
.sec--ink .status { border-color: var(--color-bg); }

/* ── páreos ───────────────────────────────────────────────────────────── */
.av-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.av-quina .fo-head { background: var(--color-accent); }

/* ── canais ───────────────────────────────────────────────────────────── */
.cn-grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 56px; align-items: start; }
.cn-text { margin-top: 20px; }
.cn-text a { color: var(--color-accent); font-weight: 600; }
.cn-side .gallery figure.w12 .xilo { aspect-ratio: 1280 / 610; }
.cn-side .gallery .w6 .print { aspect-ratio: 1; }

@media (max-width: 1024px) {
  .now-grid, .cn-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .av-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .av-grid { grid-template-columns: minmax(0, 1fr); }
  .dtable--cards caption { display: block; }
  .cn-side .gallery .w6 .print { aspect-ratio: 3 / 2; }
}