/* ───────── Fuente global del módulo ───────── */
#lfrc-partidos-root{
	font-family:'Montserrat',sans-serif;
}

/* ───────── Botonera de fechas ───────── */
.lfrc-fechas{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:.5rem;
	margin-bottom:1rem;
}

.lfrc-fechas button{
	padding:.45rem .95rem;
	border:1px solid #ccc;
	border-radius:9999px;
	background:#fff;
	font-weight:600;
	cursor:pointer;
	transition:transform .15s, box-shadow .15s;
}

.lfrc-fechas button.is-active,
.lfrc-fechas button:hover{
	transform:translateY(-2px);
	box-shadow:0 2px 6px rgba(0,0,0,.2);
}

/* ───────── Grid contenedor ───────── */
.lfrc-grid{
	display:grid;
	grid-template-columns:1fr;          /* una tarjeta por fila */
	gap:.75rem;
}

/* ───────── Tarjeta partido (base para TODAS las vistas) ─────────
   Columnas: logo | nombre | 1fr | gol | sep | gol | 1fr | nombre | logo
   (los 1fr están contenidos en .eq, por eso define 7 columnas)      */
.lfrc-card{
	display:grid;
	align-items:center;
	grid-template-columns:auto 1fr auto auto auto 1fr auto;
	gap:.5rem;
	padding:.6rem .8rem;
	background:#f8f8f8;
	border-radius:.75rem;
}

.lfrc-card img{
	width:32px;
	height:32px;
	object-fit:contain;
}

.lfrc-card .eq{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:600;
}

.lfrc-card .gol{
	font-size:1.2rem;
	font-weight:700;
	min-width:28px;
	text-align:center;        /* marcador centrado en su celda */
}

.lfrc-card .sep{opacity:.6;}

/* ───────── Tablet / Desktop (≥ 600 px) ───────── */
@media(min-width:600px){
	/* nada extra: la tarjeta ya es grid y está centrada */
}

/* ───────── Móvil (≤ 480 px) ───────── */
@media(max-width:480px){

	/* Tarjeta compacta */
	.lfrc-card{
		gap:.2rem;
		padding:.35rem .45rem;
	}

	/* Escudos más pequeños */
	.lfrc-card img{
		width:20px;
		height:20px;
	}

	/* Nombres pueden ocupar dos líneas y se centran */
	.lfrc-card .eq{
		font-size:.75rem;
		white-space:normal;     /* permite salto de línea */
		text-overflow:clip;
		text-align:center;
		line-height:1.15;
	}

	/* Marcador reducido */
	.lfrc-card .gol{
		font-size:.9rem;
		min-width:18px;
	}

	/* Pequeño margen si nombre + marcador quedan en misma fila */
	.lfrc-card .eq + .gol{
		margin-left:.15rem;
	}

	/* Margen interior para evitar que toque el borde */
	.lfrc-grid{
		padding:0 .2rem;
		overflow-x:hidden;
	}
}