/* Páginas legales: azul corporativo oscuro con acento amarillo */
:root{--background:#0f1e33;--surface:#14263e;--foreground:#f4f6fa;--muted:#b6c2d2;--line:#30435d;--gold:#f2b705;--gold-hover:#ffc929}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Epilogue,sans-serif;background:var(--background);color:var(--foreground);line-height:1.75}
h1,h2,h3{font-family:Urbanist,sans-serif;color:var(--foreground);line-height:1.25}
a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--background) 95%,transparent);border-bottom:1px solid var(--line)}
.hwrap{max-width:1180px;margin:0 auto;padding:0 24px;height:112px;display:flex;align-items:center;justify-content:space-between}
.logo img{width:235px;height:auto;display:block}
.back{font-size:.9rem;font-weight:600;border:1.5px solid var(--line);padding:10px 20px;border-radius:50px;transition:.25s}
.back:hover{border-color:var(--gold);color:var(--gold)}
main{max-width:860px;margin:0 auto;padding:60px 24px 30px}
.eyebrow{display:inline-block;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0;color:var(--gold);margin-bottom:14px}
h1{font-size:2.4rem;margin-bottom:10px}
.updated{color:var(--muted);font-size:.88rem;margin-bottom:34px}
.note{background:var(--surface);border:1px solid var(--gold);border-radius:10px;padding:16px 20px;font-size:.9rem;margin-bottom:40px}
.note b{color:var(--gold)}
h2{font-size:1.3rem;margin:36px 0 12px;color:var(--gold)}
p{color:var(--muted);margin-bottom:14px}
ul{color:var(--muted);margin:0 0 14px 20px}
li{margin-bottom:6px}
main p,main ul,main li{text-align:justify;hyphens:auto}
strong{color:var(--foreground)}
footer{padding:52px 0 26px}
.fwrap{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.f-bottom{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding-top:20px;font-size:.82rem}
.f-legal{display:flex;gap:22px;flex-wrap:wrap}
.f-legal a:hover{color:var(--gold)}
@media(min-width:961px){.fwrap{max-width:1440px;padding:0 40px}}
@media(max-width:640px){h1{font-size:1.9rem}.hwrap{height:96px}.logo img{width:180px}.back{padding:8px 14px;font-size:.82rem}}
html.auto{--gold:#5bb8e6;--gold-hover:#8fd0f0}