/* Contivisión — Modo TV (se activa con la clase .is-tv que pone js/tv.js) */

html.is-tv,
html.is-tv body {
  overflow-x: hidden;
}

/* Foco visible para el control remoto */
html.is-tv :focus {
  outline: 4px solid #FFD400 !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 8px rgba(255, 212, 0, 0.35) !important;
  border-radius: 8px;
  position: relative;
  z-index: 5;
}

html.is-tv .carousel-item:focus,
html.is-tv .playlist-item:focus,
html.is-tv .interview-item:focus {
  transform: scale(1.04);
  transition: transform 0.15s ease;
}

/* El menú de escritorio siempre visible, sin hamburguesa */
html.is-tv .menu-toggle,
html.is-tv .mobile-menu {
  display: none !important;
}

html.is-tv .nav__links {
  display: flex !important;
}

/* En la tele no hay cursor sobre la página: el fondo fijo se ve mal al desplazar */
html.is-tv .body,
html.is-tv body {
  background-attachment: scroll !important;
}

/* Textos pequeños: subir un poco el mínimo para leer a distancia */
html.is-tv .section-desc,
html.is-tv .video-desc,
html.is-tv .interview-role,
html.is-tv .weather-date {
  font-size: 18px !important;
  line-height: 1.5;
}

/* Modal EN VIVO más grande en TV */
html.is-tv .modal-card {
  max-width: 820px;
  width: 85%;
  padding: 16px 24px 20px;
}

html.is-tv .modal-close {
  font-size: 44px;
  padding: 4px 12px;
}

/* El banner "en vivo" pensado para celular no se muestra en TV */
html.is-tv #mobile-live-banner {
  display: none !important;
}