/* Menú "Módulos" del encabezado, compartido por todas las páginas estáticas.
   Las páginas Direccion y Operacion traen el resto de estilos del encabezado en línea. */

.nav-menu{position:relative;}
.nav-menu > summary{list-style:none; cursor:pointer; user-select:none;}
.nav-menu > summary::-webkit-details-marker{display:none;}
.nav-menu > summary:hover{background:var(--paper); color:var(--paper-fg);}
.nav-menu > summary .chev{width:12px; height:12px; transition:transform .2s ease;}
.nav-menu[open] > summary{background:var(--paper); color:var(--paper-fg);}
.nav-menu[open] > summary .chev{transform:rotate(180deg);}

.nav-menu-panel{
  position:absolute; top:calc(100% + 0.5rem); left:50%; transform:translateX(-50%);
  min-width:15rem; padding:0.35rem; z-index:60;
  background:var(--paper); border:1px solid var(--border); border-radius:var(--r-lg);
  box-shadow:var(--shadow-float);
  display:flex; flex-direction:column;
}
.nav-menu-panel a{
  display:flex; flex-direction:column; gap:0.05rem;
  padding:0.55rem 0.7rem; border-radius:var(--r-md);
  font-size:0.8125rem; font-weight:600; color:var(--paper-fg); text-decoration:none;
}
.nav-menu-panel a small{font-size:0.6875rem; font-weight:500; color:var(--muted-fg);}
.nav-menu-panel a:hover{background:var(--muted);}
.nav-menu-panel a[aria-current="page"]{background:var(--brand-wash); color:var(--brand-700);}
.nav-menu-panel hr{border:none; border-top:1px solid var(--border); margin:0.3rem 0.4rem;}

/* Con cinco entradas en la barra, las etiquetas se ocultan antes que en el diseño original */
@media (max-width:1060px){
  .header-actions > .btn-outline{display:none;}
}
@media (max-width:900px){
  .page-nav-item{padding:0 0.45rem;}
  .page-nav-item .label{
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
  }
  .nav-menu > summary .chev{display:none;}
}