/* No Preguntes · Paso 87 · navegación de alto contraste */
.np36-header-actions{position:relative;z-index:3}

.np36-menu-button{
  width:44px;height:40px;padding:8px;border:1px solid rgba(208,171,88,.28);border-radius:14px;
  display:grid;place-content:center;background:rgba(8,8,11,.72);color:#f8f2e8;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease
}
.np36-menu-button:hover,.np36-menu-button:focus-visible{
  background:rgba(18,16,22,.94);border-color:rgba(208,171,88,.62);
  box-shadow:0 0 0 3px rgba(208,171,88,.08),inset 0 1px 0 rgba(255,255,255,.08);outline:none
}
.np36-menu-button:active{transform:scale(.97)}
.np36-menu-button i{display:block;width:20px;height:1px;margin:3px 0;background:currentColor;transform-origin:center;transition:transform .2s ease,opacity .16s ease}
.np36-menu-button.open{background:#121016;border-color:rgba(208,171,88,.62)}
.np36-menu-button.open i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.np36-menu-button.open i:nth-child(2){opacity:0}
.np36-menu-button.open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.np36-menu-backdrop{
  position:fixed;inset:0;z-index:46;border:0;padding:0;margin:0;
  background:rgba(1,2,5,.78);opacity:0;pointer-events:none;cursor:default;
  backdrop-filter:blur(7px) saturate(.72);-webkit-backdrop-filter:blur(7px) saturate(.72);
  transition:opacity .22s ease
}
.np36-menu-backdrop.open{opacity:1;pointer-events:auto}

.np36-menu{
  position:absolute;top:calc(100% + 11px);right:7px;z-index:4;
  width:min(360px,calc(100vw - 34px));max-height:calc(100svh - 92px);overflow-y:auto;
  padding:10px;border:1px solid rgba(208,171,88,.34);border-radius:20px;
  background:linear-gradient(160deg,rgba(17,15,21,.985),rgba(5,6,9,.975));
  box-shadow:0 28px 70px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025) inset;
  opacity:0;visibility:hidden;transform:translate3d(0,-9px,0) scale(.985);transform-origin:top right;
  pointer-events:none;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:rgba(208,171,88,.4) transparent;
  transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s
}
.np36-menu.open{
  opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);pointer-events:auto;
  transition:opacity .2s ease,transform .2s ease,visibility 0s
}
.np36-menu::-webkit-scrollbar{width:6px}
.np36-menu::-webkit-scrollbar-thumb{background:rgba(208,171,88,.34);border-radius:999px}
.np36-menu a,.np36-menu a:visited{
  position:relative;display:flex;align-items:center;min-height:43px;padding:11px 14px;border-radius:12px;
  color:#f7f1e8!important;text-decoration:none!important;font-family:Montserrat,sans-serif;font-size:14px;font-weight:650;
  letter-spacing:.01em;line-height:1.3;
  transition:background-color .18s ease,color .18s ease,transform .18s ease
}
.np36-menu a::before{
  content:"";width:0;height:1px;margin-right:0;border-radius:99px;background:var(--np40-gold);
  opacity:0;transition:width .2s ease,margin-right .2s ease,opacity .2s ease
}
.np36-menu a:hover,.np36-menu a:focus-visible{
  color:#fffaf0!important;background:rgba(208,171,88,.105);transform:translate3d(3px,0,0);outline:none
}
.np36-menu a:hover::before,.np36-menu a:focus-visible::before,.np36-menu a[aria-current="page"]::before{
  width:13px;margin-right:9px;opacity:1
}
.np36-menu a[aria-current="page"]{color:#efd28e!important;background:rgba(208,171,88,.075)}
body.np-menu-open{overflow:hidden}

@media(max-width:720px){
  .np36-menu{right:0;width:min(370px,calc(100vw - 20px));max-height:calc(100svh - 78px);padding:9px;border-radius:18px}
  .np36-menu a,.np36-menu a:visited{min-height:42px;padding:10px 13px;font-size:13.5px}
  .np36-menu-backdrop{background:rgba(1,2,5,.84);backdrop-filter:blur(6px) saturate(.68);-webkit-backdrop-filter:blur(6px) saturate(.68)}
}
@media(prefers-reduced-motion:reduce){
  .np36-menu-button,.np36-menu-button i,.np36-menu-backdrop,.np36-menu,.np36-menu a,.np36-menu a::before{transition:none!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .np36-menu-backdrop{background:rgba(1,2,5,.9)}
  .np36-menu{background:#09090d}
}
