Sindbad~EG File Manager

.elementor-1320 .elementor-element.elementor-element-21614235{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1320 .elementor-element.elementor-element-5ba5e388{--display:flex;--min-height:456px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-1320 .elementor-element.elementor-element-5ba5e388:not(.elementor-motion-effects-element-type-background), .elementor-1320 .elementor-element.elementor-element-5ba5e388 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cibahia.sumar.com.py/wp-content/uploads/2025/02/SALUD.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1320 .elementor-element.elementor-element-5ba5e388, .elementor-1320 .elementor-element.elementor-element-5ba5e388::before{--border-transition:0.3s;}.elementor-1320 .elementor-element.elementor-element-5100dc23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-1320 .elementor-element.elementor-element-5100dc23.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1320 .elementor-element.elementor-element-18ace4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-1320 .elementor-element.elementor-element-18ace4e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1320 .elementor-element.elementor-element-b9ec278 > .elementor-widget-container{margin:108px 0px 0px 0px;}.elementor-1320 .elementor-element.elementor-element-4122a618{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}body.elementor-page-1320:not(.elementor-motion-effects-element-type-background), body.elementor-page-1320 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cibahia.sumar.com.py/wp-content/uploads/2025/02/vvvv.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}body.elementor-page-1320{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-1320 .elementor-element.elementor-element-b9ec278 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1320 .elementor-element.elementor-element-5100dc23{--width:9.927%;}.elementor-1320 .elementor-element.elementor-element-18ace4e{--width:58.812%;}.elementor-1320 .elementor-element.elementor-element-4122a618{--width:25%;}}@media(min-width:1025px){.elementor-1320 .elementor-element.elementor-element-5ba5e388:not(.elementor-motion-effects-element-type-background), .elementor-1320 .elementor-element.elementor-element-5ba5e388 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}body.elementor-page-1320:not(.elementor-motion-effects-element-type-background), body.elementor-page-1320 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS */document.addEventListener("DOMContentLoaded", function () {
    const carousel = document.querySelector(".custom-carousel");
    const prevButton = document.getElementById("prev");
    const nextButton = document.getElementById("next");

    let index = 0;
    const itemWidth = 160; // 150px + margen
    const visibleItems = 3;
    const totalItems = document.querySelectorAll(".carousel-item").length;

    // Mover hacia adelante
    nextButton.addEventListener("click", function () {
        if (index < totalItems - visibleItems) {
            index++;
            carousel.style.transform = `translateX(-${index * itemWidth}px)`;
        }
    });

    // Mover hacia atrás
    prevButton.addEventListener("click", function () {
        if (index > 0) {
            index--;
            carousel.style.transform = `translateX(-${index * itemWidth}px)`;
        }
    });
});/* End custom CSS */