.estadistica {
	width: 45px;
}
.numero {
	width: 50px;
}
.apodo, .apodoCabecera {
	width: 300px;
}
.porcentaje {
	width: 80px;
}
.apodo {
	text-align: left;
}

.club-container {
  display: flex;
  justify-content: center; /* Centra todo el contenedor horizontalmente si es necesario */
  width: 100%; /* Asegura que el contenedor ocupe el 100% del ancho */
}

.club-filter {
  display: flex;
  flex-wrap: wrap; /* Permite que los elementos salten a una segunda línea si es necesario */
  gap: 16px; /* Espacio entre los elementos */
  align-items: center; /* Alinea los elementos verticalmente en el centro */
  width: 100%; /* Asegura que ocupe el 100% del ancho */
  max-width: 1200px; /* Limita el ancho máximo */
}

.club-filter .form-group {
  flex: 1 1 250px; /* Asegura que cada form-group ocupe al menos 250px y permita que se mantenga en una fila */
}

.club-filter .submit-button {
  width: 100px; /* Ancho fijo para el botón */
  flex-shrink: 0; /* Evita que el botón cambie de tamaño */
}

/* Ajustes para pantallas más pequeñas */
@media (max-width: 768px) {
  .club-filter .form-group {
    flex: 1 1 100%; /* En pantallas pequeñas, cada form-group ocupará el ancho completo */
  }

  .club-filter .submit-button {
    width: 100%; /* El botón también ocupará el ancho completo en pantallas pequeñas */
  }
}

@media (min-width: 1165px) and (max-width: 1280px) {
	.submit-button {
		margin-bottom: 10px;
	}
}

@media (max-width: 768px){
	.submit-button {
		margin-bottom: 10px;
	}
}