/* WhatsApp floating button — uses the exact PNG provided, mobile + desktop */
#mgwa-pro2.mgwa-pro2 {
  position: fixed;
  left: 20px;
  bottom: 24px; /* base */
  width: 64px; height: 64px;
  display: inline-flex; align-items: center; justify-content: center;
  z-index: 10060;
  text-decoration: none;
  transition: transform .12s ease, filter .12s ease, bottom .2s ease;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.18));
}
#mgwa-pro2 .mgwa__img {
  width: 64px; height: 64px; display:block;
}

/* Hover/active (en desktop) */
@media (hover:hover){
  #mgwa-pro2:hover { transform: translateY(-2px); filter: brightness(1.03) drop-shadow(0 10px 20px rgba(0,0,0,.2)); }
}
#mgwa-pro2:active { transform: scale(.98); }

/* Si existe la barra inferior #mgbar, elevamos el botón para que quede arriba de "Regatear" */
body.has-mgbar #mgwa-pro2 { bottom: 118px; }

/* Pantallas muy pequeñas */
@media (max-width: 359px){
  #mgwa-pro2 { left: 14px; bottom: 20px; width:58px; height:58px; }
  #mgwa-pro2 .mgwa__img { width:58px; height:58px; }
}
