/* =====================================================
   BOTON FLOTANTE WHATSAPP
===================================================== */

.whatsapp-float{
position:fixed;
bottom:25px;
right:25px;
width:65px;
height:65px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 25px rgba(0,0,0,0.25);
z-index:999;
transition:0.25s ease;
animation:whatsappPulse 2s infinite;
overflow:hidden;
}


/* ICONO */

.whatsapp-float img{
width:30px !important;
height:30px !important;
max-width:30px !important;
max-height:30px !important;
object-fit:contain;
display:block;
}


/* HOVER */

.whatsapp-float:hover{
transform:translateY(-4px);
box-shadow:0 15px 35px rgba(0,0,0,0.35);
}


/* ANIMACION */

@keyframes whatsappPulse{

0%{
box-shadow:0 0 0 0 rgba(37,211,102,0.6);
}

70%{
box-shadow:0 0 0 15px rgba(37,211,102,0);
}

100%{
box-shadow:0 0 0 0 rgba(37,211,102,0);
}

}


/* RESPONSIVE */

@media (max-width:768px){

.whatsapp-float{
width:60px;
height:60px;
bottom:20px;
right:20px;
}

.whatsapp-float img{
width:26px !important;
height:26px !important;
}

}