/**
 * Estilos específicos de la página /TerminoPolitica.
 */

/* ---- Hero legal ---- */
.terms-hero {
  background: #f7fafc;
  padding: 4rem 0 4.25rem;
  text-align: center;
}

.terms-hero__inner {
  max-width: 58rem;
}

.terms-hero__title {
  margin: 0 0 0.75rem;
  color: var(--color-text);
  font-size: clamp(2rem, 5vw, 3.25rem);
  line-height: 1.15;
}

.terms-hero__date {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.5;
}

.terms-hero__date--wide {
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1025px) {
  .terms-hero {
    padding: 5rem 0 5.25rem;
  }
}

/* ---- Cuerpo legal ---- */
.terms-content {
  padding: 4rem 0 5rem;
  background: var(--color-bg);
}

.terms-content__inner {
  max-width: 50rem;
  margin: 0 auto;
}

.terms-block {
  scroll-margin-top: calc(var(--header-height) + 2rem);
}

.terms-block + .terms-block {
  margin-top: 3rem;
}

.terms-block__title {
  margin: 0 0 1.25rem;
  color: var(--color-text);
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.2;
}

.terms-block__text {
  margin: 0 0 1.15rem;
  color: var(--color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.75;
}

.terms-block__text:last-child {
  margin-bottom: 0;
}

@media (min-width: 1025px) {
  .terms-content {
    padding: 5.5rem 0 6.25rem;
  }

  .terms-block + .terms-block {
    margin-top: 3.5rem;
  }
}