#boton-ulux-flotante {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    cursor: pointer;
}

#boton-ulux-flotante:hover {
    transform: scale(1.05) translateY(-5px);
}

/* Ajustes base para ambas imágenes (quitamos el display: block de aquí) */
#boton-ulux-flotante img {
    height: auto;
}

/* Configuración por defecto (Escritorio) */
#boton-ulux-flotante .ulux-img-escritorio {
    width: 200px; 
    display: block;
}

#boton-ulux-flotante .ulux-img-movil {
    display: none; /* Ahora sí se oculta correctamente en escritorio */
}

/* Configuración para Móviles (pantallas de hasta 768px de ancho) */
@media (max-width: 768px) {
    #boton-ulux-flotante .ulux-img-escritorio {
        display: none; /* Oculta la imagen de escritorio en móviles */
    }
    
    #boton-ulux-flotante .ulux-img-movil {
        display: block; /* Muestra la imagen móvil */
        width: 180px; /* Tamaño para celulares */
    }
}