section.bg-navbar{
    background-color:#26272C;
    box-shadow:0 10px 22px rgba(0, 0, 0, 0.48);
}

/* Links */
.bg-navbar a{
    color: #C3DFE0;
    transition: opacity 0.25s, transform 0.25s; /* ANIMAÇÃO */
}

.bg-navbar a:hover{
    color: #C3DFE0;
    opacity: 70%;
    transform: translateY(-1px); /* LEVE SUBIDA */
}

/* Botão hamburguer */
.bg-navbar .navbar-toggler{
    background: #C3DFE0;
}

/* Ícone */
.bg-navbar .bi-icon{
    color: #0B5D1E;
}



/* Remove padding dos links da marca */
section nav.navbar div.container-fluid a{
    padding: 0;
}

.navbar-gw {
  transition: transform 0.8s cubic-bezier(.25, .8, .25, 1);
}


.navbar-gw.navbar-hide {
  transform: translateY(-100%);
}


/*IR PARA O TOPO*/


#backToTop {
  position: fixed;
  bottom: 24px;
  right: 24px;

  width: 52px;
  height: 52px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: transparent;
  border: none;
  cursor: pointer;

  opacity: 0;
  pointer-events: none;
  transform: translateY(14px);
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;

  z-index: 999;
}

#backToTop.show {
  opacity: 0.9;
  pointer-events: auto;
  transform: translateY(0);
}

/* ícone */
#backToTop .bi {
  font-size: 2.6rem;
  color: #C3DFE0;

  animation: floatUp 2.2s ease-in-out infinite;
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

/* hover */
#backToTop:hover .bi {
  color: #9fc6c8;
  transform: translateY(-3px);
}

/* animação contínua */
@keyframes floatUp {
  0% {
    transform: translateY(0);
    opacity: 0.85;
  }
  50% {
    transform: translateY(-6px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 0.85;
  }
}

@media (max-height: 500px) and (orientation: landscape) {
  #backToTop {
    bottom: 12px;
    right: 12px;
  }

  #backToTop .bi {
    font-size: 2.2rem;
  }
}