/* legal.css — Términos y Condiciones + Políticas Generales.
 * Fecha de vigencia, tabla de devoluciones (cláusula 5) y listas numeradas
 * dentro del .w-richtext de Webflow. Colores tomados de los tokens del sitio. */

.terms-and-conditions .ptb-legal-vigencia {
  display: inline-block;
  margin-bottom: 1.25rem;
  padding: .35rem .9rem;
  border-radius: 999px;
  background: var(--_colors---porcelain, #ebf1eb);
  color: var(--_colors---deep-teal, #002c36);
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
}

.terms-and-conditions .w-richtext li {
  padding-left: .25rem;
}

/* El h4 del tema trae letter-spacing negativo: en "18.1 · 2×1 Adulto Mayor"
 * las palabras quedaban pegadas. */
.terms-and-conditions .w-richtext h4 {
  letter-spacing: normal;
}

/* Public Sans se carga solo en 400/700; el 500 del tema no se ve negrita. */
.terms-and-conditions .w-richtext strong {
  font-weight: 700;
}

.ptb-legal-table-wrap {
  overflow-x: auto;
  margin: .5rem 0 1rem;
}

.ptb-legal-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--_typography---desktop--body-font, .938rem);
  line-height: 1.6;
}

.ptb-legal-table th,
.ptb-legal-table td {
  padding: .75rem 1rem;
  border: 1px solid #d5ded5;
  text-align: left;
  vertical-align: top;
}

.ptb-legal-table th {
  background: var(--_colors---deep-teal, #002c36);
  border-color: var(--_colors---deep-teal, #002c36);
  color: #fff;
  font-weight: 500;
}

.ptb-legal-table th:first-child,
.ptb-legal-table td:first-child {
  width: 38%;
}

.ptb-legal-table tbody tr:nth-child(odd) td {
  background: var(--_colors---porcelain, #ebf1eb);
}

@media screen and (max-width: 479px) {
  .terms-and-conditions .w-richtext ol,
  .terms-and-conditions .w-richtext ul {
    padding-left: 1.5rem;
  }

  .ptb-legal-table th,
  .ptb-legal-table td {
    padding: .6rem .7rem;
  }
}