/* ==========================================================================
   Ignitor — hoja de las PÁGINAS DE DOCUMENTO: /privacy, /terms, /refunds, /support.

   Las cuatro tenían este mismo bloque inline. Medido antes de moverlo: 43 de sus
   ~45 líneas eran IDÉNTICAS en las cuatro (privacy y terms byte a byte, mismo
   md5). Lo poco propio de cada una se queda inline en su página, después del
   <link> a este archivo para que pueda pisarlo.

   Ojo con el alcance: index.html y changelog.html NO usan esta hoja. Comparten
   la IDEA del chrome pero no su texto — de estas 44 líneas sólo coinciden 17-21,
   y sus tokens y su `.brand` están escritos distinto. Unificar esas dos es un
   cambio visual, no una mudanza, así que va aparte.

   Orden de carga en cada página:  brand.css → doc-page.css → <style> propio
   ========================================================================== */

:root{
  --bg:#14110E; --bg-elev:#1E1A15; --text:#ECE6DD; --muted:#9A9186;
  --line:#33291F; --accent:#FF8A2B; --btn-grad:linear-gradient(135deg,#FF7A18,#F4A93C); --on-accent:#1A1206;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;padding-bottom:80px}
a{color:var(--accent)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}

/* ---- Chrome: header + nav + switcher de idioma --------------------------- */
header.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;text-decoration:none;color:var(--text)}
/* .brand .spark vive en brand.css (se repite tambien en index y changelog). */
.nav-links{display:flex;gap:26px}
.nav-links a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .12s}
.nav-links a:hover{color:var(--text)}
.nav-right{display:flex;align-items:center;gap:14px}
.lang{display:flex;gap:4px}
.lang-btn{display:inline-flex;align-items:center;gap:5px;line-height:1;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:5px 9px;font-size:12.5px;font-weight:600;font-family:inherit}
.lang-btn:hover{color:var(--text);border-color:var(--accent)}
.lang-btn.active{color:var(--on-accent);background:var(--btn-grad);border-color:transparent}

/* ---- El documento en sí -------------------------------------------------- */
main{padding:48px 0}
.doc h1{font-size:clamp(26px,4vw,36px);font-weight:700;letter-spacing:-.01em;margin-bottom:6px}
.doc .updated{color:var(--muted);font-size:14px;margin-bottom:28px}
.doc h2{font-size:19px;font-weight:600;margin:30px 0 8px}
.doc p{margin:0 0 12px}
/* `ol` va acá aunque sólo /refunds tenga listas numeradas hoy: tres páginas
   decían `.doc ul` y una `.doc ul,.doc ol`, y quedarse con la versión corta
   significa que la próxima lista numerada sale sin sangría y nadie sabe por qué. */
.doc ul,.doc ol{margin:0 0 12px;padding-left:22px}
.doc li{margin:0 0 6px}
.doc strong{color:var(--text)}
.muted{color:var(--muted)}

/* ---- Footer -------------------------------------------------------------- */
footer{background:var(--bg-elev);border-top:1px solid var(--line);padding:48px 0 36px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.foot-grid h4{font-size:14px;margin-bottom:10px}
.foot-grid a{display:block;color:var(--muted);text-decoration:none;font-size:13.5px;margin-bottom:6px}
.foot-grid a:hover{color:var(--text)}
.foot-brand p{color:var(--muted);font-size:13px;margin-top:6px;max-width:30ch}
.copy{color:var(--muted);font-size:12.5px;margin-top:32px;border-top:1px solid var(--line);padding-top:20px}

/* ---- Aviso de cookies ---------------------------------------------------- */
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;background:var(--bg-elev);border-top:1px solid var(--line);padding:12px 18px;font-size:13px;color:var(--muted)}
.cookie-bar[hidden]{display:none}
.cookie-bar a{color:var(--accent)}
.cookie-bar button{flex-shrink:0;background:var(--btn-grad);color:var(--on-accent);border:0;border-radius:8px;padding:8px 16px;font-weight:600;font-size:13px;cursor:pointer;font-family:inherit}

@media (max-width:780px){ .nav-links{display:none} .foot-grid{grid-template-columns:1fr 1fr} }
@media (max-width:460px){ .foot-grid{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
