/* Equipos — vista pública W2: single /equipo/{slug}-{id}/.
   Tema oscuro + brand tokens, mobile-first. Sin JS. Mismo lenguaje que el hub de
   categorías (superficie translúcida sobre navy + borde celeste + chip dorado de
   rama). El escudo va sobre una superficie clara suave para no arruinar un PNG
   transparente. Pulido visual fino: pasada de cc. */

.mo-tdi-equipo {
	max-width: 820px;
	margin: 0 auto;
	padding: var(--mo-torneo-invierno-space-4);
	color: var(--mo-torneo-invierno-on-surface);
}

/* --- Identidad --- */
.mo-tdi-equipo__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--mo-torneo-invierno-space-5);
	margin: 0 0 var(--mo-torneo-invierno-space-8);
	padding-bottom: var(--mo-torneo-invierno-space-4);
	border-bottom: 3px solid var(--mo-torneo-invierno-primary-strong);
}

/* Superficie clara suave: un escudo transparente (blanco/claro) se sigue viendo
   sobre el navy del tema. object-fit contain preserva el aspecto. */
.mo-tdi-equipo__escudo-wrap {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 112px;
	height: 112px;
	padding: var(--mo-torneo-invierno-space-3);
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(152, 206, 240, .18);
	border-radius: var(--mo-torneo-invierno-radius-lg);
}

.mo-tdi-equipo__escudo {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.mo-tdi-equipo__ident {
	flex: 1 1 240px;
	min-width: 0;
}

.mo-tdi-equipo__title {
	margin: 0 0 var(--mo-torneo-invierno-space-2);
	color: var(--mo-torneo-invierno-primary);
}

.mo-tdi-equipo__cat {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--mo-torneo-invierno-space-2);
	margin: 0 0 var(--mo-torneo-invierno-space-3);
}

/* Chip de rama: dorado sólido (masculina/mixta) y dorado suave (femenina) —
   mismo criterio que el hub de categorías. */
.mo-tdi-equipo__rama {
	display: inline-block;
	padding: var(--mo-torneo-invierno-space-1) var(--mo-torneo-invierno-space-3);
	border-radius: var(--mo-torneo-invierno-radius-md);
	font-size: var(--mo-torneo-invierno-text-xs);
	font-weight: 700;
	line-height: 1.2;
	color: var(--mo-torneo-invierno-contrast);
	background: var(--mo-torneo-invierno-gold);
	border: 1px solid var(--mo-torneo-invierno-gold);
}

.mo-tdi-equipo__rama--femenina {
	color: var(--mo-torneo-invierno-gold);
	background: rgba(242, 183, 5, .14);
	border-color: var(--mo-torneo-invierno-gold);
}

.mo-tdi-equipo__cat-link,
.mo-tdi-equipo__cat-nombre {
	font-size: var(--mo-torneo-invierno-text-sm);
	font-weight: 600;
	color: var(--mo-torneo-invierno-surface-link);
}

.mo-tdi-equipo__cat-link {
	text-decoration: none;
}

.mo-tdi-equipo__cat-link:hover,
.mo-tdi-equipo__cat-link:focus-visible {
	text-decoration: underline;
}

.mo-tdi-equipo__meta {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--mo-torneo-invierno-space-4);
}

.mo-tdi-equipo__meta-item {
	display: flex;
	flex-direction: column;
	gap: var(--mo-torneo-invierno-space-1);
}

.mo-tdi-equipo__meta-label {
	font-size: var(--mo-torneo-invierno-text-xs);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--mo-torneo-invierno-secondary);
}

.mo-tdi-equipo__meta-value {
	font-size: var(--mo-torneo-invierno-text-base);
	font-weight: 600;
	color: var(--mo-torneo-invierno-on-surface);
}

/* --- Secciones del cuerpo (plantel, estadísticas) --- */
.mo-tdi-equipo__section {
	margin: 0 0 var(--mo-torneo-invierno-space-8);
}

