/* ============================================================
   ACATHI — pantallas legales (patterns/legal-privacidad.php
   y patterns/legal-aviso.php) — CSS compartido
   ============================================================ */

.ac-legal-hero {
  background: linear-gradient(135deg, #f9f9f7 0%, #eeeeec 100%);
  padding: var(--stack-lg) var(--gutter) var(--stack-md);
}
.ac-legal-inner { max-width: 820px; margin: 0 auto; }
.ac-legal-title {
  font-family: var(--font-display); font-weight: var(--weight-bold);
  font-size: 44px; line-height: 52px; letter-spacing: -0.02em;
  color: var(--primary); margin: 18px 0 16px;
}
.ac-legal-updated { font-size: 14px; color: var(--on-surface-variant); margin: 0 0 22px; }
.ac-legal-hero .ac-chip-row { gap: 10px; }

.ac-legal-body { padding: var(--stack-md) var(--gutter) var(--stack-lg); }
.ac-legal-blocks { display: flex; flex-direction: column; gap: 28px; }
.ac-legal-block h2 {
  font-family: var(--font-display); font-weight: var(--weight-semibold);
  font-size: 22px; color: var(--primary); margin: 0 0 8px;
}
.ac-legal-block p {
  font-size: 16px; line-height: 26px;
  color: var(--on-surface-variant); margin: 0;
}

.ac-legal-actions { margin-top: 28px; display: flex; gap: 14px; flex-wrap: wrap; }

@media (max-width: 680px) {
  .ac-legal-title { font-size: 36px; line-height: 44px; }
}

/* ═══ Rediseño editorial (añadido) ═══ */
.ac-legal-hero { position: relative; overflow: hidden; }
.ac-legal-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--rainbow-gradient); }
.ac-legal-title { font-size: clamp(2.1rem, 1.4rem + 2vw, 3.3rem); line-height: 1.07; letter-spacing: -0.02em; }