/* Vrailux Studios — navegación + transición de página (hexágono). Sin librerías. */
html{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}
html body{overflow-x:clip;overflow-y:visible}
[id]{scroll-margin-top:64px}
.vxnav{position:fixed;left:0;right:0;top:0;height:64px;z-index:9000;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,40px);background:linear-gradient(180deg,rgba(4,6,15,.92) 0%,rgba(4,6,15,.55) 65%,rgba(4,6,15,0) 100%);font-family:var(--display,"Luxium","Jost",sans-serif);color:#F2F8FF}
.vxnav a{color:inherit;text-decoration:none}
.vxnav .lg{display:flex;align-items:center;height:64px}
.vxnav .lg{font-size:15px;letter-spacing:.5em;text-transform:uppercase;white-space:nowrap;transition:color .25s}.vxnav .lg:hover,.vxnav .lg:focus-visible{color:#00FFFF}@media(max-width:420px){.vxnav .lg{font-size:12px;letter-spacing:.42em}}
.vxnav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:clamp(14px,2.2vw,34px)}
.vxnav li{position:relative}
.vxnav .l{display:block;font-size:12px;letter-spacing:.24em;text-transform:uppercase;padding:22px 2px;opacity:.86;transition:color .25s,opacity .25s;background:none;border:0;cursor:pointer;color:inherit;font-family:inherit}
.vxnav .l:hover,.vxnav .l:focus-visible,.vxnav [aria-current="page"]{color:#00FFFF;opacity:1}
.vxnav .l:focus-visible{outline:1px solid #00FFFF;outline-offset:2px}
.vxnav .cta{border:1px solid #00FFFF;padding:10px 18px;letter-spacing:.24em;font-size:12px;text-transform:uppercase;color:#00FFFF;transition:background .25s,color .25s;display:block}
.vxnav .cta:hover,.vxnav .cta:focus-visible{background:#00FFFF;color:#04060F}
.vxnav .dd{position:absolute;left:-18px;top:100%;min-width:236px;padding:10px 0;background:rgba(4,6,15,.97);border:1px solid #7F8B9944;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s,visibility .22s}
.vxnav li:hover>.dd,.vxnav li:focus-within>.dd{opacity:1;visibility:visible;transform:none}
.vxnav .dd a{display:flex;gap:14px;align-items:baseline;padding:10px 20px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.88;transition:color .2s,background .2s}
.vxnav .dd a i{font-style:normal;font-size:10px;color:#7F8B99;letter-spacing:.12em}
.vxnav .dd a:hover,.vxnav .dd a:focus-visible,.vxnav .dd a[aria-current="page"]{color:#00FFFF;background:rgba(0,255,255,.06);opacity:1}
.vxnav .bg{display:none;width:44px;height:44px;margin-right:-10px;background:none;border:0;cursor:pointer;color:#F2F8FF;padding:0}
.vxnav .bg svg{width:26px;height:26px;display:block;margin:auto}
.vxnav .bg path{stroke:currentColor;stroke-width:1.6;fill:none;transition:transform .3s,opacity .2s;transform-origin:center}
.vxnav .bg[aria-expanded="true"] .a{transform:translateY(5px) rotate(45deg)}
.vxnav .bg[aria-expanded="true"] .b{opacity:0}
.vxnav .bg[aria-expanded="true"] .c{transform:translateY(-5px) rotate(-45deg)}
.vxm{position:fixed;inset:0;z-index:8999;background:rgba(4,6,15,.975);padding:88px 28px 32px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s;font-family:var(--display,"Luxium","Jost",sans-serif)}
.vxm.on{opacity:1;visibility:visible}
.vxm a{display:flex;align-items:baseline;gap:16px;padding:13px 0;border-bottom:1px solid #7F8B9933;color:#F2F8FF;text-decoration:none;font-size:17px;letter-spacing:.2em;text-transform:uppercase}
.vxm a i{font-style:normal;font-size:11px;color:#7F8B99;letter-spacing:.12em;min-width:22px}
.vxm a[aria-current="page"]{color:#00FFFF}
.vxm .s{margin:22px 0 4px;font-size:11px;letter-spacing:.3em;color:#7F8B99;text-transform:uppercase}
@media(max-width:940px){.vxnav ul{display:none}.vxnav .bg{display:block}}
@media(min-width:941px){.vxm{display:none}}
/* transición hexagonal */
#vxt{position:fixed;inset:0;z-index:99999;pointer-events:none;visibility:hidden;overflow:hidden}
#vxt svg{position:absolute;left:50%;top:50%;width:calc(100vw + 116vh);height:calc((100vw + 116vh) * .866);margin:calc((100vw + 116vh) * -.433) 0 0 calc((100vw + 116vh) / -2);transform:scale(.02);transition:transform .44s cubic-bezier(.7,0,.25,1);will-change:transform}
#vxt .m{position:absolute;left:50%;top:50%;width:min(24vw,120px);translate:-50% -50%;opacity:0;transition:opacity .22s ease}
html.vxt-go #vxt,html.vxt-cover #vxt,html.vxt-out #vxt{visibility:visible}
html.vxt-go #vxt svg{transform:none}
html.vxt-go #vxt .m{opacity:.9;transition-delay:.16s}
html.vxt-cover #vxt svg{transform:none;transition:none}
html.vxt-cover #vxt .m{opacity:.9;transition:none}
html.vxt-out #vxt svg{transform:scale(.02);transition-duration:.56s}
html.vxt-out #vxt .m{opacity:0;transition-duration:.2s}
@media(prefers-reduced-motion:reduce){#vxt{display:none}}