/* Páginas legales (privacidad, términos, cookies): lectura cómoda, mismo azul rey de la portada. */
:root{--bg:#070A12; --surface:#0E131F; --ink:#F2F5FB; --muted:#9AA5BC; --line:#242C3D; --brand:#5B9BFF; color-scheme:dark}
:root[data-theme="light"]{--bg:#F6F8FC; --surface:#FFFFFF; --ink:#0D1B3E; --muted:#56648A; --line:#DCE4F2; --brand:#1E5BFF; color-scheme:only light}
*,*::before,*::after{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--ink); font:17px/1.65 "Barlow","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif; -webkit-font-smoothing:antialiased}
a{color:var(--brand)}
header{border-bottom:1px solid var(--line); background:var(--surface)}
.bar,main,footer .in{max-width:780px; margin:0 auto; padding:0 20px}
.bar{display:flex; align-items:center; justify-content:space-between; gap:14px; height:60px}
.logo{display:flex; align-items:center; gap:10px; text-decoration:none; font-weight:800; letter-spacing:.06em; color:var(--brand)}
.logo i{width:26px; height:19px; background:var(--brand); clip-path:polygon(28% 0,100% 0,100% 100%,28% 100%,0 50%)}
.bar nav{display:flex; gap:16px; font-weight:600; font-size:15px}
.bar nav a{color:var(--muted); text-decoration:none} .bar nav a[aria-current]{color:var(--ink)}
@media (max-width:560px){.bar nav{display:none}}
main{padding-top:44px; padding-bottom:64px}
h1{font-size:clamp(30px,5vw,40px); line-height:1.15; margin:0 0 6px; letter-spacing:-.01em}
.fecha{color:var(--muted); margin:0 0 28px; font-size:15px}
h2{font-size:21px; margin:34px 0 8px; line-height:1.25}
p,li{color:var(--ink)} ul{padding-left:22px} li{margin:4px 0}
.nota{border:1px solid var(--line); background:var(--surface); border-radius:14px; padding:14px 18px; color:var(--muted)}
table{width:100%; border-collapse:collapse; font-size:15px; margin:10px 0}
th,td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top}
th{color:var(--muted); font-weight:700; font-size:13px; letter-spacing:.06em; text-transform:uppercase}
td code{font-size:13px; word-break:break-all}
@media (max-width:560px){table,thead,tbody,tr,td{display:block} thead{display:none} tr{border-bottom:1px solid var(--line); padding:8px 0} td{border:0; padding:2px 0}}
.falta{background:#FFF1C2; color:#5A4300; border-radius:4px; padding:0 4px}
footer{border-top:1px solid var(--line); padding:22px 0; color:var(--muted); font-size:14px}
footer .in{display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:space-between}
footer a{color:var(--muted)}
@media (max-width:560px){td:last-child{color:var(--muted); font-size:14px}}