/* =====================================================
   LGP WHATSAPP TRACKER
===================================================== */

.lgp-wa-button{
    position:fixed;
    bottom:var(--lgp-wa-bottom);
    z-index:99999;

    width:var(--lgp-wa-size);
    height:var(--lgp-wa-size);

    display:flex;
    align-items:center;
    justify-content:center;

    color:var(--lgp-wa-icon);
    background:var(--lgp-wa-bg);

    border-radius:50%;
    box-shadow:0 12px 34px rgba(0,0,0,.18);

    text-decoration:none;
    transform:translateZ(0);
    transition:
        opacity .28s ease,
        visibility .28s ease,
        transform .28s ease,
        box-shadow .25s ease,
        filter .25s ease;
}

.lgp-wa-button--right{
    right:var(--lgp-wa-side);
}

.lgp-wa-button--left{
    left:var(--lgp-wa-side);
}

.lgp-wa-button:hover,
.lgp-wa-button:focus-visible{
    color:var(--lgp-wa-icon);
    transform:translateY(-3px) scale(1.04);
    box-shadow:0 16px 38px rgba(0,0,0,.24);
    filter:brightness(1.03);
}

.lgp-wa-button:focus-visible{
    outline:3px solid rgba(72,87,158,.35);
    outline-offset:4px;
}

.lgp-wa-button__icon{
    position:relative;
    z-index:2;
    width:64%;
    height:64%;
    display:block;
}

.lgp-wa-button__pulse{
    position:absolute;
    inset:0;
    border-radius:inherit;
    border:2px solid var(--lgp-wa-bg);
    animation:lgpWaPulse 2.4s ease-out infinite;
    pointer-events:none;
}

@keyframes lgpWaPulse{
    0%{
        opacity:.55;
        transform:scale(.92);
    }

    75%,
    100%{
        opacity:0;
        transform:scale(1.45);
    }
}

@media (prefers-reduced-motion:reduce){
    .lgp-wa-button,
    .lgp-wa-button__pulse{
        animation:none;
        transition:none;
    }
}

@media (max-width:767px){
    .lgp-wa-button{
        --lgp-wa-size:58px !important;
        --lgp-wa-bottom:22px !important;
        --lgp-wa-side:18px !important;
    }
}


/* El botón desaparece cuando la sección footer entra en pantalla */
.lgp-wa-button--footer-visible{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(24px) scale(.88);
}