/* Neuuria · correcciones del navbar (v2, 2026-10-26) */

/* 1. Íconos del mega menú: la regla ".mega__it span{display:inline}" anulaba el grid de .icb
      y el ícono quedaba arriba a la izquierda y sin color. */
.mega__it .icb{display:grid;place-items:center;width:44px;height:44px;margin:0;flex:none;color:var(--orange);font:inherit;line-height:0}
.mega__it:hover .icb{color:#fff}
.mega__it .icb .ic{display:block;width:22px;height:22px}
.mega__it{align-items:flex-start}
.mega__it[aria-current=page]{background:var(--orange-50)}
.mnav__panel .icb{display:grid;place-items:center;flex:none;line-height:0}
.mnav__panel .icb .ic{display:block}
.nav__i .chev{display:block;flex:none}

/* 2. Una sola categoría resaltada a la vez.
      - Si hay un menú abierto o el cursor está sobre otra categoría, la activa (página actual) se apaga. */
.nav__i:after{transition:opacity .2s}
.nav:has(.nav__i[aria-expanded=true]) .nav__i.is-active:not([aria-expanded=true]),
.nav:has(.nav__i:hover) .nav__i.is-active:not(:hover):not([aria-expanded=true]){color:var(--ink)}
.nav:has(.nav__i[aria-expanded=true]) .nav__i.is-active:not([aria-expanded=true]):after,
.nav:has(.nav__i:hover) .nav__i.is-active:not(:hover):not([aria-expanded=true]):after{opacity:0}
/* - Si el cursor pasa a otra categoría mientras un menú sigue abierto (cierre diferido), solo se resalta la del cursor. */
.nav:has(.nav__i:hover) .nav__i[aria-expanded=true]:not(:hover){color:var(--ink)}
.nav:has(.nav__i:hover) .nav__i[aria-expanded=true]:not(:hover) .chev{transform:none}

/* 3. Móvil: categoría de la página actual */
.mnav__acc>button.is-active,.mnav__acc>a.is-active{color:var(--orange)}
.mnav__panel a[aria-current=page]{color:var(--orange-700);font-weight:500}
