/* INVALMEX — estilos compartidos por todas las páginas */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
[hidden] { display: none !important; }
img { max-width: 100%; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 2px solid #D4AF5A; outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Botón de menú (solo celular y tablet) */
.menu-btn {
  display: none; align-items: center; justify-content: center;
  width: 48px; height: 48px; padding: 0; background: transparent; color: #FFFFFF;
  border: 1px solid #3A4F69; border-radius: 6px; cursor: pointer;
}
.menu-btn:hover { background: rgba(255, 255, 255, .06); }
.menu-btn path { transition: transform .2s ease, opacity .2s ease; transform-origin: 12px 12px; }
.menu-btn[aria-expanded="true"] .l1 { transform: translateY(5px) rotate(45deg); }
.menu-btn[aria-expanded="true"] .l2 { opacity: 0; }
.menu-btn[aria-expanded="true"] .l3 { transform: translateY(-5px) rotate(-45deg); }

@media (max-width: 1080px) {
  .menu-btn { display: inline-flex; }
  .nav-links {
    display: none !important; flex-basis: 100%;
    flex-direction: column !important; align-items: stretch !important; gap: 0 !important;
    padding: 8px 0 6px;
  }
  .nav-links.abierto { display: flex !important; }
  .nav-links > a { padding: 15px 2px !important; border-bottom: 1px solid #1E3048 !important; font-size: 17px; }
  .nav-links > a[aria-current="page"] { color: #D4AF5A !important; }
  .nav-links > a.btn-gold { margin-top: 18px; padding: 15px 20px !important; text-align: center; border-bottom: 0 !important; color: #0B1524 !important; }
}