﻿/* Tablas: estilos del tema (tokens --ref-table-* en ref-theme.css :root) */
table thead th {
  border-bottom-color: transparent;
}

/* Cabecera gris suave, zebra claro, tarjeta directa — estilo 888 */
.entry-content .table-container,
.main-text .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;
}
.entry-content .table-container .responsive-table-component,
.main-text .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 {
  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;
}
.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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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) {
  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,
.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 {
  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 {
  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 th,
.main-text .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 {
  background-color: transparent;
}

/* Tablas dentro del ancho del artГ­culo: scroll horizontal si hace falta + celdas que parten lГ­neas */
.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 {
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

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

/* Tablas directas: div.table-container > table вЂ” tarjeta, cabecera estilo sitio, cuerpo claro */
.entry-content .table-container > table,
.main-text .table-container > table,
.main-content .table-container > table {
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 0;
  outline: 0;
  border-spacing: 0;
  border-collapse: separate;
  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: Montserrat, sans-serif;
}
.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-text);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: 800;
  padding: 1rem 1rem;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.35;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.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 {
  background-color: var(--ref-table-card-body-bg);
  color: var(--ref-table-text-on-light);
  border: none;
  border-bottom: 1px solid var(--ref-table-card-row-border);
  padding: 1rem 1rem;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
}
.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-light);
  border: none;
  border-bottom: 1px solid var(--ref-table-card-row-border);
  padding: 1rem 1rem;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
}
.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 {
  color: var(--ref-table-text-on-light);
}
.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-light);
}
.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: flex;
  flex-direction: column;
  align-items: center;
}

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

.entry-content .table-container > .table-container__toggle,
.main-text .table-container > .table-container__toggle,
.main-content .table-container > .table-container__toggle {
  display: none;
  box-sizing: border-box;
  margin: 1rem 0 0;
  padding: 10px 24px;
  border: 1px solid var(--ref-cta);
  border-radius: 1000px;
  background: var(--ref-cta);
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: capitalize;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.entry-content .table-container > .table-container__toggle:hover,
.main-text .table-container > .table-container__toggle:hover,
.main-content .table-container > .table-container__toggle:hover {
  background: #47ff26;
  border-color: #47ff26;
  color: #000;
}

.entry-content .table-container > .table-container__toggle:focus-visible,
.main-text .table-container > .table-container__toggle:focus-visible,
.main-content .table-container > .table-container__toggle:focus-visible {
  outline: 2px solid var(--ref-promo);
  outline-offset: 2px;
}

@media (max-width: 768px) {
  .entry-content .table-container:not(.table-container--is-expanded) > table tbody tr:nth-child(n + 4),
  .main-text .table-container:not(.table-container--is-expanded) > table tbody tr:nth-child(n + 4),
  .main-content .table-container:not(.table-container--is-expanded) > table tbody tr:nth-child(n + 4) {
    display: none;
  }

  .entry-content .table-container > .table-container__toggle.is-visible,
  .main-text .table-container > .table-container__toggle.is-visible,
  .main-content .table-container > .table-container__toggle.is-visible {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 769px) {
  .entry-content .table-container > .table-container__toggle,
  .main-text .table-container > .table-container__toggle,
  .main-content .table-container > .table-container__toggle {
    display: none;
  }
}
/* Texto del artículo (.main-text p) no debe pintar celdas */
.entry-content .table-container table :is(td, th) :is(p, li, span, b, strong),
.main-text .table-container table :is(td, th) :is(p, li, span, b, strong),
.main-content .table-container table :is(td, th) :is(p, li, span, b, strong) {
  color: inherit;
  text-align: inherit;
}

.entry-content .table-container > table :is(th, td),
.main-text .table-container > table :is(th, td),
.main-content .table-container > table :is(th, td),
.entry-content .table-container .responsive-table-component table.grey-white :is(th, td),
.main-text .table-container .responsive-table-component table.grey-white :is(th, td),
.main-content .table-container .responsive-table-component table.grey-white :is(th, td) {
  text-align: center;
}

@media (max-width: 921px) {
  .main-text .table-container > table {
    min-width: 0;
    width: 100%;
  }
}
