/* Ajustes adicionales bajo 640px */
@media (max-width: 640px) {
    .hero-player { height: 50vh; }
    .live-badge, .viewers-badge { font-size: 11px; padding: .25rem .5rem; }
    .play-button__circle { width: 4rem; height: 4rem; }
}

/* Landscape móvil */
@media (max-height: 500px) and (orientation: landscape) {
    .hero-player { height: 85vh; }
}

/* Impresión */
@media print {
    body { background: #fff; color: #000; }
    nav, footer, .live-pulse { display: none; }
}