/* ICONES SOCIAIS FLUTUANTES */
#icones-sociais-flutuantes {
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 400ms ease, transform 400ms ease, visibility 0ms linear 400ms;
  pointer-events: none; /* evita clique quando oculto */
}

#icones-sociais-flutuantes.ativo {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0ms;
  pointer-events: auto;
}

#icones-sociais-flutuantes {
  /* remova !important se não precisar */
  position: fixed !important;
  right: 20px !important;
  bottom: 40px !important;
  z-index: 9999 !important;
}


@media (max-width: 991px) {
  #icones-sociais-flutuantes {
    display: none !important;
  }
}



/* ESTILIZAÇÃO DOS ÍCONES DO RODAPE */
.social-icons {
  display: flex;
  gap: 15px;
}

.social-icons a {
  color: #ffffff;
  font-size: 16px;
  transition: color 0.3s ease;
  border: 1px solid white;
  border-radius: 50%;
  padding: 16px 18px;
}