/* Menú móvil de la cabecera pública (hamburguesa). Lo inyecta mobile-nav.js. */

.mnav-toggle { display: none; }
.mnav-panel { display: none; }

@media (max-width: 640px) {
  /* Los enlaces de la cabecera pasan al panel desplegable */
  .hp-nav-link,
  .site-nav-link,
  .ev-nav-link,
  .ev-header-link { display: none !important; }

  .mnav-toggle {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-left: 8px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .28);
    background: transparent;
    color: #fff;
    cursor: pointer;
    transition: color .15s, border-color .15s, background .15s;
  }
  .mnav-toggle:hover { background: rgba(255, 255, 255, .1); }
  .mnav-toggle svg { display: block; }
  .hp-header-scrolled .mnav-toggle,
  .ev-header-scrolled .mnav-toggle {
    color: var(--gray-900, #111827);
    border-color: var(--gray-200, #e5e7eb);
  }
  .mnav-toggle[aria-expanded="true"] { background: rgba(99, 102, 241, .12); }

  .mnav-panel {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 200;
    display: none;
    flex-direction: column;
    padding: 8px 16px 16px;
    background: #fff;
    border-bottom: 1px solid var(--gray-200, #e5e7eb);
    box-shadow: 0 12px 28px rgba(17, 24, 39, .14);
  }
  .mnav-panel.is-open { display: flex; }

  .mnav-link {
    padding: 14px 8px;
    font-size: 16px;
    font-weight: 500;
    color: var(--gray-900, #111827);
    text-decoration: none;
    border-bottom: 1px solid var(--gray-100, #f3f4f6);
  }
  .mnav-link:last-child { border-bottom: 0; }
  .mnav-link:hover,
  .mnav-link.is-active { color: var(--accent, #6366f1); }
}