/* 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); }

.live-screen { position: relative; aspect-ratio: 16 / 9; border: var(--bw) solid var(--color-bg); background: #0F0C09; display: grid; place-items: center; text-align: center; padding: 24px; overflow: hidden; }
.live-screen .xilo { position: absolute; inset: 0; opacity: .32; background: #0F0C09; }
.live-screen .xilo img { mix-blend-mode: screen; filter: grayscale(1) contrast(1.6) brightness(.9); }
.live-screen .xilo::after { display: none; }
.live-msg { position: relative; z-index: 1; display: grid; gap: 10px; justify-items: center; max-width: 30em; }
.live-msg > .icon { width: 40px; height: 40px; color: var(--color-sun); }
.live-msg strong { font: 400 clamp(22px, 2.2vw, 30px)/1.1 var(--font-display); color: var(--color-bg); }
.live-msg span { font: 400 14px/1.45 var(--font-data); color: var(--color-foot-muted); }

/* ── 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); }
  .live-screen { aspect-ratio: auto; min-height: 260px; padding: 28px 18px; }
  .dtable--cards caption { display: block; }
  .cn-side .gallery .w6 .print { aspect-ratio: 3 / 2; }
}