:root{--primary-nav-height:59px;--section-nav-height:49px}
.page-nav{
  position:sticky;
  top:var(--primary-nav-height);
  z-index:46;
  color:rgba(246,239,227,.76);
  background:rgba(0,22,39,.94);
  border-bottom:1px solid rgba(246,239,227,.09);
  box-shadow:0 10px 28px rgba(0,10,20,.12);
  backdrop-filter:blur(14px);
}
.page-nav-inner{
  display:flex;
  align-items:center;
  gap:13px;
  width:min(1200px,100%);
  min-height:var(--section-nav-height);
  margin-inline:auto;
  padding:7px clamp(20px,5vw,52px);
  overflow:hidden;
}
.page-nav-label{
  flex:0 0 auto;
  color:#f59e3b;
  font:600 .59rem/1.2 'JetBrains Mono',monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}
.page-nav-links{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
}
.page-nav-links::-webkit-scrollbar{display:none}
.page-nav a{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid transparent;
  border-radius:999px;
  color:inherit;
  font:600 .64rem/1.15 'Inter',system-ui,sans-serif;
  white-space:nowrap;
  transition:color .2s,border-color .2s,background .2s;
}
.page-nav a:hover,
.page-nav a:focus-visible{
  color:#f6efe3;
  border-color:rgba(245,158,59,.32);
  background:rgba(245,158,59,.08);
}
.page-nav a[aria-current="location"]{
  color:#1a0e00;
  border-color:#f59e3b;
  background:linear-gradient(95deg,#f59e3b,#e2702a);
}
#inicio,#problema,#solucion,#contratistas,#roi,#gpts,#metodologia,#ejemplo,#casos,#servicios,#faq,#contacto{
  scroll-margin-top:calc(var(--primary-nav-height) + var(--section-nav-height) + 14px);
}
@media(max-width:680px){
  .page-nav-inner{gap:0;padding-inline:12px}
  .page-nav-label{display:none}
  .page-nav a{padding:7px 9px;font-size:.62rem}
}
@media(prefers-reduced-motion:reduce){
  .page-nav a{transition:none}
  .page-nav-links{scroll-behavior:auto}
}