:root{
  --bg:#0a0a0a;
  --bg2:#121210;
  --yellow:#FAE71C;
  --text:#F4F4EF;
  --text-muted:rgba(244,244,239,.65);
  --line:rgba(244,244,239,.14);
  --glass-border:rgba(255,255,255,.14);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg); color:var(--text); font-family:'Manrope', sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased;}
a{color:inherit;}
h1,h2,.display{font-family:'Unbounded', sans-serif; font-weight:600; letter-spacing:-0.01em; line-height:1.15;}

[data-t]{display:none;}
html[lang="es"] [data-t="es"]{display:inline;}
html[lang="en"] [data-t="en"]{display:inline;}
html[lang="es"] p [data-t="es"],
html[lang="en"] p [data-t="en"],
html[lang="es"] li [data-t="es"],
html[lang="en"] li [data-t="en"],
html[lang="es"] dd [data-t="es"],
html[lang="en"] dd [data-t="en"],
html[lang="es"] dt [data-t="es"],
html[lang="en"] dt [data-t="en"]{display:inline;}

.lbar{position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 32px; background:rgba(10,10,10,.9); backdrop-filter:blur(14px); border-bottom:1px solid var(--line);}
.lbar .back{font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--text-muted); transition:color .2s ease;}
.lbar .back:hover{color:var(--yellow);}
.lang{display:flex; gap:2px; font-size:11px; letter-spacing:.04em;}
.lang button{background:none; border:none; color:var(--text-muted); font-family:'Manrope'; font-size:11px; letter-spacing:.04em; text-transform:uppercase; cursor:pointer; padding:4px 8px;}
.lang button[aria-pressed="true"]{color:var(--text); font-weight:700;}

main.legal{max-width:760px; margin:0 auto; padding:56px 32px 120px;}
.subnav{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:36px;}
.subnav a{font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--text-muted); padding:8px 14px; border:1px solid var(--glass-border); border-radius:999px; transition:color .2s ease, border-color .2s ease;}
.subnav a:hover{color:var(--yellow); border-color:var(--yellow);}
.subnav a[aria-current="page"]{color:#17160f; background:var(--yellow); border-color:var(--yellow);}

h1{font-size:clamp(28px,4vw,40px); margin-bottom:8px;}
.upd{font-size:12.5px; color:var(--text-muted); margin-bottom:44px;}
h2{font-size:17px; margin:40px 0 14px; color:var(--yellow); letter-spacing:.01em;}
main.legal > h2:first-of-type{margin-top:0;}
p{font-size:15px; color:var(--text-muted); margin-bottom:14px;}
p strong{color:var(--text);}
ul{margin:0 0 14px 20px;}
ul li{font-size:15px; color:var(--text-muted); margin-bottom:10px;}
.box{background:rgba(255,255,255,.045); border:1px solid var(--glass-border); border-radius:14px; padding:18px 20px; font-size:14.5px; color:var(--text-muted); margin-bottom:22px;}
dl.kv{display:grid; grid-template-columns:auto 1fr; gap:8px 18px; margin-bottom:14px;}
dl.kv div{display:contents;}
dl.kv dt{font-size:13px; color:var(--text-muted); white-space:nowrap;}
dl.kv dd{font-size:15px; color:var(--text);}
