/* ============================================================
   ZEERO — Estilos compartidos de páginas legales
   Mismos tokens de marca que la landing. Blanco/negro + azul.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&family=Inter:wght@400;500;600&display=swap');

:root{
  --paper:#F6F5F1; --paper-2:#FFFFFF; --ink:#0B0B0B;
  --muted:rgba(11,11,11,0.6); --line:rgba(11,11,11,0.12);
  --accent:#1F49FF;
  --display:'Jost',system-ui,sans-serif; --body:'Inter',system-ui,sans-serif;
  --maxw:760px; --pad:clamp(20px,5vw,48px);
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{ font-family:var(--body); background:var(--paper); color:var(--ink); line-height:1.65; -webkit-font-smoothing:antialiased; }
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
img{ display:block; }

/* Header */
.l-hdr{ position:sticky; top:0; z-index:20; background:color-mix(in srgb,var(--paper) 90%,transparent); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.l-hdr__in{ max-width:1180px; margin:0 auto; padding:0 var(--pad); height:70px; display:flex; align-items:center; justify-content:space-between; }
.l-hdr .logo{ width:120px; height:24px; object-fit:cover; object-position:center; }
.l-hdr .back{ font-family:var(--display); font-weight:400; color:var(--ink); font-size:.95rem; }
.l-hdr .back:hover{ color:var(--accent); text-decoration:none; }

/* Contenido */
.l-main{ max-width:var(--maxw); margin:0 auto; padding:clamp(40px,7vw,80px) var(--pad) clamp(60px,9vw,110px); }
.l-eyebrow{ font-family:var(--display); text-transform:uppercase; letter-spacing:.28em; font-size:.72rem; color:var(--muted); }
.l-main h1{ font-family:var(--display); font-weight:600; font-size:clamp(2rem,5vw,3rem); line-height:1.05; letter-spacing:-.02em; margin:14px 0 8px; }
.l-updated{ color:var(--muted); font-size:.9rem; margin-bottom:40px; }
.l-main h2{ font-family:var(--display); font-weight:600; font-size:1.4rem; margin:44px 0 14px; letter-spacing:-.01em; }
.l-main h3{ font-family:var(--display); font-weight:600; font-size:1.1rem; margin:28px 0 10px; }
.l-main p{ color:var(--ink); opacity:.86; margin-bottom:16px; }
.l-main ul, .l-main ol{ margin:0 0 18px 22px; }
.l-main li{ margin-bottom:8px; opacity:.86; }
.l-main strong{ font-weight:600; opacity:1; }
.l-note{ background:var(--paper-2); border:1px solid var(--line); border-left:3px solid var(--accent); border-radius:10px; padding:16px 18px; font-size:.92rem; color:var(--muted); margin:24px 0; }
.l-table{ width:100%; border-collapse:collapse; margin:18px 0; font-size:.92rem; }
.l-table th, .l-table td{ text-align:left; padding:10px 12px; border:1px solid var(--line); vertical-align:top; }
.l-table th{ font-family:var(--display); font-weight:600; background:var(--paper-2); }
.l-todo{ color:#B23; font-weight:600; } /* marca campos a completar */

/* Footer */
.l-ftr{ border-top:1px solid var(--line); padding:34px var(--pad); text-align:center; color:var(--muted); font-size:.85rem; }
.l-ftr a{ color:var(--muted); }
.l-ftr a:hover{ color:var(--accent); }
.l-ftr .sep{ margin:0 8px; opacity:.4; }