<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.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 */
 }




</pre></body></html>