/* Natural Food — estilo para páginas legales (ligero, autónomo) */
:root{
  --paper:#F2ECE0; --surface:#FBF8F1; --ink:#1C1813; --ink-2:#6E6657; --ink-3:#A89E8B;
  --line:#E0D7C6; --line-2:#D2C7B2; --accent:#8C8A4E; --accent-ink:#4A4820;
  --serif:'Bodoni Moda',Georgia,'Times New Roman',serif;
  --sans:'Hanken Grotesk',system-ui,-apple-system,sans-serif;
  --r-pill:999px; --r-md:18px;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{ font-family:var(--sans); color:var(--ink); background:var(--paper); -webkit-font-smoothing:antialiased; line-height:1.6; }
.legal-nav{ position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between;
  padding:16px clamp(20px,5vw,56px); background:rgba(251,248,241,.82); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.legal-nav .brand{ display:flex; align-items:center; gap:9px; text-decoration:none; color:var(--ink); }
.legal-nav .wm{ font-family:var(--serif); font-weight:600; font-size:20px; }
.legal-nav a.back{ font-family:var(--sans); font-weight:600; font-size:14px; color:var(--ink-2); text-decoration:none; }
.legal-nav a.back:hover{ color:var(--accent-ink); }
.legal-wrap{ max-width:760px; margin:0 auto; padding:clamp(40px,7vw,80px) clamp(20px,5vw,32px) 80px; }
.legal-wrap .eyebrow{ font-family:var(--sans); font-weight:600; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--accent-ink); }
.legal-wrap h1{ font-family:var(--serif); font-weight:500; font-size:clamp(32px,6vw,52px); line-height:1.02; letter-spacing:-.015em; margin:12px 0 6px; }
.legal-wrap .updated{ font-size:13px; color:var(--ink-3); margin-bottom:36px; }
.legal-wrap h2{ font-family:var(--serif); font-weight:500; font-size:clamp(20px,3vw,26px); margin:38px 0 12px; letter-spacing:-.01em; }
.legal-wrap h3{ font-family:var(--sans); font-weight:700; font-size:16px; margin:24px 0 8px; }
.legal-wrap p,.legal-wrap li{ font-size:15.5px; color:var(--ink-2); }
.legal-wrap a{ color:var(--accent-ink); }
.legal-wrap ul{ padding-left:20px; }
.legal-wrap .box{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md); padding:18px 22px; margin:22px 0; }
.legal-wrap .todo{ background:#FBF1E4; border:1px dashed var(--line-2); border-radius:var(--r-md); padding:14px 18px; font-size:13.5px; color:var(--accent-ink); margin:18px 0; }
.legal-foot{ border-top:1px solid var(--line); padding:30px clamp(20px,5vw,32px); text-align:center; font-size:13px; color:var(--ink-3); }
.legal-foot a{ color:var(--ink-2); text-decoration:none; margin:0 8px; }