:root{--void:#0B0A08;--ink:#111111;--panel:#16130E;--line:#2C251A;--gold:#B8923C;--gold-deep:#8A6E27;--cream:#F4EEDF;--text:#EDE6D6;--muted:#A39780;
--metal:linear-gradient(100deg,#8A6E27 0%,#B8923C 22%,#F4EEDF 40%,#FFD600 50%,#B8923C 66%,#8A6E27 100%);
--pulido:radial-gradient(circle at 30% 26%,#FFFFFF 0 8%,transparent 16%),radial-gradient(circle at 70% 82%,rgba(255,240,190,1) 0 9%,transparent 24%),linear-gradient(160deg,#FFF1B0 0%,#FFD600 26%,#C99A2E 56%,#B8923C 78%,#FFE58A 100%);
--display:"Unbounded",system-ui,sans-serif;--body:"Outfit",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--void);color:var(--text);font:400 17px/1.65 var(--body)}
a{color:var(--gold)}a:hover{color:var(--cream)}
.metal{background:var(--metal);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s ease-in-out infinite}
@keyframes sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.wm{font:700 1.5rem/1 var(--display);letter-spacing:-.01em;display:inline-flex;align-items:baseline;white-space:nowrap;color:var(--cream);text-decoration:none}
.wm:hover{color:var(--cream)}
.wm .i{position:relative;display:inline-block}
.wm .dot{position:absolute;left:50%;top:-.18em;width:.38em;height:.38em;transform:translateX(-50%);border-radius:50%;background:var(--pulido);animation:glow 9s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 0 .16em rgba(255,214,0,.65),0 0 .45em rgba(255,214,0,.25),inset 0 0 0 .012em rgba(255,250,220,.8)}50%{box-shadow:0 0 .24em rgba(255,214,0,.9),0 0 .8em rgba(255,214,0,.4),inset 0 0 0 .012em rgba(255,250,220,.8)}}
.wm .ai{margin-left:.28em}
.sp{position:absolute;pointer-events:none;width:var(--s);height:var(--s);left:calc(50% + var(--x));top:var(--y);animation:tw var(--t,8s) cubic-bezier(.45,0,.25,1) infinite;animation-delay:var(--d,0s)}
.star{background:#fff;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 .04em #FFF6CF) drop-shadow(0 0 .1em rgba(255,214,0,.9))}
.fine{background:linear-gradient(135deg,#fff,#FFE9A8);clip-path:polygon(50% 0,53% 47%,100% 50%,53% 53%,50% 100%,47% 53%,0 50%,47% 47%);filter:drop-shadow(0 0 .05em #fff) drop-shadow(0 0 .12em rgba(255,214,0,.8))}
.frost{border-radius:50%;background:radial-gradient(circle,#fff 0 35%,rgba(255,233,168,.9) 55%,transparent 72%)}
@keyframes tw{0%,100%{transform:scale(.3) rotate(0);opacity:.25}40%{transform:scale(1.1) rotate(25deg);opacity:1}55%{transform:scale(.95) rotate(35deg);opacity:.95}80%{transform:scale(.45) rotate(50deg);opacity:.45}}
@media (prefers-reduced-motion:reduce){.metal,.sp,.wm .dot{animation:none}.sp{opacity:1;transform:none}}

/* Inicio */
.inicio{min-height:100vh;display:flex;flex-direction:column}
.hero{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:96px 16px 64px;overflow:hidden}
.glow{position:absolute;inset:auto 0 -30% 0;height:70%;background:radial-gradient(60% 70% at 50% 100%,rgba(184,146,60,.28),transparent 70%);pointer-events:none}
.logo-xl .wm{font-size:clamp(3rem,11vw,6.4rem)}
.lema{position:relative;margin:36px 0 40px;font:300 clamp(1.15rem,2.6vw,1.6rem)/1.4 var(--body);color:var(--cream);max-width:28ch}
.btn{position:relative;overflow:hidden;display:inline-block;padding:16px 34px;border-radius:999px;border:1px solid rgba(255,214,0,.35);background:linear-gradient(160deg,#C99A2E,#8A6E27);color:#111;font:600 1rem/1 var(--body);letter-spacing:.02em;text-decoration:none;box-shadow:0 0 28px rgba(184,146,60,.25)}
.btn::after{content:"";position:absolute;top:-60%;left:-60%;width:40%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,250,220,.7),transparent);transform:rotate(25deg);animation:franja 10s ease-in-out infinite}
@keyframes franja{0%,70%{left:-60%}100%{left:130%}}
.btn:hover{color:#111;box-shadow:0 0 40px rgba(255,214,0,.4)}

/* Legales */
.top{max-width:760px;margin:0 auto;padding:40px 16px 0}
.legal{max-width:760px;margin:0 auto;padding:48px 16px 64px}
.eyebrow{font:600 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.legal h1{font:700 clamp(1.8rem,5vw,2.6rem)/1.15 var(--display);color:var(--cream);margin:0 0 28px;text-wrap:balance}
.legal h2{font:500 1.1rem/1.3 var(--display);color:var(--cream);margin:44px 0 12px;padding-top:28px;border-top:1px solid var(--line)}
.legal p,.legal li{color:var(--text)}
.legal ul{padding-left:1.2em}.legal li{margin:6px 0}.legal li::marker{color:var(--gold)}
.legal strong{color:var(--cream);font-weight:600}
footer{border-top:1px solid var(--line);padding:28px 16px 40px;text-align:center;color:var(--muted);font-size:14px}
footer nav{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
footer nav a{color:var(--muted);text-decoration:none}footer nav a:hover{color:var(--gold)}
footer p{margin:0}