/* Reproductor de transmisiones (varias cámaras, cuenta regresiva, TikTok) */
.tv-camaras { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 8px; scrollbar-width: thin; }
.tv-cam { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.3); background: rgba(15, 23, 42, 0.8); color: #e2e8f0; font: 700 0.85rem system-ui, sans-serif; cursor: pointer; }
.tv-cam.on { background: #dc2626; border-color: #dc2626; color: #fff; }
.tv-cam i { font-style: normal; font-size: 0.65rem; padding: 2px 6px; border-radius: 6px; color: #fff; }
.tv-tarjeta { display: flex; align-items: center; justify-content: center; }
.tv-cuenta { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px; text-align: center; color: #fff; }
.tv-cuenta small { color: #fca5a5; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.72rem; }
.tv-cuenta strong { font-size: clamp(1.8rem, 7vw, 3.4rem); font-variant-numeric: tabular-nums; line-height: 1.05; }
.tv-cuenta span { color: #cbd5e1; font-size: 0.85rem; }
.tv-abrir { margin-top: 6px; padding: 10px 18px; border-radius: 999px; background: #dc2626; color: #fff; font-weight: 800; text-decoration: none; }
.tv-tiktok { background: radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--tv-color) 35%, transparent), transparent 60%); width: 100%; height: 100%; justify-content: center; }
.tv-tiktok small { color: var(--tv-color); }
.tv-tiktok .tv-tiktok-t { font-size: clamp(1.1rem, 4.5vw, 1.8rem); }
.tv-tiktok .tv-abrir { background: var(--tv-color); }