/* Páginas legales · misma identidad que la landing, en versión lectura */
:root{
  color-scheme: dark;
  --ink:#0B0E13; --ink-2:#12171F; --line:#262F3C; --fog:#8D98A8; --chalk:#E8ECF2;
  --cobalt:#2D57F5; --amber:#F2C14E;
  --display:'Archivo','Segoe UI',system-ui,sans-serif;
  --serif:'Source Serif 4',Georgia,serif;
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --gut:clamp(20px,5vw,48px);
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--chalk);font-family:var(--serif);
  font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin-inline:auto;padding-inline:var(--gut)}
a{color:var(--chalk)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

.nav{border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);
  background:rgba(11,14,19,.9);backdrop-filter:blur(10px)}
.nav-in{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px}
.brand{font-family:var(--display);font-weight:800;font-size:.95rem;letter-spacing:.14em;
  text-transform:uppercase;text-decoration:none}
.back{font-family:var(--display);font-size:.9rem;font-weight:600;color:var(--fog);text-decoration:none}
.back:hover{color:var(--chalk)}

main{padding-block:clamp(40px,7vw,72px)}
h1{font-family:var(--display);font-weight:800;font-size:clamp(2rem,5vw,2.9rem);
  letter-spacing:-.03em;line-height:1.06;margin:0 0 10px;text-wrap:balance}
.upd{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cobalt);margin:0 0 34px;padding-bottom:16px;border-bottom:1.5px solid var(--line)}
h2{font-family:var(--display);font-weight:700;font-size:1.28rem;letter-spacing:-.018em;
  margin:34px 0 10px;text-wrap:balance}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:20px}
li{margin-bottom:7px}
li::marker{color:var(--cobalt)}
strong{font-weight:600}

.fill{background:rgba(242,193,78,.14);border-bottom:1.5px dashed var(--amber);
  padding:0 4px;font-family:var(--mono);font-size:.82em;letter-spacing:.02em}

.box{background:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--cobalt);
  border-radius:3px;padding:18px 20px;margin:22px 0}
.box p:last-child{margin-bottom:0}
.box h2{margin-top:0;font-size:1.05rem}

footer{border-top:1px solid var(--line);padding-block:26px;color:var(--fog);
  font-family:var(--display);font-size:.86rem}
.foot{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:space-between}
.foot a{text-decoration:none;color:var(--fog)}
.foot a:hover{color:var(--chalk)}
.foot nav{display:flex;flex-wrap:wrap;gap:12px 20px}

@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
