/* 22Bet — tablas (.table-container). Tokens y reglas; carga tras ref-theme.css */

:root {
	--ref-table-card-radius: 10px;
	--ref-table-card-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
	--ref-table-card-header-bg: #012e2e;
	--ref-table-card-header-text: #ffffff;
	--ref-table-card-header-accent: var(--ref-hero-cta, #ffb733);
	--ref-table-card-body-bg: #001a1a;
	--ref-table-card-row-border: rgba(255, 255, 255, 0.1);
	--ref-table-toggle-bg: var(--ref-cta, #33b35a);
	--ref-table-toggle-border: var(--ref-cta, #33b35a);
	--ref-table-toggle-text: #ffffff;
	--ref-table-toggle-hover-bg: var(--ref-accent-strong, #24a159);
}

/* Contenedor base */
.entry-content .table-container,
.main-text .table-container,
.main-content .table-container {
	overflow-x: auto;
	max-width: 100%;
	min-width: 0;
	margin: 1.5rem 0;
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	-webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
	.entry-content .table-container,
	.main-text .table-container,
	.main-content .table-container {
		margin-top: 1.75rem;
		margin-bottom: 1.75rem;
	}
}

/* Tablas legacy: .responsive-table-component table.grey-white */
.entry-content .table-container .responsive-table-component,
.main-text .table-container .responsive-table-component,
.main-content .table-container .responsive-table-component {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
}

.entry-content .table-container .responsive-table-component table.grey-white,
.main-text .table-container .responsive-table-component table.grey-white,
.main-content .table-container .responsive-table-component table.grey-white {
	width: auto;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	border: 0;
	outline: 0;
	border-spacing: 0;
	border-collapse: collapse;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.main-content .table-container .responsive-table-component table.grey-white {
	width: 100%;
	max-width: 100%;
}

.entry-content .table-container .responsive-table-component table.grey-white thead,
.entry-content .table-container .responsive-table-component table.grey-white tbody,
.main-text .table-container .responsive-table-component table.grey-white thead,
.main-text .table-container .responsive-table-component table.grey-white tbody,
.main-content .table-container .responsive-table-component table.grey-white thead,
.main-content .table-container .responsive-table-component table.grey-white tbody {
	background: transparent;
	border: none;
}

.entry-content .table-container .responsive-table-component table.grey-white thead tr,
.entry-content .table-container .responsive-table-component table.grey-white tbody tr,
.main-text .table-container .responsive-table-component table.grey-white thead tr,
.main-text .table-container .responsive-table-component table.grey-white tbody tr,
.main-content .table-container .responsive-table-component table.grey-white thead tr,
.main-content .table-container .responsive-table-component table.grey-white tbody tr {
	border: none;
}

.entry-content .table-container .responsive-table-component table.grey-white thead th,
.main-text .table-container .responsive-table-component table.grey-white thead th,
.main-content .table-container .responsive-table-component table.grey-white thead th {
	background-color: var(--ref-table-zebra-light);
	color: var(--ref-table-text-on-light);
	border: none;
	box-shadow: none;
	font-weight: 700;
}

.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) th,
.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) td,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) th,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) td,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) th,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) td {
	background-color: var(--ref-table-zebra-dark);
	color: var(--ref-table-text-on-dark);
	border: none;
	box-shadow: none;
}

.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) th,
.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) td,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) th,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) td,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) th,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) td {
	background-color: var(--ref-table-zebra-light);
	color: var(--ref-table-text-on-light);
	border: none;
	box-shadow: none;
}

.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) b,
.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) span,
.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) strong,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) b,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) span,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) strong,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) b,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) span,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) strong {
	color: var(--ref-table-text-on-dark);
}

.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) b,
.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) span,
.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) strong,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) b,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) span,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) strong,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) b,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) span,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) strong {
	color: var(--ref-table-text-on-light);
}

.entry-content .table-container .responsive-table-component table.grey-white th,
.entry-content .table-container .responsive-table-component table.grey-white td,
.main-text .table-container .responsive-table-component table.grey-white th,
.main-text .table-container .responsive-table-component table.grey-white td,
.main-content .table-container .responsive-table-component table.grey-white th,
.main-content .table-container .responsive-table-component table.grey-white td {
	padding: 1rem 1.35rem;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.45;
	white-space: normal;
}

.entry-content .table-container .responsive-table-component table.grey-white thead th,
.main-text .table-container .responsive-table-component table.grey-white thead th,
.main-content .table-container .responsive-table-component table.grey-white thead th {
	border-bottom: none;
}

