table {
    table-layout: fixed;
    width: 100%; /* Ancho total de la tabla */
}

.filter-container {
    display: flex;
    justify-content: flex-end;
    align-items: center; /* Alinea verticalmente el label y el input */
    margin-bottom: 10px;
}

.filter-container label {
    margin-right: 10px; /* Espacio entre el label y el input */
}

.numeroEstadio {
	width: 30px;
}

.nombreEstadio {
    width: 250px;
}

.ciudadEstadio {
	width: 150px;
}

.estadistica {
	width: 60px;
}

.porcentaje {
	width: 80px;
}


@media screen and (min-width: 700px) {
	/* Filtro de las tablas con paginacion servidor */
	.filter-container-server {
	    display: flex;
	    justify-content: flex-end;  /* Alinea los elementos al final (derecha) */
	    align-items: center;        /* Alinea verticalmente el label, input y botón */
	    gap: 10px;                  /* Espacio entre los elementos */
	    margin-bottom: 10px;
	}

	.filter-container-server form {
	    display: flex;              /* Alinea los elementos dentro del form en fila */
	    align-items: center;
	    gap: 10px;                  /* Espacio entre los elementos */
	}

	.filter-container-server label {
	    margin: 0;                  /* Elimina el margen extra */
	}

	.filter-container-server input {
	    flex: 1;                    /* Hace que el input ocupe más espacio si es necesario */
	    max-width: 300px;            /* Limita el tamaño del input */
	}

	.filter-container-server button {
	    padding: 8px 15px;           /* Añade relleno al botón */
	    margin-left: 10px;           /* Espacio entre el input y el botón */
	}
	
}

@media screen and (max-width: 700px) {
		
	.filter-container-server button {
	    padding: 8px 15px;           /* Añade relleno al botón */
	    margin-bottom: 10px;
		margin-top: 10px;
		text-align: center;
	}
	
}