@charset "utf-8";


.whatsapp-float 
{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.whatsapp-float a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #25D366;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.whatsapp-float a:hover {
    transform: scale(1.1);
    background-color: #20b358;
}

.whatsapp-float img {
    width: 32px;
    height: 32px;
}

.copy-email-container {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
        }

        .copy-email-container:hover .material-icons-round {
            color: #4CAF50;
        }

        .copy-feedback {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #4CAF50;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-size: 14px;
            opacity: 0;
            transition: opacity 0.3s ease, transform 0.3s ease;
            transform: translateY(20px);
            z-index: 10000; /* Aumentado para asegurar visibilidad */
            pointer-events: none; /* Evita que el mensaje sea interactivo */
        }

        .copy-feedback.show {
            opacity: 1;
            transform: translateY(0);
        }

@media (max-width: 600px)
{    
    .whatsapp-float 
    {
        bottom: 15px;
        right: 15px;
    }
    .whatsapp-float a {
        width: 50px;
        height: 50px;
    }
    .whatsapp-float img {
        width: 28px;
        height: 28px;
    }

    .copy-feedback {
                bottom: 15px;
                right: 15px;
                font-size: 12px;
                padding: 6px 12px;
            }

}

