.js .js-scroll {
  opacity: 0;
  transform: translate3d(-30px, 0, 0);
  transition: .3s;
}

.js .js-scroll.ativo {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 1s;
}



.menu a {
  position: relative; /* Necessário para posicionar a barra absolutamente em relação a este item */
  padding-bottom: 5px;
}

.menu a.sticky::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; /* Faz a barra ocupar toda a largura do item do menu */
  height: 2px; /* Altura da barra */
  background-color: var(--primary-color); /* Cor da barra */
  animation: buildBar 0.5s ease forwards; /* Animação para construir a barra */
}

@keyframes buildBar {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}