/* CREONIX · paginas legales estaticas 2026-10-20.
   SEO accesible y sin JavaScript ni dependencias de sesión. */
:root{color-scheme:dark;--ink:#f5f5f7;--muted:#a7b1c2;--line:#343b49;--orange:#f28b40;--panel:#151a24;--bg:#090e15;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
a{color:var(--orange);text-underline-offset:3px}a:hover{color:#ffc18f}a:focus-visible{outline:2px solid #ffc18f;outline-offset:4px;border-radius:4px}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.legal-topbar{height:4px;background:linear-gradient(90deg,#a64d22,#e9883a,#9da7ba)}
.legal-header{position:sticky;top:0;z-index:10;background:rgba(12,17,26,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.legal-header .container{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-brand{font-weight:900;letter-spacing:.11em;font-size:23px;color:var(--ink);text-decoration:none}.legal-brand span{color:var(--orange)}
.legal-nav{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:13px}
.legal-nav a{color:#c5ced9;text-decoration:none;font-weight:650}.legal-nav a:hover,.legal-nav a[aria-current="page"]{color:var(--orange)}
.legal-nav .cta{background:var(--orange);color:#10131a;border-radius:9px;padding:9px 15px}
.legal-nav .cta:hover{background:#f8a269;color:#10131a}
.legal-hero{background:radial-gradient(ellipse at 72% 0,rgba(231,114,41,.15),transparent 55%),linear-gradient(150deg,#141923,#080d15);border-bottom:1px solid var(--line);padding:69px 0 54px}
.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#ffae72}
.legal-hero h1{font-size:clamp(37px,5.5vw,60px);letter-spacing:-.055em;line-height:1.1;margin:14px 0 18px;font-weight:850}
.legal-hero .intro{font-size:16px;color:#c3cbd7;max-width:760px;margin:0 0 20px}
.legal-updated{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.legal-updated i{width:7px;height:7px;background:var(--orange);border-radius:50%}
.legal-content{display:grid;grid-template-columns:255px minmax(0,1fr);gap:54px;padding:52px 0 110px;align-items:start}
.legal-toc{position:sticky;top:103px;padding:19px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.legal-toc strong{display:block;font-size:11px;color:#ffd0ad;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px}
.legal-toc a{display:block;padding:7px 0;text-decoration:none;color:#b1becc;font-size:12px;line-height:1.5}
.legal-toc a:hover{color:var(--orange)}
.legal-article{min-width:0;max-width:805px}
.legal-article section{scroll-margin-top:110px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:35px}
.legal-article h2{font-size:clamp(20px,3vw,25px);line-height:1.3;font-weight:800;letter-spacing:-.03em;margin:0 0 15px}
.legal-article h3{font-size:15px;margin:21px 0 8px}
.legal-article p,.legal-article li{font-size:14px;color:#c1cbd8;line-height:1.9}
.legal-article p{margin:10px 0}.legal-article ul{padding-left:23px}.legal-article li{padding-left:3px;margin-bottom:7px}
.legal-article strong{color:#f7f7f8}.legal-article code{color:#f9b17e;font-size:12px;overflow-wrap:anywhere}
.legal-highlight{background:linear-gradient(125deg,rgba(242,139,64,.11),rgba(224,232,244,.035));border:1px solid rgba(242,139,64,.4);border-radius:15px;padding:21px 24px;margin-bottom:30px}
.legal-highlight h2{font-size:18px;margin:0 0 7px}.legal-highlight p{font-size:13px;margin:0;color:#d6d9e0}
.legal-contact{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:14px}
.legal-contact a{overflow-wrap:anywhere}
.legal-footer{border-top:1px solid var(--line);padding:34px 0 26px;color:var(--muted);font-size:12px}
.legal-footer .container{display:flex;align-items:start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.legal-footer a{color:#c8d0da;text-decoration:none}.legal-footer a:hover{color:var(--orange)}
.legal-footer .links{display:flex;gap:16px;flex-wrap:wrap}.legal-footer p{margin:5px 0 0}
@media(max-width:850px){.legal-content{grid-template-columns:1fr;gap:22px}.legal-toc{position:static;display:flex;flex-wrap:wrap;gap:3px 14px;padding:16px}.legal-toc strong{width:100%}.legal-toc a{padding:4px 0}.legal-hero{padding:46px 0 40px}}
@media(max-width:510px){.container{width:min(calc(100% - 30px),var(--max))}.legal-header .container{min-height:66px}.legal-brand{font-size:19px}.legal-nav{gap:10px;font-size:11px}.legal-nav .cta{padding:7px 10px}.legal-content{padding:28px 0 66px}.legal-toc a{font-size:11px}.legal-article p,.legal-article li{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}