/* =========================
   PÁGINAS LEGALES
   ========================= */

.legalPage {
  background: #ffffff;
}

.legalHero {
  padding: 72px 0 36px;
  background: #0c433d;
  color: #fff;
}

.legalHero h1 {
  margin: 0 0 12px;
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  letter-spacing: -0.6px;
}

.legalHero p {
  max-width: 70ch;
  font-size: 17px;
  line-height: 1.8;
  opacity: 0.9;
}

.legalContent {
  padding: 56px 0 80px;
}

.legalContent h2 {
  margin: 32px 0 12px;
  font-size: 22px;
  font-weight: 900;
  color: #0c433d;
}

.legalContent p {
  line-height: 1.9;
  color: rgba(15, 23, 42, 0.78);
  font-weight: 600;
  margin: 0 0 12px;
  max-width: 90ch;
}

.legalContent ul {
  margin: 0 0 18px 18px;
  display: grid;
  gap: 6px;
}

.legalContent li {
  font-weight: 600;
  color: rgba(15, 23, 42, 0.75);
}

.legalDate {
  margin-top: 40px;
  font-size: 14px;
  font-weight: 700;
  color: rgba(15, 23, 42, 0.55);
}

/* Responsive */
@media (max-width: 720px) {
  .legalHero {
    padding: 56px 0 30px;
  }

  .legalContent {
    padding: 42px 0 60px;
  }
}