:root { --bosque: #0F4A2E; --fondo: #F5F8F1; --tinta: #14281D; --tinta-suave: #556659; color-scheme: light; }
body { margin: 0; background: var(--fondo); color: var(--tinta); font: 400 16px/1.65 'DM Sans', system-ui, sans-serif;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.legal { max-width: 68ch; margin: 0 auto; padding-block: 40px 70px; }
.legal h1 { font: 500 clamp(32px, 5vw, 46px)/1.1 'Fraunces', Georgia, serif; letter-spacing: -.02em; margin: 20px 0 6px; text-wrap: balance; }
.legal h2 { font: 500 24px/1.2 'Fraunces', Georgia, serif; margin: 34px 0 8px; }
.legal p, .legal li { color: var(--tinta); }
.legal a { color: var(--bosque); }
.fecha { color: var(--tinta-suave); font-size: 14px; }
.volver { font-weight: 700; text-decoration: none; }