/* DD Sport — Tabla de posiciones. Color del encabezado: --dd-tabla-color. */
.dd-tabla {
	--dd-tabla-color: #6fc1ca;
	--dd-tabla-ink: #333a40;
	--dd-tabla-muted: #8a9198;
	--dd-tabla-line: #e3e6e8;
	margin: 0 0 24px;
	border: 1px solid var(--dd-tabla-line);
	background: #fff;
	color: var(--dd-tabla-ink);
	font-size: 16px;
	line-height: 1.3;
}
.dd-tabla__head {
	background: var(--dd-tabla-color);
	color: #fff;
	font-size: 26px;
	font-weight: 500;
	padding: 22px 20px;
}
.dd-tabla__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dd-tabla__table { width: 100%; border-collapse: collapse; margin: 0; border: 0; }
.dd-tabla__table th, .dd-tabla__table td { border: 0; border-bottom: 1px solid var(--dd-tabla-line); padding: 12px 10px; background: #fff; }
.dd-tabla__table thead th { color: var(--dd-tabla-muted); font-weight: 400; font-size: 15px; white-space: nowrap; }
.dd-tabla__table abbr { text-decoration: none; border: 0; cursor: help; }
.dd-tabla__table tbody tr:last-child > * { border-bottom: 0; }
.dd-tabla__pos { width: 48px; text-align: center; border-right: 1px solid var(--dd-tabla-line) !important; }
.dd-tabla__team { text-align: left; font-weight: 400; white-space: nowrap; min-width: 180px; }
.dd-tabla__teamwrap { display: flex; align-items: center; gap: 12px; min-width: 0; }
.dd-tabla__logo { flex: none; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; }
.dd-tabla__logo img { max-width: 36px; max-height: 36px; width: auto; height: auto; object-fit: contain; }
.dd-tabla__num { text-align: center; min-width: 44px; font-variant-numeric: tabular-nums; border-left: 1px solid var(--dd-tabla-line) !important; }
.dd-tabla__pts { font-weight: 700; }
.dd-tabla__empty { text-align: center; color: var(--dd-tabla-muted); padding: 24px !important; }

/* En celulares: Pos y Equipo quedan fijos al desplazar la tabla. */
@media (max-width: 700px) {
	.dd-tabla { font-size: 14px; }
	.dd-tabla__head { font-size: 20px; padding: 14px 16px; }
	.dd-tabla__table th, .dd-tabla__table td { padding: 10px 8px; }
	.dd-tabla__pos { position: sticky; left: 0; z-index: 2; width: 36px; }
	.dd-tabla__team { position: sticky; left: 36px; z-index: 2; min-width: 150px; max-width: 170px; box-shadow: 6px 0 6px -6px rgba(0, 0, 0, .25); }
	.dd-tabla__name { overflow: hidden; text-overflow: ellipsis; }
	.dd-tabla__logo, .dd-tabla__logo img { width: 28px; height: 28px; max-width: 28px; max-height: 28px; }
}