/* NAV — sistema premium compartido */
#navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;padding:0 clamp(20px,6vw,88px);display:flex;align-items:center;justify-content:space-between;background:rgba(4,4,12,.48);border-bottom:1px solid transparent;backdrop-filter:blur(10px);transition:height .28s ease,padding .28s ease,background .28s ease,backdrop-filter .28s ease,border-color .28s ease,box-shadow .28s ease}
#navbar.scrolled{height:62px;background:rgba(4,4,12,.88);backdrop-filter:blur(24px);border-bottom-color:rgba(167,139,250,.12);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.nav-logo{display:flex;align-items:center;min-width:150px;text-decoration:none;outline:0}.nav-logo svg{height:28px;width:auto;display:block;transition:height .25s ease,filter .25s ease}.nav-logo:hover svg{filter:drop-shadow(0 0 16px rgba(124,58,237,.35))}#navbar.scrolled .nav-logo svg{height:25px}
.nav-links{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px);list-style:none}.nav-links a{position:relative;color:var(--muted);text-decoration:none;font-size:14px;font-weight:600;line-height:1;transition:color .2s ease}.nav-links a:not(.nav-cta)::before{content:'';position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--violet),var(--vl));transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .22s ease,opacity .22s ease}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active::before,.nav-links a:hover::before{transform:scaleX(1);opacity:1}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--violet),#6D28D9);color:#fff!important;padding:10px 18px;border:1px solid rgba(167,139,250,.22);border-radius:11px;font-size:14px!important;font-weight:800!important;box-shadow:0 12px 32px rgba(124,58,237,.25);transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(124,58,237,.36);border-color:rgba(167,139,250,.42)}.nav-cta::before{display:none!important}
.nav-item-dropdown{position:relative;padding:28px 0;margin:-28px 0}.nav-item-dropdown>a{display:inline-flex;align-items:center;gap:7px}.nav-item-dropdown>a::after{content:'⌄';font-size:13px;color:var(--vl);transform:translateY(-1px);transition:transform .22s ease}.nav-item-dropdown:hover>a::after,.nav-item-dropdown:focus-within>a::after{transform:rotate(180deg) translateY(1px)}.nav-item-dropdown::after{content:'';position:absolute;left:-24px;right:-24px;top:100%;height:26px}.nav-dropdown{position:absolute;top:calc(100% - 4px);left:50%;z-index:160;width:318px;padding:10px;list-style:none;background:linear-gradient(180deg,rgba(13,13,34,.98),rgba(7,7,18,.98));border:1px solid rgba(167,139,250,.14);border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px) scale(.98);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.nav-item-dropdown:hover .nav-dropdown,.nav-item-dropdown:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}.nav-dropdown a{display:block;padding:12px 12px;border-radius:12px;color:var(--muted);font-size:13px;font-weight:650;text-decoration:none;line-height:1.25;transition:background .2s ease,color .2s ease,padding-left .2s ease}.nav-dropdown a:hover,.nav-dropdown a:focus-visible,.nav-dropdown a.active{background:rgba(124,58,237,.13);color:var(--text);padding-left:16px}.nav-dropdown a::before{display:none!important}
.hamburger{display:none;position:relative;width:42px;height:42px;border:1px solid rgba(167,139,250,.14);border-radius:12px;background:rgba(255,255,255,.03);cursor:pointer;z-index:170;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hamburger span{position:absolute;left:10px;width:20px;height:2px;background:var(--text);border-radius:999px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .2s ease,top .35s cubic-bezier(.22,1,.36,1)}.hamburger span:nth-child(1){top:13px}.hamburger span:nth-child(2){top:20px}.hamburger span:nth-child(3){top:27px}.hamburger.open span:nth-child(1){top:20px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:translateX(-8px)}.hamburger.open span:nth-child(3){top:20px;transform:rotate(-45deg)}
.menu-backdrop{position:fixed;inset:0;z-index:130;background:rgba(4,4,12,.62);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .32s ease}.menu-backdrop.open{opacity:1;pointer-events:auto}.mobile-menu{position:fixed;top:0;left:0;right:0;z-index:150;display:none;max-height:100dvh;overflow:auto;padding:90px max(20px,5.5vw) 28px;background:radial-gradient(circle at 20% 0,rgba(124,58,237,.18),transparent 34%),linear-gradient(180deg,rgba(10,10,24,.98),rgba(5,5,15,.98));border-bottom:1px solid rgba(167,139,250,.14);box-shadow:0 30px 80px rgba(0,0,0,.56);backdrop-filter:blur(26px);opacity:0;pointer-events:none;transform:translateY(-104%);transition:transform .44s cubic-bezier(.22,1,.36,1),opacity .28s ease}.mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:8px}.mobile-menu li{opacity:0;transform:translateY(12px);transition:opacity .36s ease,transform .36s cubic-bezier(.22,1,.36,1)}.mobile-menu.open li{opacity:1;transform:none}.mobile-menu.open li:nth-child(1){transition-delay:.06s}.mobile-menu.open li:nth-child(2){transition-delay:.1s}.mobile-menu.open li:nth-child(3){transition-delay:.14s}.mobile-menu.open li:nth-child(4){transition-delay:.18s}.mobile-menu.open li:nth-child(5){transition-delay:.22s}
.mobile-menu a:not(.nav-cta),.mobile-service-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 2px;border:0;border-bottom:1px solid rgba(167,139,250,.11);background:transparent;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.35px;color:var(--text);text-decoration:none;text-align:left;cursor:pointer}.mobile-menu a:not(.nav-cta)::after{content:'→';color:var(--vl);opacity:0;transform:translateX(-8px);transition:opacity .2s ease,transform .22s ease}.mobile-menu a:not(.nav-cta):hover,.mobile-menu a.active,.mobile-service-toggle:hover{color:var(--vl)}.mobile-menu a:not(.nav-cta):hover::after{opacity:1;transform:translateX(0)}.mobile-service-toggle-icon{color:var(--vl);transition:transform .25s ease}.mobile-service-toggle[aria-expanded="true"] .mobile-service-toggle-icon{transform:rotate(180deg)}.mobile-sub-links{display:grid;gap:5px;max-height:0;overflow:hidden;opacity:0;padding:0 0 0 8px;transition:max-height .35s ease,opacity .25s ease,padding .25s ease}.mobile-sub-links.is-open{max-height:560px;opacity:1;padding:10px 0 10px 8px}.mobile-sub-links a{padding:10px 2px!important;border-bottom:0!important;font-family:'Figtree',sans-serif!important;font-size:15px!important;font-weight:600!important;color:var(--muted)!important;line-height:1.35}.mobile-sub-links a.active,.mobile-sub-links a:hover{color:var(--vl)!important;padding-left:8px!important}.mobile-menu .nav-cta{margin-top:18px;width:100%;padding:15px 18px;border-radius:14px}
html.menu-open,body.menu-open{overflow:hidden;touch-action:none}.nav-logo:focus-visible,.nav-links a:focus-visible,.hamburger:focus-visible,.mobile-menu a:focus-visible,.mobile-service-toggle:focus-visible{outline:2px solid var(--vl);outline-offset:5px;border-radius:10px}
@media(min-width:961px){.mobile-menu,.menu-backdrop{display:none!important}}@media(max-width:960px){#navbar{height:66px;padding:0 max(18px,5.5vw)}#navbar.scrolled{height:60px}.nav-links{display:none}.hamburger{display:block}.mobile-menu{display:block}.nav-logo{min-width:136px}.nav-logo svg{height:24px}}@media(max-width:430px){.mobile-menu a:not(.nav-cta),.mobile-service-toggle{font-size:18px}.mobile-sub-links a{font-size:14px!important}.nav-logo svg{height:22px}}
@media(prefers-reduced-motion:reduce){#navbar,.nav-logo svg,.nav-links a,.nav-links a::before,.nav-dropdown,.hamburger span,.menu-backdrop,.mobile-menu,.mobile-menu li,.mobile-sub-links{transition:none!important}}