/* v44 — clean persistent navigation and hierarchical Negocios > Finanzas */
.nav{
  position:fixed!important;
  top:0;left:0;right:0;
  width:100%;
  z-index:10000;
}
.main-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  flex:1;
}
.main-nav > a,
.nav-dropdown-toggle{
  color:#fff;
  text-decoration:none;
  font:500 15px var(--s);
  white-space:nowrap;
}
.main-nav > a{display:block}
.nav-dropdown{position:relative;display:block}
.nav-dropdown-toggle{
  width:auto;
  background:transparent;
  border:0;
  padding:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:7px;
}
.nav-dropdown-toggle span{
  color:var(--blue);
  font-size:14px;
  transition:transform .2s ease;
}
.nav-dropdown.open > .nav-dropdown-toggle span{transform:rotate(180deg)}
.nav-dropdown-menu{
  position:absolute;
  top:calc(100% + 18px);
  right:-18px;
  width:285px;
  padding:9px;
  background:rgba(3,16,31,.98);
  border:1px solid #ffffff22;
  box-shadow:0 18px 45px rgba(0,0,0,.35);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  z-index:10001;
}
.nav-dropdown.open > .nav-dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.nav-dropdown-menu a{
  display:block!important;
  padding:12px 14px;
  font-size:13px!important;
  color:#dce7f6!important;
  text-decoration:none;
  border-radius:6px;
  white-space:nowrap;
}
.nav-dropdown-menu a:hover{
  background:#1f67f722;
  color:#fff!important;
}
.nested-dropdown{display:block}
.nested-dropdown > .nav-dropdown-toggle{
  width:100%;
  justify-content:space-between;
  padding:12px 14px;
  border-radius:6px;
}
.nested-dropdown > .nav-dropdown-toggle span{
  transform:none!important;
}
.nested-dropdown > .nav-dropdown-menu{
  left:calc(100% + 9px);
  right:auto;
  top:-10px;
  opacity:0;
  visibility:hidden;
  transform:translateX(-8px);
}
.nested-dropdown.open > .nav-dropdown-menu,
.nested-dropdown:hover > .nav-dropdown-menu,
.nested-dropdown:focus-within > .nav-dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateX(0);
}
.nav-mobile-toggle{display:none}

@media(max-width:950px){
  .main-nav{gap:18px}
  .nav-dropdown-menu{right:0}
}

@media(max-width:700px){
  body{padding-top:66px}
  .nav{
    height:66px;
    padding:8px 5%;
  }
  .nav-mobile-toggle{
    display:block;
    width:42px;height:42px;
    padding:0;
    background:transparent;
    border:1px solid #ffffff25;
    color:#fff;
    font-size:21px;
    border-radius:7px;
    flex:0 0 auto;
  }
  .main-nav{
    display:none!important;
    position:absolute;
    left:0;right:0;top:66px;
    padding:10px 5% 18px;
    background:rgba(2,14,28,.98);
    border-bottom:1px solid #ffffff1f;
    box-shadow:0 18px 35px rgba(0,0,0,.3);
  }
  .main-nav.mobile-open{
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  .main-nav > a,
  .nav-dropdown-toggle{
    width:100%;
    padding:13px 8px!important;
    border-bottom:1px solid #ffffff12;
    font-size:14px!important;
  }
  .nav-dropdown{width:100%}
  .nav-dropdown-toggle{justify-content:space-between}
  .nav-dropdown-menu,
  .nested-dropdown > .nav-dropdown-menu{
    position:static;
    width:100%;
    display:none;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
    border:0;
    border-left:1px solid #1f67f7;
    background:#061a31;
    margin:0 0 4px;
    padding:5px;
  }
  .nav-dropdown.open > .nav-dropdown-menu{
    display:block;
  }
  .nav-dropdown-menu a{
    padding:11px 13px!important;
    border-bottom:1px solid #ffffff0c;
  }
  .nested-dropdown > .nav-dropdown-toggle{
    padding:11px 13px!important;
  }
}