/* Guafutbol — Estadísticas / Calendario del jugador
   Complementa partidos-tablas.css. Usa las mismas variables de color. */

:root { --gl-lima-fallback: #c8f31d; }

.gl-dash-extra-wrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 40px 20px 80px;
	color: #eaeaea;
}

.gl-dash-extra-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 28px;
}
.gl-dash-extra-header h1 { color: #fff; font-size: 26px; margin: 0; }

.gl-dash-extra-volver {
	color: var(--gl-lima, var(--gl-lima-fallback));
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
}
.gl-dash-extra-volver:hover { text-decoration: underline; }

.gl-dash-extra-vacio {
	background: #14161a;
	border: 1px solid rgba(200,243,29,0.15);
	border-radius: 14px;
	padding: 30px;
	text-align: center;
	color: #a5a5a5;
}

.gl-dash-extra-resumen {
	display: flex;
	align-items: center;
	gap: 16px;
	background: #14161a;
	border: 1px solid rgba(200,243,29,0.15);
	border-radius: 14px;
	padding: 18px 20px;
	margin-bottom: 30px;
}
.gl-dash-extra-foto { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.gl-dash-extra-resumen h2 { margin: 0 0 4px; color: #fff; font-size: 18px; }
.gl-dash-extra-resumen a { color: var(--gl-lima, var(--gl-lima-fallback)); font-size: 13px; text-decoration: none; }
.gl-dash-extra-resumen a:hover { text-decoration: underline; }

.gl-dash-extra-subtitulo {
	color: var(--gl-lima, var(--gl-lima-fallback));
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 0 0 14px;
}
.gl-dash-extra-subtitulo-espaciado { margin-top: 36px; }

.gl-tabla-historial td,
.gl-tabla-historial th { text-align: center; }

.gl-sin-datos { color: #888; font-size: 14px; }

@media (max-width: 600px) {
	.gl-dash-extra-header { flex-direction: column; align-items: flex-start; }
}