.mo-tdi-equipo__section-title {
	color: var(--mo-torneo-invierno-accent);
	font-size: var(--mo-torneo-invierno-text-lg);
	margin: 0 0 var(--mo-torneo-invierno-space-4);
	padding-bottom: var(--mo-torneo-invierno-space-2);
	border-bottom: 1px solid rgba(152, 206, 240, .18);
}

/* --- Plantel (lista de texto: dorsal + nombre + posición) --- */
.mo-tdi-equipo__jugadores {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--mo-torneo-invierno-space-2);
}

.mo-tdi-equipo__jugador {
	display: flex;
	align-items: center;
	gap: var(--mo-torneo-invierno-space-3);
	padding: var(--mo-torneo-invierno-space-3) var(--mo-torneo-invierno-space-4);
	background: rgba(152, 206, 240, .06);
	border: 1px solid rgba(152, 206, 240, .18);
	border-radius: var(--mo-torneo-invierno-radius-md);
}

/* Dorsal: pastilla fija a la izquierda (se ve prolijo aunque falte). */
.mo-tdi-equipo__dorsal {
	flex: 0 0 auto;
	min-width: 2.2rem;
	text-align: center;
	font-size: var(--mo-torneo-invierno-text-sm);
	font-weight: 700;
	color: var(--mo-torneo-invierno-accent);
}

.mo-tdi-equipo__jugador-nombre {
	flex: 1 1 auto;
	min-width: 0;
	font-weight: 600;
	color: var(--mo-torneo-invierno-on-surface);
}

.mo-tdi-equipo__jugador-pos {
	flex: 0 0 auto;
	font-size: var(--mo-torneo-invierno-text-xs);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--mo-torneo-invierno-secondary);
}

/* --- Estadísticas (reservada, sin dead-end) --- */
.mo-tdi-equipo__stats-msg {
	margin: 0;
	padding: var(--mo-torneo-invierno-space-5);
	text-align: center;
	background: rgba(152, 206, 240, .06);
	border: 1px dashed rgba(152, 206, 240, .28);
	border-radius: var(--mo-torneo-invierno-radius-lg);
	color: var(--mo-torneo-invierno-on-surface-muted);
	font-size: var(--mo-torneo-invierno-text-sm);
}

/* --- Volver (usado por el 404) --- */
.mo-tdi-equipo__volver {
	max-width: 820px;
	margin: var(--mo-torneo-invierno-space-4) auto 0;
	padding: 0 var(--mo-torneo-invierno-space-4);
	font-size: var(--mo-torneo-invierno-text-sm);
}

.mo-tdi-equipo__volver a {
	color: var(--mo-torneo-invierno-surface-link);
}

/* ==========================================================================
   Card de equipo compartida (partial equipo-card.php)
   La consume el índice /equipos/. El hub de categoría tiene una copia inline
   con clases `mo-tdi-cat-hub__equipo*` (retrofit = follow-up de bb con T2).
   ========================================================================== */

/* Toda la card es un link (un target grande, un stop de teclado por equipo).
   --plain (sin link) usa el mismo box sin la afordancia de hover. */
.mo-tdi-equipo-card {
	display: flex;
	align-items: center;
	gap: var(--mo-torneo-invierno-space-3);
	height: 100%;
	padding: var(--mo-torneo-invierno-space-4);
	text-decoration: none;
	color: var(--mo-torneo-invierno-on-surface);
	background: rgba(152, 206, 240, .06);
	border: 1px solid rgba(152, 206, 240, .18);
	border-radius: var(--mo-torneo-invierno-radius-lg);
	transition: transform var(--mo-torneo-invierno-transition-fast),
	            border-color var(--mo-torneo-invierno-transition-fast),
	            box-shadow var(--mo-torneo-invierno-transition-fast);
}

