/* Botão WhatsApp flutuante */
.bt-whatsApp {
  position: fixed;
  right: 25px;
  bottom: 40px;
  z-index: 100;

  width: 60px;
  height: 60px;

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

  border-radius: 999px;
  text-decoration: none;
}

/* Imagem do ícone */
.bt-whatsApp__img {
  width: 60px;
  height: 60px;
  display: block;
}

/* Badge vermelho */
.alertWapp {
  position: fixed;
  right: 30px;
  bottom: 90px;
  z-index: 101;

  width: 17px;
  height: 17px;

  background: red;
  color: #fff;

  font-size: 11px;
  font-weight: bold;
  text-align: center;

  border-radius: 50px;
  line-height: 17px;

  visibility: hidden; /* JS controla */
}

/* Mensagem preta */
.msgWapp {
  position: fixed;
  right: 90px;
  bottom: 52px;
  z-index: 100;

  width: 200px;
  height: 32px;

  background: #000;
  color: #fff;

  font-size: 13px;
  text-align: center;
  line-height: 31px;

  border-radius: 100px;

  visibility: hidden; /* JS controla */
  cursor: pointer;
  user-select: none;
}

.bt-whatsApp {
  position: fixed;
  right: 25px;
  bottom: 40px;
  z-index: 100;

  width: 60px;
  height: 60px;

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

  border-radius: 999px;
  text-decoration: none;

  /* NOVO: animação suave */
  transition: transform 0.2s ease, filter 0.2s ease;
  will-change: transform;
}

.bt-whatsApp:hover {
  /* NOVO: flutuada leve */
  transform: translateY(-4px);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,0.25));
}