/* Only the menu indicator moves sideways; the page stays in place. */
#site-nav .nav-links { gap: 2px; }
#site-nav .nav-links .nav-link {
  padding-left: 8px;
  padding-right: 8px;
  letter-spacing: .25px;
  white-space: nowrap;
}
.nav-links.menu-motion { position: relative; }
#site-nav .nav-links.menu-motion .nav-link { border-bottom-color: transparent; }
.menu-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #25b83b;
  pointer-events: none;
  transition: none;
}
#site-nav .nav-link:hover,
.nav-drawer .nav-link:hover { color: rgba(255,255,255,.65); }
#site-nav .nav-link.active:hover,
#site-nav .nav-link[aria-current="page"]:hover,
.nav-drawer .nav-link.active:hover,
.nav-drawer .nav-link[aria-current="page"]:hover { color: #25b83b; }

/* A small content entrance softens navigation without moving the menu
   or fading section backgrounds to white. */
.page.active > section:first-child > :not(.hero-video):not(.hero-deco),
#page-transparencia > section:first-child > * {
  animation: content-enter 420ms cubic-bezier(.22, 1, .36, 1) backwards;
}
@keyframes content-enter {
  from { translate: 14px 0; }
  to { translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .page.active > section:first-child > *,
  #page-transparencia > section:first-child > * { animation: none; }
  .menu-indicator { transition: none; }
  html { scroll-behavior: auto; }
}