/* Menú móvil compartido para páginas con <nav><div class="nav-links">.
   El botón lo crea js/mobile-nav.js. */
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:.5rem;margin:-.5rem;flex-direction:column;gap:5px;}
.nav-toggle span{display:block;width:24px;height:2px;background:#1c1c1c;border-radius:2px;transition:transform .25s,opacity .25s;}
nav.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
nav.nav-open .nav-toggle span:nth-child(2){opacity:0;}
nav.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:960px){
  nav .nav-toggle{display:flex;}
  nav .nav-links{display:none!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--cream,#fff);padding:.5rem 1.25rem 1.25rem;border-bottom:1px solid var(--cream-mid,#eee);box-shadow:0 12px 24px rgba(28,28,28,.08);}
  nav.nav-open .nav-links{display:flex!important;}
  nav .nav-links a:not(.btn-nav){display:block!important;padding:.9rem .25rem;font-size:1rem;border-bottom:1px solid var(--cream-mid,#eee);}
  nav .nav-links a.btn-nav{display:block!important;margin-top:.9rem;padding:.8rem 1.2rem;text-align:center;font-size:.95rem!important;}
}