.entry-content .table-container .responsive-table-component table.grey-white tbody tr td,
.entry-content .table-container .responsive-table-component table.grey-white tbody tr th,
.main-text .table-container .responsive-table-component table.grey-white tbody tr td,
.main-text .table-container .responsive-table-component table.grey-white tbody tr th,
.main-content .table-container .responsive-table-component table.grey-white tbody tr td,
.main-content .table-container .responsive-table-component table.grey-white tbody tr th {
	border-bottom: none;
}

.entry-content .table-container .responsive-table-component table.grey-white tr.w-50-50 td:first-child,
.entry-content .table-container .responsive-table-component table.grey-white tr.w-50-50 th:first-child,
.main-text .table-container .responsive-table-component table.grey-white tr.w-50-50 td:first-child,
.main-text .table-container .responsive-table-component table.grey-white tr.w-50-50 th:first-child,
.main-content .table-container .responsive-table-component table.grey-white tr.w-50-50 td:first-child,
.main-content .table-container .responsive-table-component table.grey-white tr.w-50-50 th:first-child {
	width: 50%;
}

.entry-content .table-container .responsive-table-component table.grey-white tr.w-50-50 td:nth-child(2),
.entry-content .table-container .responsive-table-component table.grey-white tr.w-50-50 th:nth-child(2),
.main-text .table-container .responsive-table-component table.grey-white tr.w-50-50 td:nth-child(2),
.main-text .table-container .responsive-table-component table.grey-white tr.w-50-50 th:nth-child(2),
.main-content .table-container .responsive-table-component table.grey-white tr.w-50-50 td:nth-child(2),
.main-content .table-container .responsive-table-component table.grey-white tr.w-50-50 th:nth-child(2) {
	width: 50%;
}

.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) a,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) a,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd) a,
.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) a,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) a,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even) a {
	color: var(--ref-table-link);
}

.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd):hover th,
.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd):hover td,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd):hover th,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd):hover td,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd):hover th,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(odd):hover td {
	filter: brightness(0.96);
}

.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even):hover th,
.entry-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even):hover td,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even):hover td,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even):hover th,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even):hover th,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:nth-child(even):hover td {
	filter: brightness(0.96);
}

.entry-content .table-container .responsive-table-component table.grey-white tbody tr:hover,
.main-text .table-container .responsive-table-component table.grey-white tbody tr:hover,
.main-content .table-container .responsive-table-component table.grey-white tbody tr:hover {
	background-color: transparent;
}

