/* ===== BOTÓN FLOTANTE DE WHATSAPP ===== */
        .btn-whatsapp {
            position: fixed;
            bottom: 25px;
            right: 25px;             /* Mueve el botón un poco más hacia la derecha */
            width: 60px;
            height: 60px;
            background: #25D366;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 2.2rem;
            box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
            transition: all 0.3s ease;
            z-index: 9998;           /* Asegura que esté por debajo del popup pero encima del contenido */
            text-decoration: none;
            animation: pulse-whatsapp 2s infinite ease-in-out;
        }

        .btn-whatsapp:hover {
            transform: scale(1.1) translateY(-3px);
            box-shadow: 0 10px 40px rgba(37, 211, 102, 0.5);
            color: white;
            background: #20b859;
        }

        .btn-whatsapp i {
            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
        }

        @keyframes pulse-whatsapp {
            0% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
            }
            70% {
                box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
            }
        }