/* Portal Monagas - Correccion header escritorio
   Evita solapamiento logo/menu/boton Acceder en pantallas intermedias. */
.header-inner{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  flex-wrap:nowrap!important;
}
.brand{
  flex:0 0 auto!important;
  min-width:260px!important;
}
.brand img{
  width:230px!important;
  max-width:100%!important;
  height:auto!important;
}
.main-nav{
  flex:1 1 auto!important;
  min-width:0!important;
}
#nav.nav{
  flex-wrap:nowrap!important;
  gap:2px!important;
}
#nav .nav-link{
  padding-inline:9px!important;
  font-size:clamp(.68rem,.72vw,.82rem)!important;
}
.header-actions{
  flex:0 0 auto!important;
  gap:8px!important;
}
.header-access{
  flex-shrink:0!important;
}
@media (max-width:1320px) and (min-width:1241px){
  .brand{min-width:220px!important}
  .brand img{width:205px!important}
  #nav .nav-link{
    padding-inline:6px!important;
    font-size:.68rem!important;
  }
  .header-access{
    padding-inline:14px!important;
  }
}

/* REV19 - centrado optico del menu principal en escritorio amplio.
   El menu queda centrado respecto al portal/viewport, sin depender
   del ancho distinto entre el logo de la izquierda y las acciones derechas. */
@media (min-width:1321px){
  .header-inner{
    position:relative!important;
  }
  .main-nav{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:max-content!important;
    max-width:none!important;
    flex:none!important;
    margin:0!important;
  }
  #nav.nav{
    width:max-content!important;
    margin:0!important;
    justify-content:center!important;
  }
  .header-actions{
    margin-left:auto!important;
  }
}


/* REV19 — cabecera ampliada y navegación uniforme.
   Da espacio real al menú sin perder el centrado visual del conjunto. */
.header > .container.header-inner{
  width:100%!important;
  max-width:1500px!important;
  padding-left:18px!important;
  padding-right:18px!important;
}

@media (min-width:1321px){
  .header-inner{
    display:grid!important;
    grid-template-columns:minmax(205px,230px) minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    position:relative!important;
  }
  .brand{
    min-width:0!important;
    width:230px!important;
  }
  .brand img{
    width:220px!important;
  }
  .main-nav{
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    justify-self:center!important;
    margin:0!important;
  }
  #nav.nav{
    width:max-content!important;
    max-width:100%!important;
    gap:2px!important;
    justify-content:center!important;
    margin:0 auto!important;
  }
  #nav .nav-link{
    min-height:42px!important;
    padding:10px 8px!important;
    font-size:clamp(.68rem,.69vw,.79rem)!important;
    letter-spacing:-.01em!important;
  }
  #nav .nav-link-external{
    padding-inline:10px!important;
  }
  .header-actions{
    margin-left:0!important;
    justify-self:end!important;
  }
}

/* En pantallas de escritorio angostas se compacta solo lo necesario,
   manteniendo todos los accesos visibles y alineados. */
@media (max-width:1320px) and (min-width:1241px){
  .header > .container.header-inner{
    max-width:none!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .header-inner{gap:8px!important}
  .brand{min-width:176px!important;width:176px!important}
  .brand img{width:174px!important}
  #nav.nav{gap:0!important}
  #nav .nav-link{padding-inline:5px!important;font-size:.635rem!important}
  .header-access{width:44px!important;min-width:44px!important;padding-inline:0!important}
  .header-access span{display:none!important}
}

/* La revista es un destino externo, pero visualmente pertenece al menú. */
#nav .nav-link-external::after{
  content:"↗";
  margin-left:4px;
  font-size:.72em;
  opacity:.72;
}
@media (max-width:1240px){
  #nav .nav-link-external::after{margin-left:auto;font-size:.82em}
}