.ficha {
    display: grid;
    grid-template-columns: 200px auto;
}

.border {
    border: 2px solid #ccc;
}



.marco {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
}
.escudo {
    width: 170px;
}

.subtitleSection{
	margin-top: 15px;
}

#submitButton {
	margin-top: 10px;
	margin-bottom: 10px;
}


.jugados-como {
    width: 160px;
}

.data {
	width: 60px
}

.border, .estadisticas, .matches{
		margin-bottom: 20px;
}
	
.partidos{
    width: 25px !important;
}
.fecha{
	width: 120px;
}
.result {
	width: 100px;
}
.asistencia{
	width: 90px;
}
.arbitro{
	width: 200px;
}
.club-local, .club-visitante{
	width: 200px;
}

.competicion {
	width: 150px;
}

/* ESTILOS FICHAJES */

.posicionFichaje {
	width: 150px;
}

.temporadaFichaje {
	width: 150px;
}

.apodoFichaje {
	width: 150px;
}

.nombreFichaje {
	width: 200px;
}

@media screen and (min-width: 1150px) {
	
	.grid-container {
	  display: grid;
	  grid-template-columns: 69% 2% 29%;
	}
	
	.graficos {
		display: grid;
	  	grid-template-columns: 20% 40% 40%;
	}
	
	
}

@media screen and (min-width: 400px) {

	.filter-container {
	    display: flex;
	    justify-content: flex-end;
	    align-items: center; /* Alinea verticalmente el label y el input */
	}
	
	.filtro-cabecera {
	    display: flex;
	    justify-content: space-between; /* Uno a la izquierda, otro a la derecha */
	    align-items: center;            /* Alinea verticalmente */
	    width: 100%;                    /* Asegura que ocupe todo el ancho disponible */
	}


}