/* Páginas legales — Mamparas Chihuahua. Usa las tipografías de estilos.css. */
.legal-top { background: #0B2438; color: #F5F1E8; padding: 20px 40px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.legal-top img { height: 52px; width: auto; display: block; }
.legal-top a.legal-back { font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: #F5F1E8; border: 1px solid #6B8196; padding: 12px 18px; min-height: 44px; display: inline-flex; align-items: center; }
.legal-top a.legal-back:hover { border-color: #DC993B; color: #DC993B; }
.legal { max-width: 760px; margin: 0 auto; padding: 72px 40px 96px; }
.legal-kicker { font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: #3D4C58; }
.legal h1 { margin: 20px 0 12px; font-weight: 300; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.1; letter-spacing: -0.02em; text-wrap: balance; }
.legal .legal-date { margin: 0 0 48px; font-size: 15px; color: #3D4C58; }
.legal h2 { margin: 48px 0 14px; font-weight: 500; font-size: 21px; line-height: 1.3; letter-spacing: -0.01em; text-wrap: balance; }
.legal p, .legal li { font-size: 17px; line-height: 1.65; color: #1C2B38; text-wrap: pretty; }
.legal p { margin: 0 0 16px; max-width: 68ch; }
.legal ul { margin: 0 0 16px; padding-left: 1.2em; max-width: 68ch; }
.legal li { margin: 0 0 8px; }
.legal a { color: #134974; text-decoration: underline; text-underline-offset: 3px; }
.legal a:hover { color: #0B2438; }
.legal-box { border: 1px solid #D6D0C2; background: #EFEADF; padding: 24px; margin: 24px 0; }
.legal-box p:last-child { margin-bottom: 0; }
.legal-foot { border-top: 1px solid #D6D0C2; margin-top: 64px; padding-top: 24px; display: flex; flex-wrap: wrap; gap: 8px 24px; font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; }
.legal-foot a { color: #0B2438; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.legal-foot a[aria-current="page"] { color: #134974; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 620px) {
  .legal-top { padding: 16px 22px; }
  .legal-top img { height: 44px; }
  .legal { padding: 48px 22px 72px; }
}