#btnAgendamentoFisiomay {
  position: fixed;
  bottom: 110px; /* ⇅ Espaçamento vertical do botão em relação ao rodapé */
  right: 20px;   /* ⇆ Espaçamento horizontal do botão em relação à borda direita */
  z-index: 9999;
  display: inline-block;
}

#btnAgendamentoFisiomay img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  animation: pulseAgendamento 2.5s ease-in-out infinite;
}

/* Animação EXCLUSIVA do botão de agendamento com cor roxa */
@keyframes pulseAgendamento {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(123, 43, 189, 0.6); /* roxo */
  }
  70% {
    transform: scale(1.1);
    box-shadow: 0 0 0 15px rgba(123, 43, 189, 0); /* roxo */
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(123, 43, 189, 0); /* roxo */
  }
}

/* Balão de texto acima do botão */
#balaoAgendamento {
  position: fixed;
  bottom: 125px; /* ⇅ Espaçamento vertical do balão em relação ao botão */
  right: 100px;  /* ⇆ Posição lateral */
  background-color: #7b2bbd; /* roxo restaurado */
  color: white;
  padding: 8px 14px;
  border-radius: 12px;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  display: none;
  opacity: 0;
}

/* Classe que ativa a animação do balão */
#balaoAgendamento.show {
  display: block;
  animation: aparecerBalão 5s ease-out;
}

/* Animação do balão: entra e desaparece suavemente */
@keyframes aparecerBalão {
  0%   { opacity: 0; transform: translateX(-30px); }
  10%  { opacity: 1; transform: translateX(0); }
  90%  { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(0); }
}
