/* mobile-nav-fix.css */
/* Corrige color y comportamiento del menú en móviles */
@media (max-width:900px){
  body .navbar,
  html body .navbar{
    background:linear-gradient(180deg, rgba(18,24,38,.98), rgba(18,24,38,.9)) !important;
    border:1px solid var(--line) !important;
    border-radius:16px !important;
  }

  /* Oculto por defecto */
  html body .nav-links{
    position:fixed !important;
    top:56px !important; left:0 !important; right:0 !important;
    background:var(--soft) !important;
    border:1px solid var(--line) !important;
    box-shadow:0 12px 24px rgba(0,0,0,.35) !important;
    display:none !important;
    flex-direction:column !important;
    gap:8px !important; padding:12px !important;
    transform:translateY(-120%) !important;
    transition:transform .25s ease !important;
    z-index:999 !important;
  }

  /* Solo visible cuando se abre el menú */
  html body .navbar.nav-open .nav-links{
    display:flex !important;
    transform:translateY(0) !important;
  }

  html body .nav-links a{
    color:var(--text) !important;
    border:none !important;
    border-bottom:1px solid var(--line) !important;
    background:none !important;
  }

  html body .nav-links a:hover,
  html body .nav-links .active{
    border-bottom:2px solid var(--brand) !important;
  }

  body .nav-toggle{
    display:block !important;
    color:var(--text) !important;
  }
}