.bold {
	font-weight: bold;
	font-size: 1.1em;
}

.datos {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Espacio entre las líneas de datos */
}

.marco {
  border-radius: 12px;
  max-width: 270px; /* Limita el contenedor, pero no afecta al tamaño original de la imagen */
  margin: auto;
}

.imagenJugador {
  display: block;
  max-width: 270px; /* Ancho máximo para la imagen */
  width: auto;      /* Mantiene su tamaño original */
  height: auto;     /* Mantiene la proporción original */
  object-fit: cover;
  border-bottom: 7px solid #C03D36;
  border-right: 7px solid #C03D36;
  border-top: 7px solid #2F6FD1;
  border-left: 7px solid #2F6FD1;
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.imagenJugador:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}


.firstColumnTemporada {
	width: 100px;
}

.firstColumn {
	width: 180px;
}

.estadistica {
	width: 60px;
}

.btn-actions {
	width: 70px;
}

.club-procedencia {
	width: 180px;
}

.partidos{
    width: 25px !important;
}
.fecha{
	width: 120px;
}
.result {
	width: 100px;
}
.club-local, .club-visitante{
	width: 200px;
}

.competicion {
	width: 150px;
}
.eventos {
	width:150px; 
}
.datosProtagonista {
	width: 200px;
}

.datosProtagonista-name {
	width: 90px;
}

.numero-logro {
	width: 50px;
}

.nombre-logro {
	width: 220px;
}

.fecha-logro {
	width: 100px;
}

.temporada-logro {
	width: 100px;
}

.pieFoto {
    font-size: 0.9em;
    color: #666;
    margin-top: 8px;
    font-style: italic;
}

/* Primera columna de la temporada */
.firstColumnTemporada-value, .firstColumn-value {
  font-weight: bold;
  color: #00264d;
}

/* Negrita para totales */
.bold {
  font-weight: 700;
  background-color: #f0f6ff;
}

figure, .ficha{
	margin-bottom: 15px;
}


@media screen and (min-width: 850px) {
	
	.ficha {
	    display: grid;
	    grid-template-columns: 350px auto; /* Dos columnas iguales */
	    gap: 5px; /* Espacio entre columnas */
	    align-items: center; /* Alinea verticalmente el contenido */
	}
	
	.imagenJugador {
		height: 330px; /* Alto fijo */
	}

}

@media screen and (max-width: 850px) and (min-width: 400px) {
	
	.marco {
		display: flex;
		justify-content: center; /* Centra horizontalmente */
		flex-direction: column; /* Añade esta línea */
		align-items: center; /* Centra verticalmente */
		margin-bottom: 20px;
	}
	
	.imagenJugador {
		height: 330px; /* Alto fijo */
	}

	
}

@media screen and (max-width: 400px) {
	
	.marco {
		display: flex;
		justify-content: center; /* Centra horizontalmente */
		flex-direction: column; /* Añade esta línea */
		align-items: center; /* Centra verticalmente */
		margin-bottom: 20px;
	}
	
	.imagenJugador {
		width: 130px; /* Ancho fijo */
		height: 180px; /* Alto fijo */
	}
	
}