/**
 * Estilos para hacer las tablas de SportsPress responsives
 * con desplazamiento horizontal.
 */
.tabla-responsive-scroll {
  display: block; /* Asegura que el contenedor se comporte como un bloque */
  width: 100%; /* Ocupa todo el ancho disponible */
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
}

/**
 * Reglas para anular los estilos de JavaScript de SportsPress y
 * forzar el comportamiento responsive automático.
 */
.tabla-responsive-scroll > .sp-league-table {
  min-width: 700px; /* Un ancho mínimo para asegurar que el scroll aparezca en móviles. Ajústalo si es necesario. */
  max-width: none !important; /* Anula cualquier 'max-width' que el script pueda añadir. */
}