/* Scroll vertical para la lista de deportes */
.deportes-scroll {
  max-height: 60vh;
  height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Footer estático */
.footer-estatico {
  width: 100vw;
  background: #ed3237;
  color: #0e2340;
  position: static;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
    padding: 10px 0 6px 0;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  letter-spacing: 1px;
}
/* Reducir espacio entre botones de deportes */
#sportsMenu .btn {
  margin-bottom: 4.8px;
  margin-right: 8px;
  background-color: #603B8B;
  color: #fff;
  border: none;
}

/* Elimina scroll horizontal y cualquier overflow en deportes */
#sportsMenu {
  display: block;
}
/* Reducir tamaño del texto en la barra de equipos */
#teamsList .list-group-item {
  font-size: 0.9em;
}
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');

body {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  line-height: 1.2;
}

/* Banner superior */
.banner-superior {
  width: 100vw;
  height: 165px;
  padding: 0 !important;
  margin: 0 !important;
  background: none;
  border-radius: 0 !important;
}
.banner-content {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}
.banner-content {
  width: 100%;
  text-align: center;
}

/* Unificar títulos principales */
.section-title {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 16px;
  padding-top: 10px;
}

.container-fluid {
  min-height: calc(100vh - 150px);
  display: flex;
  flex-direction: column;
}

/* Limitar el ancho general del proyecto */
.proyecto-maxwidth {
  max-width: 1920px;
  margin: 0 auto;
  .proyecto-maxwidth {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

.container-fluid > .row {
  flex: 1 1 auto;
  height: 100%;
}


/* Scroll independiente para la lista de equipos */
.equipos-scroll {
  max-height: 60vh;
  height: 60vh;
  overflow-y: auto;
}

.grupo-posicion {
  cursor: pointer;
  transition: background-color 0.3s;
   font-size: 0.70em; /* Original font size */
  
}

.grupo-posicion:hover {
  background-color: #f0f0f0;
}
.sidebar {
  height: 100vh;
  padding: 20px;
  border-right: 1px solid #ccc;
}



.grupo-posicion:hover {
  background-color: #f0f0f0;
}