/* ══════════════════════════════════════════
   BAQUEANO · páginas de texto (términos, privacidad) y error 404
   Mismo mundo que la landing, sin animaciones: acá se viene a leer.
   ══════════════════════════════════════════ */
:root{
  --noche:#070808; --hueso:#EDEEEA; --ceniza:#8B8F8A; --naranja:#E2552B;
  --bg:#070808; --fg:#EDEEEA; --dim:rgba(237,238,234,.62); --linea:rgba(237,238,234,.16);
  --d:"Archivo","Arial Narrow",Impact,sans-serif;
  --b:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --m:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --mx:clamp(20px,5vw,88px);
  --ease:cubic-bezier(.19,1,.22,1);
}
*{box-sizing:border-box}
html{background:var(--noche)}
body{margin:0; background:var(--bg); color:var(--fg); font-family:var(--b); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--naranja); color:#fff}
.d{font-family:var(--d); font-weight:800; font-stretch:125%; font-variation-settings:"wdth" 125; text-transform:uppercase; letter-spacing:-.005em; word-spacing:.16em; line-height:.9; margin:0}
.m{font-family:var(--m); font-size:11px; letter-spacing:.14em; text-transform:uppercase}

.barra{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px var(--mx); border-bottom:1px solid var(--linea)}
.barra a{text-decoration:none}
.barra .marca{display:flex; align-items:center; gap:10px; font-family:var(--d); font-weight:800; font-stretch:125%; font-variation-settings:"wdth" 125; font-size:17px; letter-spacing:.06em}
.simbolo{width:auto; height:1.3em; overflow:visible; flex-shrink:0}
.barra .volver{color:var(--dim)}
.barra .volver:hover{color:var(--fg)}

.hoja{max-width:74ch; margin:0 auto; padding:clamp(48px,9vh,96px) var(--mx) 14vh}
.hoja h1{font-family:var(--d); font-weight:800; font-stretch:125%; font-variation-settings:"wdth" 125; text-transform:uppercase; font-size:clamp(38px,6.5vw,86px); line-height:.92; letter-spacing:-.02em; margin:0 0 10px; word-spacing:.14em}
.fecha{color:var(--ceniza); font-family:var(--m); font-size:11px; letter-spacing:.14em; text-transform:uppercase; margin:0 0 48px}
.hoja h2{font-size:clamp(20px,2vw,26px); font-weight:500; letter-spacing:-.02em; margin:48px 0 12px; padding-top:22px; border-top:1px solid var(--linea)}
.hoja p, .hoja li{color:var(--dim); margin:0 0 14px}
.hoja strong{color:var(--fg); font-weight:500}
.hoja ul{margin:0 0 18px; padding-left:20px}
.hoja li{padding-left:4px}
.hoja a{color:var(--naranja); text-decoration-thickness:1px; text-underline-offset:3px}
.nota{border-left:2px solid var(--naranja); padding:2px 0 2px 18px; margin:26px 0}

.pie{display:flex; flex-wrap:wrap; gap:14px 26px; justify-content:space-between; padding:26px var(--mx); border-top:1px solid var(--linea); color:var(--dim)}
.pie a{text-decoration:none}
.pie a:hover{color:var(--fg)}

/* error 404 */
.error{min-height:100svh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:12vh var(--mx); gap:26px}
.error .num{font-family:var(--d); font-weight:800; font-stretch:125%; font-variation-settings:"wdth" 125; font-size:clamp(110px,26vw,320px); line-height:.82; letter-spacing:-.04em; color:transparent; -webkit-text-stroke:1px rgba(237,238,234,.5)}
.error h1{font-family:var(--d); font-weight:800; font-stretch:125%; font-variation-settings:"wdth" 125; text-transform:uppercase; font-size:clamp(30px,5vw,68px); line-height:.95; margin:0; word-spacing:.14em}
.error p{color:var(--dim); max-width:46ch; margin:0}
.error .boton{
  display:inline-flex; align-items:center; gap:14px; padding:18px 30px; border-radius:99px;
  background:var(--hueso); color:#0B0C0B; font-family:var(--m); font-size:12px; letter-spacing:.16em; text-transform:uppercase; text-decoration:none;
  transition:background-color .4s var(--ease), color .4s var(--ease);
}
.error .boton:hover{background:var(--naranja); color:#fff}

@media (prefers-reduced-motion:reduce){ *{transition:none !important} }