/* =======================
   RESPONSIVE
======================= */

@media (max-width:1180px) {

  /*
    En tablet el panel lateral completo tiene su
    propio scroll, por eso la lista no necesita
    un segundo scroll interno.
  */

  .lista-ligas {
    max-height: none;

    overflow: visible;

    scrollbar-gutter: auto;
  }


  .principales-bar {
    padding: 6px 8px;
  }


  .eventos-lista {
    min-height: calc(100vh - 220px);
    min-height: calc(100dvh - 220px);
  }


  .pais-item {
    min-height: 42px;
  }
}


@media (max-width:900px) {

  .eventos-lista {
    min-height: auto;
  }
}


@media (max-width:520px) {

  .principales-bar {
    padding: 6px 7px;
  }


  .principales-lista {
    gap: 6px;

    padding-bottom: 3px;
  }


  .principal-item {
    min-height: 30px;

    padding: 0 8px;

    font-size: 9px;
  }


  .principal-item strong {
    min-width: 19px;
    height: 18px;

    padding: 0 5px;

    font-size: 8px;
  }


  .pais-item {
    min-height: 42px;

    padding: 7px 8px;

    font-size: 11px;
  }


  .pais-bandera {
    width: 26px;
    height: 18px;
  }


  .pais-meta strong {
    min-width: 25px;

    height: 20px;

    padding: 0 5px;

    font-size: 9px;
  }


  .pais-meta > span {
    font-size: 17px;
  }
}
/* =======================
   PANEL DE PAÍSES SIN TÍTULO
======================= */

.panel-heading-sin-titulo {
  display: none;
}


/* Aprovechar el espacio liberado
   por el encabezado eliminado */
.lista-ligas {
  max-height: calc(100vh - 96px);
  max-height: calc(100dvh - 96px);
}


@media (max-width: 1180px) {

  .panel-heading-sin-titulo {
    display: flex;

    align-items: center;
    justify-content: flex-end;

    min-height: 48px;

    padding: 7px 9px;

    border-bottom: 1px solid #111;

    background:
      linear-gradient(
        180deg,
        #303030 0%,
        #282828 100%
      );
  }


  .lista-ligas {
    max-height: none;

    overflow: visible;
  }
}
/* =======================
   PANEL PAÍSES:
   TODOS LOS EVENTOS FIJO
   SCROLL SÓLO EN PAÍSES
======================= */

.lista-ligas {
  display: flex !important;
  flex-direction: column !important;

  gap: 0 !important;

  height: calc(100vh - 96px);
  height: calc(100dvh - 96px);

  max-height: calc(100vh - 96px) !important;
  max-height: calc(100dvh - 96px) !important;

  padding: 0 !important;

  overflow: hidden !important;

  background: #242424;
}


/* =======================
   ZONA FIJA SUPERIOR
======================= */

.ligas-fijo-superior {
  flex: 0 0 auto;

  position: relative;

  z-index: 10;

  padding: 7px;

  border-bottom: 1px solid #111;

  background:
    linear-gradient(
      180deg,
      #292929 0%,
      #242424 100%
    );

  box-shadow:
    0 4px 8px rgba(0,0,0,.22);
}


.ligas-fijo-superior .liga-todos-eventos {
  width: 100%;

  margin: 0;
}


/* =======================
   SCROLL EXCLUSIVO PAÍSES
======================= */

.paises-scroll {
  flex: 1 1 auto;

  min-height: 0;

  display: flex;

  flex-direction: column;

  gap: 6px;

  padding: 7px;

  overflow-y: auto;

  overflow-x: hidden;

  overscroll-behavior: contain;

  scrollbar-gutter: stable;

  scrollbar-width: thin;

  scrollbar-color:
    #666
    #202020;
}


.paises-scroll::-webkit-scrollbar {
  width: 7px;
}


.paises-scroll::-webkit-scrollbar-track {
  background: #202020;

  border-radius: 999px;
}


.paises-scroll::-webkit-scrollbar-thumb {
  background: #5c5c5c;

  border-radius: 999px;
}


.paises-scroll::-webkit-scrollbar-thumb:hover {
  background: #777;
}


/* Ya no utilizamos el encabezado
   PAÍSES + cantidad */

.paises-separador {
  display: none !important;
}


/* =======================
   PAÍS SELECCIONADO
======================= */

.ligas-fijo-superior .volver-paises {
  margin: 0 0 6px;
}


.ligas-fijo-superior .pais-cabecera {
  margin: 0;
}


/* =======================
   TABLET / MÓVIL
======================= */

@media (max-width: 1180px) {

  .lista-ligas {
    height: calc(100vh - 48px);
    height: calc(100dvh - 48px);

    max-height: calc(100vh - 48px) !important;
    max-height: calc(100dvh - 48px) !important;

    overflow: hidden !important;
  }


  .paises-scroll {
    overflow-y: auto !important;
  }
}
/* Ocultar encabezado del módulo de competiciones */
.principales-header{
    display:none;
}