/* CSS compartido por las 3 páginas legales (privacidad.html, terminos.html,
   politica-de-pedidos.html) -- son 100% estáticas, sin framework DC ni JS.
   .highlight solo lo usa politica-de-pedidos.html; queda acá sin problema
   aunque las otras dos no la usen. */
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--brown-dark);font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--pink-link)}
header{position:sticky;top:0;z-index:10;background:rgba(248,242,232,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;gap:14px}
header img{height:34px}
header a.back{margin-left:auto;font:600 14px Poppins;text-decoration:none;color:var(--brown-dark)}
main{max-width:760px;margin:0 auto;padding:40px 24px 60px}
h1{font:800 clamp(26px,4vw,36px) Poppins;color:var(--brown-dark);margin:0 0 6px}
.updated{font:400 13px Poppins;color:var(--text-muted);margin:0 0 30px}
h2{font:700 19px Poppins;color:var(--brown-dark);margin:34px 0 10px}
p,li{font:400 15px/1.65 Poppins;color:var(--brown-label)}
ul{padding-left:20px}
.notice{background:var(--notice-bg);border-radius:14px;padding:14px 18px;font:400 13.5px/1.5 Poppins;color:var(--notice-text);margin:24px 0}
.highlight{background:var(--pink-light);border-radius:14px;padding:14px 18px;font:500 14px/1.55 Poppins;color:var(--pink-deep);margin:14px 0}
.pending{background:var(--pink-light);color:var(--pink-deep);padding:1px 6px;border-radius:6px;font-weight:600}
footer{max-width:760px;margin:0 auto;padding:20px 24px 50px;font:400 13px Poppins;color:var(--text-muted)}
footer a{color:var(--text-muted);margin-right:14px}