/* ============================================================
   CRAZY SOFT - Elementos flotantes (WhatsApp / barra móvil)
   ============================================================ */

.wa-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 150;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: var(--whatsapp);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(37, 211, 102, 0.45);
    transition: transform 0.25s;
}
.wa-float:hover { transform: scale(1.1); }
.wa-float svg { width: 32px; height: 32px; color: var(--white); }
.wa-float::after {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 2px solid rgba(37, 211, 102, 0.6);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(0.9); opacity: 1; }
    70% { transform: scale(1.3); opacity: 0; }
    100% { opacity: 0; }
}

.sticky-mobile {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 140;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    padding: 12px 16px;
    box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.1);
    border-top: 1px solid #eef2f7;
}
.sticky-mobile .btn { width: 100%; }