/* Scroll horizontal en .table-2 */
.entry-content .table-2,
.main-text .table-2,
.main-content .table-2 {
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.entry-content .table-2 .table-container,
.main-text .table-2 .table-container,
.main-content .table-2 .table-container {
	max-width: 100%;
	min-width: 0;
}

.entry-content .table-container th,
.entry-content .table-container td,
.main-text .table-container th,
.main-text .table-container td,
.main-content .table-container th,
.main-content .table-container td {
	overflow-wrap: break-word;
	word-break: break-word;
	hyphens: auto;
}

/* div.table-container > table — tarjeta oscura tipo referencia */
.entry-content .table-container > table,
.main-text .table-container > table,
.main-content .table-container > table {
	width: max-content;
	min-width: 100%;
	max-width: none;
	margin: 0;
	border: 0;
	outline: 0;
	border-spacing: 0;
	border-collapse: separate;
	table-layout: auto;
	background: var(--ref-table-card-body-bg);
	box-shadow: var(--ref-table-card-shadow);
	border-radius: var(--ref-table-card-radius);
	overflow: hidden;
	font-family: var(--ref-font-inter, Inter, sans-serif);
}

.entry-content .table-container > table th,
.entry-content .table-container > table td,
.main-text .table-container > table th,
.main-text .table-container > table td,
.main-content .table-container > table th,
.main-content .table-container > table td {
	white-space: nowrap;
	word-break: normal;
	overflow-wrap: normal;
	hyphens: manual;
}

.entry-content .table-container > table thead th,
.main-text .table-container > table thead th,
.main-content .table-container > table thead th {
	background: var(--ref-table-card-header-bg);
	color: var(--ref-table-card-header-text);
	border: none;
	border-bottom: 2px solid var(--ref-table-card-header-accent);
	font-weight: 700;
	padding: 1rem 1.25rem;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
	text-transform: none;
	letter-spacing: 0;
}

.entry-content .table-container > table thead tr,
.main-text .table-container > table thead tr,
.main-content .table-container > table thead tr,
.entry-content .table-container > table tbody tr,
.main-text .table-container > table tbody tr,
.main-content .table-container > table tbody tr {
	border: none;
}

.entry-content .table-container > table tbody tr:nth-child(odd) th,
.entry-content .table-container > table tbody tr:nth-child(odd) td,
.main-text .table-container > table tbody tr:nth-child(odd) th,
.main-text .table-container > table tbody tr:nth-child(odd) td,
.main-content .table-container > table tbody tr:nth-child(odd) th,
.main-content .table-container > table tbody tr:nth-child(odd) td,
.entry-content .table-container > table tbody tr:nth-child(even) th,
.entry-content .table-container > table tbody tr:nth-child(even) td,
.main-text .table-container > table tbody tr:nth-child(even) th,
.main-text .table-container > table tbody tr:nth-child(even) td,
.main-content .table-container > table tbody tr:nth-child(even) th,
.main-content .table-container > table tbody tr:nth-child(even) td {
	background-color: var(--ref-table-card-body-bg);
	color: var(--ref-table-text-on-dark);
	border: none;
	border-bottom: 1px solid var(--ref-table-card-row-border);
	padding: 1rem 1.25rem;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.45;
	text-align: left;
}

.entry-content .table-container > table tbody tr:last-child th,
.entry-content .table-container > table tbody tr:last-child td,
.main-text .table-container > table tbody tr:last-child th,
.main-text .table-container > table tbody tr:last-child td,
.main-content .table-container > table tbody tr:last-child th,
.main-content .table-container > table tbody tr:last-child td {
	border-bottom: none;
}

.entry-content .table-container > table thead th:first-child,
.main-text .table-container > table thead th:first-child,
.main-content .table-container > table thead th:first-child {
	border-top-left-radius: var(--ref-table-card-radius);
}

.entry-content .table-container > table thead th:last-child,
.main-text .table-container > table thead th:last-child,
.main-content .table-container > table thead th:last-child {
	border-top-right-radius: var(--ref-table-card-radius);
}

.entry-content .table-container > table tbody tr:last-child td:first-child,
.entry-content .table-container > table tbody tr:last-child th:first-child,
.main-text .table-container > table tbody tr:last-child td:first-child,
.main-text .table-container > table tbody tr:last-child th:first-child,
.main-content .table-container > table tbody tr:last-child td:first-child,
.main-content .table-container > table tbody tr:last-child th:first-child {
	border-bottom-left-radius: var(--ref-table-card-radius);
}

.entry-content .table-container > table tbody tr:last-child td:last-child,
.entry-content .table-container > table tbody tr:last-child th:last-child,
.main-text .table-container > table tbody tr:last-child td:last-child,
.main-text .table-container > table tbody tr:last-child th:last-child,
.main-content .table-container > table tbody tr:last-child td:last-child,
.main-content .table-container > table tbody tr:last-child th:last-child {
	border-bottom-right-radius: var(--ref-table-card-radius);
}

.entry-content .table-container > table tbody tr:nth-child(odd) b,
.entry-content .table-container > table tbody tr:nth-child(odd) span,
.entry-content .table-container > table tbody tr:nth-child(odd) strong,
.main-text .table-container > table tbody tr:nth-child(odd) b,
.main-text .table-container > table tbody tr:nth-child(odd) span,
.main-text .table-container > table tbody tr:nth-child(odd) strong,
.main-content .table-container > table tbody tr:nth-child(odd) b,
.main-content .table-container > table tbody tr:nth-child(odd) span,
.main-content .table-container > table tbody tr:nth-child(odd) strong,
.entry-content .table-container > table tbody tr:nth-child(even) b,
.entry-content .table-container > table tbody tr:nth-child(even) span,
.entry-content .table-container > table tbody tr:nth-child(even) strong,
.main-text .table-container > table tbody tr:nth-child(even) b,
.main-text .table-container > table tbody tr:nth-child(even) span,
.main-text .table-container > table tbody tr:nth-child(even) strong,
.main-content .table-container > table tbody tr:nth-child(even) b,
.main-content .table-container > table tbody tr:nth-child(even) span,
.main-content .table-container > table tbody tr:nth-child(even) strong {
	color: var(--ref-table-text-on-dark);
}

.entry-content .table-container > table tbody tr:nth-child(odd) a,
.main-text .table-container > table tbody tr:nth-child(odd) a,
.main-content .table-container > table tbody tr:nth-child(odd) a,
.entry-content .table-container > table tbody tr:nth-child(even) a,
.main-text .table-container > table tbody tr:nth-child(even) a,
.main-content .table-container > table tbody tr:nth-child(even) a {
	color: var(--ref-table-link);
}

.entry-content .table-container:has(> table),
.main-text .table-container:has(> table),
.main-content .table-container:has(> table) {
	display: block;
	width: 100%;
}