/* ARRAY.GO — legal document pages (aviso legal, privacidad, cookies).
   Reuses the site's tokens (colors, fonts, spacing) but reads as reference
   material rather than a marketing page: a narrower measure and a quieter
   sans-serif heading scale instead of the loud display headline treatment. */

.legal-hero { padding: 168px 0 36px; }
.legal-hero .container { max-width: 760px; margin: 0 auto; width: min(760px, 88vw); }
.legal-hero .h-xl { max-width: none; }
.legal-updated-top { margin: 18px 0 0; font-size: 13px; color: var(--ink-500); }

.legal-body { padding: 0 0 140px; }
.legal-body .container { max-width: 760px; margin: 0 auto; width: min(760px, 88vw); }

.legal-intro { margin: 0 0 12px; font-size: 17px; line-height: 1.65; color: var(--ink-700); }

.legal-h3 {
  font-family: var(--font-sans);
  font-size: clamp(19px, 2.2vw, 23px);
  font-weight: 700;
  line-height: 1.3;
  margin: 52px 0 14px;
  color: var(--ink-700);
}
section:first-of-type .legal-h3:first-child,
.legal-body > .container > .legal-h3:first-child { margin-top: 4px; }

.legal-p { margin: 0 0 16px; font-size: 16px; line-height: 1.7; color: var(--ink-700); text-wrap: pretty; }
.legal-p:last-child { margin-bottom: 0; }
.legal-p a, .legal-list a { color: var(--poppy-pink); text-decoration: underline; text-underline-offset: 2px; }
.legal-p a:hover, .legal-list a:hover { opacity: .75; }

.legal-list { margin: 0 0 16px; padding-left: 22px; }
.legal-list li { margin: 0 0 9px; font-size: 16px; line-height: 1.65; color: var(--ink-700); }
.legal-list--alpha { list-style: lower-alpha; }
.legal-list li:last-child { margin-bottom: 0; }

.legal-contact { margin: 0 0 16px; padding: 18px 20px; border-radius: 12px; background: var(--pink-050); font-size: 15.5px; line-height: 1.6; color: var(--ink-700); }
.legal-contact strong { font-weight: 600; }

.legal-table-wrap { overflow-x: auto; margin: 8px 0 24px; }
.legal-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 13px; }
.legal-table th, .legal-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--hairline); vertical-align: top; line-height: 1.5; }
.legal-table thead th { background: var(--pink-050); font-weight: 600; color: var(--ink-700); white-space: nowrap; }
.legal-table td { color: var(--ink-700); }

.legal-updated { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--hairline); font-size: 13px; color: var(--ink-500); }