/* Combo de torneos más ancho */
#torneo-select {
    min-width: 220px;
    width: 260px;
    max-width: 100%;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--body-bg, #1a202c);
    transition: background-color 0.5s ease-in-out;
    overflow-y: scroll;
}

.container {
    max-width: 1024px;
    min-width: 0;
    box-sizing: border-box;
}

.custom-select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23E5E7EB'%3e%3cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    min-height: 2.5rem;
}

.bg-color-change {
    background-color: var(--container-bg);
    transition: background-color 0.5s ease-in-out;
}

#entrenamientos-container {
    overflow-x: hidden;
}

.botones-menu {
  display: flex;
  gap: 18px;
  justify-content: flex-start;
  align-items: center;
}

.btn-menu {
  min-width: 150px;
  height: 48px;
  padding: 0 32px;
  border-radius: 24px;
  font-family: 'Montserrat', 'Roboto', Arial, sans-serif;
  font-size: 1.12rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: box-shadow 0.2s, background 0.2s, color 0.2s, transform 0.12s;
  border: none;
  cursor: pointer;
  outline: none;
  box-shadow: 0 2px 14px 0 rgba(0,0,0,0.10);
  margin: 0;
  
}

.btn-menu:active {
  transform: scale(0.97);
  box-shadow: 0 2px 18px 0 rgba(0,0,0,0.15);
}

.btn-menu:focus {
  outline: 2px solid #ffd700;
  outline-offset: 2px;
}

.btn-partidos {
  background: linear-gradient(90deg, #ffe066 0%, #ffd700 100%);
  color: #222;
}
.btn-partidos:hover, .btn-partidos:focus {
  background: linear-gradient(90deg, #ffd700 0%, #ffe066 100%);
  color: #111;
}

.btn-entrenamientos {
  background: linear-gradient(90deg, #ff6060 0%, #ee2c2c 100%);
  color: #fff;
}
.btn-entrenamientos:hover, .btn-entrenamientos:focus {
  background: linear-gradient(90deg, #ee2c2c 0%, #ff6060 100%);
  color: #fff;
}

.btn-cerrar {
  background: linear-gradient(90deg, #444c58 0%, #636b76 100%);
  color: #fff;
}
.btn-cerrar:hover, .btn-cerrar:focus {
  background: linear-gradient(90deg, #636b76 0%, #444c58 100%);
  color: #fff;
}

.card-bg-red {
  background: linear-gradient(110deg, #ff6060 0%, #ffd700 100%);
  color: #222;
}
.card-bg-yellow {
  background: linear-gradient(110deg, #ffd700 0%, #fffbe6 100%);
  color: #222;
}
.card-bg-white {
  background: #ffffff;
  color: #222;
}
.card-bg-black {
  background: #222;
  color: #fff;
}
.card-bg-blue {
  background: linear-gradient(110deg, #60aaff 0%, #ffd700 100%);
  color: #222;
}
.card-border {
  border-left-width: 8px;
  border-radius: 18px;
}

/* Loader y vacío partidos - alineados arriba, sin salto */
.encuentros-loading,
.encuentros-vacio {
  width: 100%;
  padding-top: 18px;
  padding-bottom: 4px;
  min-height: 42px;
  text-align: left;
  display: block;
}
/* Contenedor de filtros más alto y con más padding abajo */
.filtros-partidos-container {
  padding-top: 1rem;
  padding-bottom: 2.5rem; /* antes: p-4, ahora más espacio abajo */
  min-height: 95px; /* más alto que antes para estirar visualmente */
}

/* Espacio extra entre filtros y la primera fila de partidos */
#encuentros-container {
  margin-top: 2.2rem; /* antes: 0, ahora más espacio */
}

/* Títulos de los filtros más grandes */
.filtro-label {
  font-size: 1.13rem; /* antes: 1rem, ahora más grande */
  font-weight: 700;
}

/* Amistad */

/* Tabla de posiciones: estilo tipo Amistad */

 .tabla-posiciones-fixed {
  width: 100%;
  border-collapse: collapse;
  background: #111;
  color: #fff;
  font-family: 'Montserrat', Arial, sans-serif;
}
.tabla-posiciones-fixed thead tr {
  background: #FFC300;
  color: #111;
  font-weight: bold;
  font-size: 1.1rem;
}
.tabla-posiciones-fixed th, .tabla-posiciones-fixed td {
  border: 2px solid #FFC300;
  padding: 8px 12px;
  text-align: center;
}
.tabla-posiciones-fixed tbody tr {
  background: #222;
  transition: background 0.2s;
}
.tabla-posiciones-fixed tbody tr:hover {
  background: #333;
}
.tabla-posiciones-fixed .equipo-grande {
  font-weight: bold;
  font-size: 1.1rem;
  color: #FFC300;
}
.tabla-posiciones-fixed .text-white {
  color: #fff;
}
.rounded-lg {
  border-radius: 12px;
}
.border-4 {
  border-width: 4px;
}
.border-yellow-400 {
  border-color: #FFC300;
}
.bg-red-700 {
  background-color: #B71C1C;
}
.shadow-lg {
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.text-yellow-300 {
  color: #FFD600;
}
.text-yellow-400 {
  color: #FFC300;
}
.text-center {
  text-align: center;
}
.font-bold {
  font-weight: bold;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.p-3 {
  padding: 1rem;
}