.whatsapp-float {
  position: fixed;
  width: 56px; /* Tamanho do botão */
  height: 56px; /* Tamanho do botão */
  bottom: 25px;
  right: 15px;
  border: 2px solid white; /* Adiciona uma borda sólida branca de 2px */
  background-color: #2db742; /* Cor de fundo do WhatsApp */
  border-radius: 50%; /* Arredonda o botão para formato de círculo */
  /* box-shadow: 2px 2px 3px #000; */
  z-index: 100;
  overflow: hidden; /* Garante que nada saia do círculo */
  display: flex;
  justify-content: center;
  align-items: center;
}
.whatsapp-icon {
  position: relative;
  width: 100%; /* Ajusta o tamanho para ocupar o botão inteiro */
  height: 100%; /* Ajusta o tamanho para ocupar o botão inteiro */
  display: flex;
  justify-content: center;
  align-items: center;
}
.whatsapp-icon img {
  position: absolute;
  top: 1px;
  left: 3px;
  right: 0;
  bottom: 0;
  max-width: 32px; /* Ajuste conforme necessário para o tamanho do ícone */
  max-height: 32px; /* Ajuste conforme necessário para o tamanho do ícone */
  margin: auto; /* Centraliza a imagem */
}





.whatsapp-message-container {
  max-width: 170px;
  position: fixed;
  right: 80px; /* Ajuste para alinhar com a borda direita do botão */
  z-index: 99; /* Um pouco menos que o botão para ficar sob ele quando não visível */
  visibility: hidden; /* Esconde o balão inicialmente */
  opacity: 0;
  transition: visibility 0.2s, opacity 0.2s ease-in-out;
  bottom: calc(25px + 28px); /* Metade da altura do botão mais o espaçamento do botão do fundo */
  transform: translateY(50%); /* Ajusta a posição do balão para o centro do botão */
}

.whatsapp-message {
  background-color: #f3f3f3; /* Cor de fundo do balão */
  color: black; /* Cor do texto do balão */
  padding: 5px 20px;
  border-radius: 8px;
  font-size: 12px;
  box-shadow: 1px 1px 3px #999;
  /* Ajustes adicionais para centralização e aparência */
 /* display: flex;*/
  align-items: center;
  justify-content: center;
}

.whatsapp-float:hover + .whatsapp-message-container {
  visibility: visible; /* Mostra o balão */
  opacity: 1;
}

/* Classe para controlar a visibilidade do balão de mensagem */
.whatsapp-message-show {
  visibility: visible;
  opacity: 1;
}

/* Altere o estilo de hover para usar a nova classe */
.whatsapp-float:hover + .whatsapp-message-container .whatsapp-message,
.whatsapp-message-container .whatsapp-message.whatsapp-message-show {
  visibility: visible;
  opacity: 1;
}







.apvs-float {
  position: fixed;
  width: 56px; /* Tamanho do botão */
  height: 56px; /* Tamanho do botão */
  bottom: 95px;
  right: 15px;
  border: 2px solid white; /* Adiciona uma borda sólida branca de 2px */
  background-color: #304E75; /* Cor de fundo do WhatsApp */
  border-radius: 50%; /* Arredonda o botão para formato de círculo */
  /* box-shadow: 2px 2px 3px #000; */
  z-index: 100;
  overflow: hidden; /* Garante que nada saia do círculo */
  display: flex;
  justify-content: center;
  align-items: center;
}
.apvs-icon {
  position: relative;
  width: 100%; /* Ajusta o tamanho para ocupar o botão inteiro */
  height: 100%; /* Ajusta o tamanho para ocupar o botão inteiro */
  display: flex;
  justify-content: center;
  align-items: center;
}
.apvs-icon img {
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 32px; /* Ajuste conforme necessário para o tamanho do ícone */
  max-height: 32px; /* Ajuste conforme necessário para o tamanho do ícone */
  margin: auto; /* Centraliza a imagem */
}
.apvs-message-container {
  max-width: 170px;
  position: fixed;
  right: 80px; /* Ajuste para alinhar com a borda direita do botão */
  z-index: 99; /* Um pouco menos que o botão para ficar sob ele quando não visível */
  visibility: hidden; /* Esconde o balão inicialmente */
  opacity: 0;
  transition: visibility 0.2s, opacity 0.2s ease-in-out;
  bottom: calc(95px + 28px); /* Metade da altura do botão mais o espaçamento do botão do fundo */
  transform: translateY(50%); /* Ajusta a posição do balão para o centro do botão */
}
.apvs-message {
  background-color: #f3f3f3; /* Cor de fundo do balão */
  color: black; /* Cor do texto do balão */
  padding: 5px 20px;
  border-radius: 8px;
  font-size: 12px;
  box-shadow: 1px 1px 3px #999;
  /* Ajustes adicionais para centralização e aparência */
 /* display: flex;*/
  align-items: center;
  justify-content: center;
}
.apvs-float:hover + .apvs-message-container {
  visibility: visible; /* Mostra o balão */
  opacity: 1;
}

/* Classe para controlar a visibilidade do balão de mensagem */
.apvs-message-show {
  visibility: visible;
  opacity: 1;
}

/* Altere o estilo de hover para usar a nova classe */
.apvs-float:hover + .apvs-message-container .apvs-message,
.apvs-message-container .apvs-message.apvs-message-show {
  visibility: visible;
  opacity: 1;
}


.classeTamanhoP{
	width: 850px;
	background-color: rgba(255, 255, 255, 0); /* Transparência */
}

.swal2-close {
        color: #FFF; /* Cor do botão X */
 }

.swal2-close:hover {
        color: #FFF; /* Cor do botão X */
 }