.top.scrolled{box-shadow:0 14px 35px rgba(8,31,67,.12)}
.top .menu-toggle{display:none;width:44px;height:44px;padding:10px;border:0;border-radius:11px;background:#15121a;cursor:pointer}
.top .menu-toggle span{display:block;height:2px;margin:5px;border-radius:2px;background:#fff;transition:transform .25s ease,opacity .25s ease}
.top .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.top .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.top .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.top .main-nav> a{position:relative;transition:color .25s ease,background .25s ease,transform .25s ease}
.top .main-nav> a:not(.call):not(.whatsapp)::after{content:"";position:absolute;right:10px;bottom:1px;left:10px;height:2px;border-radius:999px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}
.top .main-nav> a:not(.call):not(.whatsapp):hover{transform:translateY(-1px);color:var(--accent)}
.top .main-nav> a.active{color:var(--accent)}
.top .main-nav> a.active::after{transform:scaleX(1)}
.top .main-nav> .whatsapp::after,.top .main-nav> .call::after{display:none}
.top .main-nav> .whatsapp::before,.top .main-nav> .call::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.28),transparent 70%);transform:translateX(-120%);transition:transform .65s ease}
.top .main-nav> .whatsapp:hover::before,.top .main-nav> .call:hover::before{transform:translateX(120%)}
@media(max-width:980px){.top .main-nav> a:not(.call):not(.whatsapp)::after{right:auto;left:9px;width:34px}}
@media(max-width:850px){
  .top .shell{height:78px}
  .top .menu-toggle{display:block;order:2;margin-left:auto}
  .top .main-nav{position:fixed;inset:78px 0 auto;display:none;flex-direction:column;align-items:stretch;gap:8px;padding:22px;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 25px 45px rgba(30,20,34,.12)}
  .top .main-nav.open{display:flex}
  .top .main-nav>a{display:block!important;padding:9px;color:var(--ink)}
  .top .main-nav>a:not(.call):not(.whatsapp)::after{display:none}
  .top .main-nav>a.active{border-radius:9px;background:#edf5ff}
  .top .main-nav>.call,.top .main-nav>.whatsapp{justify-content:center;width:100%;min-height:44px}
}
@media(max-width:600px){
  .top .shell{height:72px}
  .top .main-nav{inset:72px 0 auto}
}
@media(prefers-reduced-motion:reduce){.top .menu-toggle span,.top .main-nav>a,.top .main-nav>a::after,.top .main-nav>.whatsapp::before,.top .main-nav>.call::before{transition:none}}

/* Cabecera alineada con la navegación principal de NeoCodex. */
.top{color:#15121a;border-bottom:1px solid rgba(219,229,241,.88);background:rgba(231,235,241,.94);box-shadow:0 8px 28px rgba(8,31,67,.05)}
.top .shell{height:80px;gap:30px}
.top> .shell>a:first-child{flex:0 0 auto}
.top> .shell>a:first-child img{width:150px;height:68px;object-fit:contain}
.top .main-nav{gap:30px;color:#31435f;font-size:13px;font-weight:750}
.top .main-nav>.whatsapp,.top .main-nav>.call{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border-radius:12px;color:#fff!important;box-shadow:0 9px 22px rgba(20,125,255,.2)}
.top .main-nav>.whatsapp{background:linear-gradient(135deg,#20c979,#079b62)}
.top .main-nav>.call{background:linear-gradient(135deg,#147dff,#0751d8)}
.top .main-nav>.whatsapp small,.top .main-nav>.whatsapp strong,.top .main-nav>.call small,.top .main-nav>.call strong{display:block;line-height:1.1}
.top .main-nav>.whatsapp small,.top .main-nav>.call small{margin-bottom:3px;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;opacity:.82}
.top .main-nav>.whatsapp strong,.top .main-nav>.call strong{font-size:12px;white-space:nowrap}
.top .main-nav>.whatsapp .whatsapp-icon,.top .main-nav>.call .nav-call-icon{width:27px;height:27px;flex:0 0 27px}
.top .main-nav>.whatsapp .whatsapp-mark{width:21px;height:21px}
.top .main-nav>.whatsapp:hover,.top .main-nav>.call:hover{transform:translateY(-2px);filter:brightness(1.06)}
@media(max-width:850px){
  .top .shell{height:78px}
  .top .main-nav{gap:8px}
  .top .main-nav>.whatsapp,.top .main-nav>.call{padding:9px 12px}
}
@media(max-width:600px){
  .top .shell{height:72px}
  .top> .shell>a:first-child img{width:112px;height:58px}
}

.scroll-progress{position:fixed;z-index:220;inset:0 auto auto 0;width:100%;height:3px;pointer-events:none;background:linear-gradient(90deg,#28c9ff,#147dff 58%,#7a5cff);transform:scaleX(var(--scroll-progress,0));transform-origin:left center;box-shadow:0 0 14px rgba(40,174,255,.62)}
@media(max-width:650px){.scroll-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.scroll-progress{box-shadow:none}}