/* --- Parche mínimo para visibilidad del menú --- */
:root{
  --wrp-overlay: rgba(0,0,0,.55);
  --wrp-tr: 220ms ease;
}

.wrp-no-scroll{ overflow: hidden !important; }

/* Contenedor móvil oculto por defecto */
.wrp-mobile-nav{ 
  position: fixed; inset: 0 0 0 auto; width: 88vw; max-width: 420px;
  transform: translateX(105%); transition: transform var(--wrp-tr);
  background: #0e1320; color: #fff; box-shadow: -6px 0 18px rgba(0,0,0,.25);
  z-index: 1001; padding: 16px 10px 32px;
}
.wrp-mobile-nav.is-open{ transform: translateX(0); }

/* Overlay */
.wrp-overlay{
  position: fixed; inset: 0; background: var(--wrp-overlay);
  opacity: 0; pointer-events: none; transition: opacity var(--wrp-tr);
  z-index: 1000;
}
.wrp-overlay.is-open{ opacity: 1; pointer-events: auto; }

/* Submenús */
.wrp-sub-trigger{ display:flex; align-items:center; justify-content:space-between; gap:.5rem; cursor:pointer; }
.wrp-sub-trigger .chev{ transform: rotate(0deg); transition: transform var(--wrp-tr); }
.wrp-submenu{ max-height: 0; overflow: hidden; transition: max-height var(--wrp-tr); }
.wrp-submenu.submenu-open{ max-height: 600px; }

/* Botón flotante (fallback si no existe botón en tu header) */
.wrp-fab{
  position: fixed; left: 12px; top: 12px; z-index: 1100;
  width: 44px; height:44px; display:grid; place-items:center;
  border-radius: 10px; background:#121a2b; color:#fff; border:1px solid #2b2f45;
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.wrp-fab:hover{ filter: brightness(1.1); }
.wrp-fab span{ width:20px; height:2px; background:#fff; position:relative; border-radius:2px; }
.wrp-fab span::before, .wrp-fab span::after{ content:""; position:absolute; left:0; width:100%; height:2px; background:#fff; border-radius:2px; }
.wrp-fab span::before{ top:-6px; } .wrp-fab span::after{ top:6px; }