@import url('https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{--fondo:#020d26;--panel:#061a3a;--azul:#168bff;--rojo:#ff2147;--blanco:#fff;--texto:#dce7f5;--borde:rgba(71,168,255,.28)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{min-height:100vh;background:radial-gradient(circle at 82% 10%,rgba(22,139,255,.13),transparent 31%),linear-gradient(180deg,#020d26,#041633);color:var(--blanco);font-family:'Montserrat',sans-serif;line-height:1.75}
a{color:inherit}
.legal-header{position:sticky;top:0;z-index:10;background:rgba(2,13,38,.92);border-bottom:1px solid var(--borde);backdrop-filter:blur(12px)}
.legal-nav{width:min(1180px,calc(100% - 40px));height:90px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.legal-logo{width:190px;max-height:80px;object-fit:contain}
.volver{padding:11px 17px;border:1px solid var(--borde);border-radius:10px;text-decoration:none;font-size:13px;font-weight:700;transition:.2s ease}
.volver:hover{border-color:var(--azul);background:rgba(22,139,255,.1)}
.legal-hero{padding:74px 20px 38px;text-align:center}
.legal-etiqueta{color:var(--rojo);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.legal-hero h1{max-width:950px;margin:8px auto 14px;font-family:'Anton',sans-serif;font-size:clamp(42px,6vw,76px);font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.01em}
.legal-hero h1 span{color:var(--rojo)}
.legal-hero p{max-width:740px;margin:auto;color:var(--texto);font-size:14px}
.legal-layout{width:min(1050px,calc(100% - 40px));margin:0 auto 70px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:start}
.legal-indice{position:sticky;top:112px;padding:22px;background:rgba(6,26,58,.76);border:1px solid var(--borde);border-radius:16px}
.legal-indice strong{display:block;margin-bottom:11px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.legal-indice a{display:block;padding:7px 0;color:var(--texto);font-size:12px;text-decoration:none}
.legal-indice a:hover{color:var(--azul)}
.legal-documento{padding:clamp(25px,4vw,48px);background:rgba(6,26,58,.72);border:1px solid var(--borde);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.22)}
.aviso-completar{margin-bottom:30px;padding:16px 18px;border-left:3px solid #f5b82e;background:rgba(245,184,46,.08);color:#ffe7aa;font-size:12px;border-radius:6px}
.legal-seccion{scroll-margin-top:115px;padding-bottom:27px;margin-bottom:27px;border-bottom:1px solid rgba(255,255,255,.08)}
.legal-seccion:last-child{margin:0;padding:0;border:0}
.legal-seccion h2{margin-bottom:11px;font-size:21px;line-height:1.25}
.legal-seccion h2::before{content:'';display:inline-block;width:4px;height:20px;margin-right:10px;border-radius:4px;background:var(--rojo);vertical-align:-3px}
.legal-seccion p,.legal-seccion li{color:var(--texto);font-size:14px}
.legal-seccion p+p{margin-top:12px}
.legal-seccion ul{margin:12px 0 0 20px}
.legal-seccion li+li{margin-top:7px}
.dato-pendiente{color:#ffe7aa;font-weight:700}
.legal-footer{border-top:1px solid var(--borde);padding:25px 20px;color:rgba(220,231,245,.7);text-align:center;font-size:11px}
@media(max-width:760px){.legal-nav{height:74px}.legal-logo{width:150px}.legal-hero{padding-top:52px}.legal-layout{grid-template-columns:1fr}.legal-indice{position:static}.legal-documento{padding:24px 19px}}