/* Estilo personalizado para centralizar e definir o tamanho da imagem */
.img-centralizada {
	width: 130px;
	display: block;
	margin: 0 auto;
  }
  
a.link-form{ color: #000; font-size: 18px ;}
a.link-form:hover{ color: crimson;}


/* Estilos do botão flutuante WhatsApp */
.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #25D366;
    display: flex;
    justify-content: center;
    align-items: center;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    z-index: 999;
    /* animation: pulsate 2s infinite; Aplica o efeito de pulsação */
}

.whatsapp-button img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}


/* Define o efeito de pulsação usando @keyframes */
@keyframes pulsate {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}
  

#whatsapp .wtsapp:focus {  border: none;  outline: none;}

#whatsapp .wtsapp {
position: fixed; 
transition: all .5s ease;   
background: #25d366;   
display: block;   
text-align: center;  
box-shadow: 0 0 20px rgba(0,0,0,0.15);  
/* margin: 0; */   
border-radius: 50px; 
border-right: none;  
color: #fff;  
font-weight: 700; 
font-size: 26px;  
bottom: 50px;   
right: 40px;   
border: 0;   
z-index: 99; 
width: 50px;  
height: 50px;  
line-height: 48px;
}

#whatsapp .wtsapp:before {  
content: ""; 
position: absolute;  
z-index: -1;  
left: 50%;  
top: 50%;  
transform: translateX(-50%) translateY(-50%);
display: block; 
width: 60px;  
height: 60px;  
background: #25d366; 
border-radius: 50%;  
-webkit-animation: pulse-border 1500ms ease-out infinite;  
animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {

0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}

100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}

}
 

.altura{height: 33px;}

@media (max-width: 767px) {
  .header-misc {
      display: none;
  }
}