/* Estilos para asegurar que los elementos del sitio sean visibles */
/* body.sports-page se aplica durante la integración Digitain (ver sportsIntegration.ts).
   Nunca forzar position:relative en el header del sitio: anula position:fixed y el
   header se desplaza con el scroll.
   top fijo en var(--system-clock-height, 0px), no en 0: si no, con el reloj de sesión
   visible (SystemClock, GPX-5059) este !important le gana al top: var(...) de
   fixed-header.css y el header queda pegado al tope, tapado por el reloj. */
body.sports-page header.site-header,
.sports-page header.site-header {
  position: fixed !important;
  top: var(--system-clock-height, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 50 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Asegurar que el contenido principal tenga un z-index adecuado */
main, .main, #__next > div {
  position: relative !important;
  z-index: 1 !important;
}

/* Estilos para asegurar que los elementos interactivos dentro del contenedor de deportes funcionen correctamente */
#sports-container button,
#sports-container a,
#sports-container input,
#sports-container select,
#sports-container textarea {
  position: relative !important;
  z-index: 2 !important;
}