/* Páginas legales de Natufrum (comparten la paleta del logo) */
:root { --ink: #3a1c12; --muted: #6e5248; --cream: #fbf8ef; --paper: #f3eedc; --forest-ink: #0b5e2b; --leaf: #81b627; --sun: #fbc200; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 17px; line-height: 1.65; }
a { color: var(--forest-ink); }
a:focus-visible { outline: 3px solid #02a043; outline-offset: 3px; border-radius: 4px; }
.top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px clamp(16px, 4vw, 56px); border-bottom: 1px solid rgba(58,28,18,.12); }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; font-family: 'Antonio', Impact, sans-serif; font-weight: 700; font-size: 22px; letter-spacing: .14em; color: var(--forest-ink); }
.brand img { width: 48px; height: 48px; }
.back { font-family: 'Antonio', Impact, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; text-decoration: none; border: 2px solid var(--ink); color: var(--ink); padding: 10px 20px; border-radius: 999px; }
main { max-width: 780px; margin: 0 auto; padding: 56px clamp(16px, 4vw, 32px) 96px; }
h1 { font-family: 'Antonio', Impact, sans-serif; font-weight: 700; text-transform: uppercase; font-size: clamp(44px, 7vw, 76px); line-height: .95; margin: 0 0 12px; }
h2 { font-family: 'Antonio', Impact, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 28px; line-height: 1.1; margin: 44px 0 10px; color: var(--forest-ink); }
.meta { color: var(--muted); font-size: 15px; margin: 0 0 32px; }
.box { background: var(--paper); border-radius: 18px; padding: 20px 22px; margin: 20px 0; }
.box p { margin: 4px 0; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
footer { text-align: center; color: var(--muted); font-size: 14px; padding: 24px; border-top: 1px solid rgba(58,28,18,.12); }