/* ==========================================================================
   Antlook · Páginas legales (privacidad / términos, es + en)
   Se carga después de css/site.css (barra .nv, pie .ft-site, .ck, .sr…).
   Aporta los tokens y fuentes (copiados de hero.css) y la tipografía del
   texto legal. Sin JS: la barra se ve con fondo sólido
   (regla html:not(.js) .nv de site.css).
   ========================================================================== */

/* ---------- Fuentes, tokens y base: copia de css/hero.css (lineas 14-51) ----------
   Las legales no cargan hero.css (52 KB de escena); si cambian los tokens alli,
   hay que copiarlos aqui. */
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/outfit-latin-800-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/inter-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/inter-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* Tokens del navegador (tema claro, acento azul) */
  --accent: #0f6cbd;
  --accent-h: #005a9e;
  --accent-dim: rgba(15, 108, 189, .10);
  --accent-glow: rgba(15, 108, 189, .18);
  --bg: #f5f5f7;          /* tertiary */
  --bg-1: #ececee;        /* primary */
  --chrome: #e2e2e5;      /* secondary / chrome */
  --surface: #ffffff;
  --ink: #1a1a1e;
  --ink-2: #3a3a42;
  --ink-3: #5b6474;       /* 4,61:1 sobre #e2e2e5 · 5,48:1 sobre #f5f5f7 · 5,97:1 sobre #fff */
  --line: rgba(0, 0, 0, .12);
  --glass: rgba(255, 255, 255, .82);
  --ok: #1a7f37;
  --warn: #9e6a03;
  --danger: #cf222e;
  --info: #0969da;
  /* Iridiscencia derivada del azul (con un toque cian leve) */
  --iri-1: #5fd3f3;
  --iri-2: #4ea8f8;
  --iri: linear-gradient(135deg, rgba(95, 211, 243, .9), rgba(78, 168, 248, .95) 38%, rgba(15, 108, 189, .95) 72%, rgba(9, 105, 218, .65));
  --ease: cubic-bezier(.22, .8, .24, 1);
  --ease-in: cubic-bezier(.5, 0, .75, 0);
  --font-h: 'Outfit', 'Segoe UI', system-ui, sans-serif;
  --font: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --gutter: 16px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.55 var(--font); overflow-x: hidden; }
img, svg { display: block; }

/* ---------- Documento ---------- */
.lg { position: relative; padding: calc(var(--nav-h) + clamp(32px, 6vw, 72px)) var(--gutter) clamp(56px, 8vw, 96px);
  background:
    radial-gradient(50% 30% at 85% 0%, rgba(78, 168, 248, .12), transparent 70%),
    radial-gradient(40% 30% at 0% 10%, rgba(15, 108, 189, .06), transparent 70%); }
.lg__in { max-width: 780px; margin: 0 auto; overflow-wrap: anywhere; }
.lg__eye { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 6px 13px 6px 10px; border-radius: 999px; font: 600 13px/1.2 var(--font); color: var(--accent-h);
  background: rgba(255, 255, 255, .85); box-shadow: inset 0 0 0 1px rgba(15, 108, 189, .22), 0 6px 18px -10px rgba(15, 108, 189, .4); }
.lg__eye .ic { width: 16px; height: 16px; }
.lg h1 { margin: 0; font: 800 clamp(34px, 5.4vw, 52px)/1.06 var(--font-h); letter-spacing: -.025em; color: var(--ink); text-wrap: balance; }
.lg__meta { margin: 12px 0 32px; font-size: 14.5px; color: var(--ink-3); }
.lg h2 { margin: 44px 0 12px; font: 800 clamp(21px, 2.4vw, 25px)/1.25 var(--font-h); letter-spacing: -.01em; color: var(--ink); scroll-margin-top: calc(var(--nav-h) + 16px); }
.lg h3 { margin: 26px 0 8px; font: 600 17px/1.35 var(--font); color: var(--ink); }
.lg p, .lg li { font-size: 16.5px; line-height: 1.7; color: var(--ink-2); }
.lg p { margin: 0 0 14px; }
.lg ul { margin: 0 0 16px; padding-left: 22px; }
.lg li { margin-bottom: 8px; }
.lg li::marker { color: var(--accent); }
.lg__note { margin: 0 0 8px; padding: 22px 24px 10px; border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--sh-card); }
.lg__note > p:first-child { margin-bottom: 10px; }
.lg__note ul { margin-bottom: 8px; }
@media (min-width: 640px) { .lg__note { padding: 26px 30px 14px; } }

.lg-ft { padding-top: 0; }
.lg-ft .ft-site__bot { margin-top: 0; }