/* Estilos añadidos para la versión estática (menú, scroll, estado de la barra) */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:4rem}
@media (min-width:1024px){section[id]{scroll-margin-top:5rem}}
body{margin:0;background:var(--background);color:var(--foreground)}
button{cursor:pointer}

#nav.is-scrolled{
  background:rgba(12,26,10,.92)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border)!important;
}

/* Menú móvil */
#mobile-menu{
  position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;
  align-items:flex-start;justify-content:center;gap:1.5rem;padding:2rem 2.5rem;
  background:rgba(12,26,10,.97);
  opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;
}
#mobile-menu.open{opacity:1;visibility:visible}
#mobile-menu button,#mobile-menu a{
  background:none;border:0;color:var(--foreground);text-align:left;
  font-family:Fraunces,Georgia,serif;font-weight:300;font-size:2rem;letter-spacing:.02em;
}
#mobile-menu .mm-accent{color:var(--accent)}
#nav{z-index:50}
#menu-btn{position:relative;z-index:60}
body.menu-open{overflow:hidden}

/* Enlaces del pie: sin comportamiento de botón */
footer a:hover{color:var(--accent)}