document.addEventListener('DOMContentLoaded', (event) => {
    const container = document.querySelector('.verticalcolumnthree');
    let isDown = false;
    let startY;
    let scrollTop;

    container.addEventListener('mousedown', (e) => {
        isDown = true;
        startY = e.pageY - container.offsetTop;
        scrollTop = container.scrollTop;
        container.style.cursor = 'grabbing';
    });

    container.addEventListener('mouseleave', () => {
        isDown = false;
        container.style.cursor = 'grab';
    });

    container.addEventListener('mouseup', () => {
        isDown = false;
        container.style.cursor = 'grab';
    });

    container.addEventListener('mousemove', (e) => {
        if (!isDown) return;
        e.preventDefault();
        const y = e.pageY - container.offsetTop;
        const walk = (y - startY) * 2; // Ajusta la velocidad del desplazamiento
        container.scrollTop = scrollTop - walk;
    });
});