a.mo-tdi-equipo-card:hover,
a.mo-tdi-equipo-card:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(152, 206, 240, .45);
	box-shadow: 0 6px 20px rgba(0, 0, 0, .35),
	            0 0 0 1px rgba(152, 206, 240, .25),
	            0 0 24px rgba(55, 90, 252, .20);
}

a.mo-tdi-equipo-card:focus-visible {
	outline: 2px solid var(--mo-torneo-invierno-accent);
	outline-offset: 2px;
}

/* Escudo chico sobre superficie clara suave (no arruina un PNG transparente).
   El placeholder mantiene el mismo hueco cuando el equipo no tiene escudo. */
.mo-tdi-equipo-card__escudo {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	object-fit: contain;
	background: rgba(255, 255, 255, .08);
	border-radius: var(--mo-torneo-invierno-radius-md);
}

.mo-tdi-equipo-card__escudo--placeholder {
	border: 1px dashed rgba(152, 206, 240, .28);
}

.mo-tdi-equipo-card__nombre {
	min-width: 0;
	font-weight: 700;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

/* ==========================================================================
   Índice /equipos/
   ========================================================================== */

.mo-tdi-equipos-index {
	max-width: 1100px;
	margin: 0 auto;
	padding: var(--mo-torneo-invierno-space-4);
	color: var(--mo-torneo-invierno-on-surface);
}

.mo-tdi-equipos-index__title {
	color: var(--mo-torneo-invierno-primary);
	border-bottom: 3px solid var(--mo-torneo-invierno-primary-strong);
	padding-bottom: .4rem;
	margin: 0 0 var(--mo-torneo-invierno-space-8);
}

/* Grupo (Mayores / Juveniles / Infantiles / Otras) — mismo lenguaje que el
   índice de categorías. */
.mo-tdi-equipos-index__grupo {
	margin: 0 0 var(--mo-torneo-invierno-space-10);
}

.mo-tdi-equipos-index__grupo-title {
	color: var(--mo-torneo-invierno-accent);
	font-size: var(--mo-torneo-invierno-text-xl);
	margin: 0 0 var(--mo-torneo-invierno-space-5);
	padding-bottom: var(--mo-torneo-invierno-space-2);
	border-bottom: 1px solid rgba(152, 206, 240, .18);
}

/* Sub-sección por categoría. */
.mo-tdi-equipos-index__cat {
	margin: 0 0 var(--mo-torneo-invierno-space-6);
}

.mo-tdi-equipos-index__cat-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--mo-torneo-invierno-space-3);
	font-size: var(--mo-torneo-invierno-text-lg);
	margin: 0 0 var(--mo-torneo-invierno-space-4);
}

.mo-tdi-equipos-index__cat-link {
	color: var(--mo-torneo-invierno-on-surface);
	text-decoration: none;
}

.mo-tdi-equipos-index__cat-link:hover,
.mo-tdi-equipos-index__cat-link:focus-visible {
	text-decoration: underline;
}

/* Chip de rama: dorado sólido (masculina/mixta) y suave (femenina) — igual que
   /categorias/ y el hub. */
.mo-tdi-equipos-index__rama {
	display: inline-block;
	padding: var(--mo-torneo-invierno-space-1) var(--mo-torneo-invierno-space-3);
	border-radius: var(--mo-torneo-invierno-radius-md);
	font-size: var(--mo-torneo-invierno-text-xs);
	font-weight: 700;
	line-height: 1.2;
	color: var(--mo-torneo-invierno-contrast);
	background: var(--mo-torneo-invierno-gold);
	border: 1px solid var(--mo-torneo-invierno-gold);
}

.mo-tdi-equipos-index__rama--femenina {
	color: var(--mo-torneo-invierno-gold);
	background: rgba(242, 183, 5, .14);
	border-color: var(--mo-torneo-invierno-gold);
}

.mo-tdi-equipos-index__cards {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: var(--mo-torneo-invierno-space-4);
}