/* Tabla de posiciones (T5) — sección "Zonas" del hub de categoría.
   Tema oscuro + brand tokens, mobile-first: la tabla scrollea horizontalmente en
   pantallas chicas sin romper el layout. Pulido visual fino: pasada de cc. */

.mo-tdi-cat-hub__zona {
	margin: 0 0 var(--mo-torneo-invierno-space-5, 1.25rem);
}

.mo-tdi-cat-hub__zona-title {
	color: var(--mo-torneo-invierno-accent, #98cef0);
	font-size: var(--mo-torneo-invierno-text-lg, 1.125rem);
	margin: 0 0 var(--mo-torneo-invierno-space-2, .5rem);
}

/* Contenedor scrollable (la tabla nunca desborda el body en mobile). */
.mo-tdi-posiciones__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.mo-tdi-posiciones {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--mo-torneo-invierno-text-sm, .9rem);
	color: var(--mo-torneo-invierno-on-surface, #e8f0f7);
	min-width: 460px; /* asegura que las columnas numéricas no se aplasten */
}

.mo-tdi-posiciones th,
.mo-tdi-posiciones td {
	padding: var(--mo-torneo-invierno-space-2, .5rem) var(--mo-torneo-invierno-space-2, .5rem);
	text-align: center;
	border-bottom: 1px solid rgba(152, 206, 240, .14);
	white-space: nowrap;
}

.mo-tdi-posiciones thead th {
	color: var(--mo-torneo-invierno-on-surface-muted, #9fb4c6);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-size: var(--mo-torneo-invierno-text-xs, .78rem);
	cursor: help;
}

/* Columna equipo: alineada a la izquierda, ancho flexible. */
.mo-tdi-posiciones__equipo {
	text-align: left;
	white-space: normal;
	width: 99%;
}

.mo-tdi-posiciones__equipo a {
	color: inherit;
	text-decoration: none;
}

.mo-tdi-posiciones__equipo a:hover {
	color: var(--mo-torneo-invierno-accent, #98cef0);
	text-decoration: underline;
}

.mo-tdi-posiciones__pos {
	color: var(--mo-torneo-invierno-on-surface-muted, #9fb4c6);
	width: 2ch;
}

.mo-tdi-posiciones__pts {
	font-weight: 700;
	color: var(--mo-torneo-invierno-gold, #e8c56a);
}

.mo-tdi-posiciones__escudo {
	width: 22px;
	height: 22px;
	object-fit: contain;
	vertical-align: middle;
	margin-right: var(--mo-torneo-invierno-space-2, .5rem);
	flex-shrink: 0;
}

.mo-tdi-posiciones__escudo--placeholder {
	display: inline-block;
	border-radius: 50%;
	background: rgba(152, 206, 240, .12);
	border: 1px solid rgba(152, 206, 240, .22);
}

.mo-tdi-posiciones tbody tr:hover {
	background: rgba(152, 206, 240, .06);
}