@font-face { font-family: "Manrope"; src: url("/fuentes/manrope-latin.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Bricolage Grotesque"; src: url("/fuentes/bricolage-grotesque-latin.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
:root { --paper: #f3f5f7; --ink: #1f2329; --muted: #5c636e; --line: #e1e5ea; --accent: #f0642a; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --paper: #14171c; --ink: #eceef1; --muted: #a2a9b3; --line: #2b3038; --accent: #ff7a45; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Manrope", "Segoe UI", system-ui, sans-serif; font-size: 17px; line-height: 1.65; }
.legal { max-width: 720px; margin: 0 auto; padding-block: 48px 80px; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); }
.volver { color: var(--muted); font-size: 15px; font-weight: 600; text-decoration: none; }
h1, h2, h3 { font-family: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif; letter-spacing: -.02em; line-height: 1.15; text-wrap: balance; }
h1 { font-size: clamp(34px, 6vw, 46px); margin: 24px 0 4px; }
h2 { font-size: 24px; margin: 40px 0 10px; padding-top: 24px; border-top: 1px solid var(--line); }
h3 { font-size: 19px; margin: 24px 0 6px; }
.fecha { color: var(--muted); font-size: 15px; margin-top: 0; }
p, li { color: var(--ink); }
ul { padding-left: 20px; }
a { color: var(--accent); text-underline-offset: 3px; }