/* ================================================
   Maq Studio WhatsApp Header Button v2.4.0
   Los estilos criticos van inline en el HTML.
   Este CSS solo maneja hover, animacion y pulso.
   ================================================ */

/* Hover del boton — translateY */
.maqwa-btn:hover {
    transform: translateY(-2px) !important;
    text-decoration: none !important;
    opacity: 1 !important;
}
.maqwa-btn--light:hover { background-color: #f0f0f0 !important; box-shadow: 0 6px 24px rgba(0,0,0,.30) !important; }
.maqwa-btn--dark:hover  { background-color: #222222 !important; box-shadow: 0 6px 24px rgba(0,0,0,.28) !important; }
.maqwa-btn:active { transform: translateY(0) !important; }

/* Icono hover */
.maqwa-btn:hover .maqwa-icon { transform: scale(1.1) rotate(-5deg); }
.maqwa-icon { transition: transform .22s ease; }

/* Pulso animado */
.maqwa-pulse::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    border: 2px solid #25d366;
    opacity: .55;
    animation: maqwaPulse 1.8s ease-in-out infinite;
}
@keyframes maqwaPulse {
    0%   { transform: scale(1);   opacity: .55; }
    50%  { transform: scale(1.7); opacity: 0;   }
    100% { transform: scale(1);   opacity: .55; }
}