{"id":10,"date":"2024-09-07T15:31:15","date_gmt":"2024-09-07T15:31:15","guid":{"rendered":"https:\/\/webs.elegot.com\/home\/?page_id=10"},"modified":"2024-12-30T18:37:55","modified_gmt":"2024-12-30T18:37:55","slug":"home","status":"publish","type":"page","link":"https:\/\/webs.elegot.com\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d4ce0b e-flex e-con-boxed e-con e-parent\" data-id=\"6d4ce0b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3290d7 elementor-widget__width-initial elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"a3290d7\" data-element_type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webs.elegot.com\/home\">\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/elegot-logo.webp\" class=\"attachment-full size-full wp-image-17\" alt=\"\" srcset=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/elegot-logo.webp 512w, https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/elegot-logo-300x300.webp 300w, https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/elegot-logo-150x150.webp 150w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43ac265 elementor-widget elementor-widget-heading\" data-id=\"43ac265\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Elegot Web Development Portfolio<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a5ad9f elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"5a5ad9f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Explore a diverse collection of websites created by Elegot, showcasing cutting-edge design, seamless functionality, and tailored solutions for businesses across various industries. From corporate sites to creative studios, each project reflects Elegot&#8217;s commitment to digital excellence.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5abf34b e-flex e-con-boxed e-con e-parent\" data-id=\"5abf34b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4569377 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"4569377\" data-element_type=\"widget\" data-settings=\"{&quot;template_id&quot;:71,&quot;columns&quot;:3,&quot;columns_tablet&quot;:2,&quot;pagination_type&quot;:&quot;load_more_infinite_scroll&quot;,&quot;_skin&quot;:&quot;post&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;load_more_spinner&quot;:{&quot;value&quot;:&quot;fas fa-spinner&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\">\n\t\t<style id=\"loop-71\">.elementor-71 .elementor-element.elementor-element-76ade3d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-71 .elementor-element.elementor-element-76ade3d.e-con:hover{--e-con-transform-translateY:-5px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}body:not(.rtl) .elementor-71 .elementor-element.elementor-element-5b6d084{left:0px;}body.rtl .elementor-71 .elementor-element.elementor-element-5b6d084{right:0px;}.elementor-71 .elementor-element.elementor-element-5b6d084{top:0px;}.elementor-71 .elementor-element.elementor-element-5b6d084 .elementor-heading-title{font-family:\"Roboto\", Sans-serif;font-size:0px;font-weight:600;line-height:0px;color:#FFFFFF00;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-71 .elementor-element.elementor-element-35f63e6 .elementor-heading-title{font-family:\"Poppins\", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}\/* Start custom CSS for container, class: .elementor-element-76ade3d *\/.elementor-71 .elementor-element.elementor-element-76ade3d {\n    box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\n    background: linear-gradient(145deg, #1e2024, #23272b);\n}\n\n.elementor-71 .elementor-element.elementor-element-76ade3d:hover {\n    background: linear-gradient(145deg, #1e2024, #1E2024D6);\n    cursor: pointer;\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-188 post-188 websites type-websites status-publish has-post-thumbnail hentry category-top-list\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/latiendecicaonline\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/11\/screenshot-latiendecicaonline.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">LaTiendecicaOnline<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-174 post-174 websites type-websites status-publish has-post-thumbnail hentry category-top-list\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/bethanyretreatcenter\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/10\/screenshot-bethanyretreat.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Bethany Retreat Center<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-127 post-127 websites type-websites status-publish has-post-thumbnail hentry category-top-list\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/aymtel\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-aymtel.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Aymtel<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-57 post-57 websites type-websites status-publish has-post-thumbnail hentry category-top-list\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/susanavaldive\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-susanavaldive.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">SusanaValdive<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-55 post-55 websites type-websites status-publish has-post-thumbnail hentry category-top-list\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/schust\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-schust-mx.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Schust<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-51 post-51 websites type-websites status-publish has-post-thumbnail hentry category-top-list\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/rodez\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-rodez.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Rodez<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<span class=\"e-load-more-spinner\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-spinner\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-feb7b70 e-flex e-con-boxed e-con e-parent\" data-id=\"feb7b70\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-209672f e-con-full e-flex e-con e-child\" data-id=\"209672f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6808ad elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"b6808ad\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready To Pave Your Path To Digital Success?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5144c4 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"b5144c4\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our services solve any business problem.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce8c4d9 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"ce8c4d9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounceIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elegot.com\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">GET STARTED<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1434c8d elementor-widget elementor-widget-heading\" data-id=\"1434c8d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Let's Talk<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e705af e-flex e-con-boxed e-con e-parent\" data-id=\"4e705af\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e0f8bf elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"9e0f8bf\" data-element_type=\"widget\" data-settings=\"{&quot;template_id&quot;:71,&quot;columns&quot;:3,&quot;columns_tablet&quot;:2,&quot;pagination_type&quot;:&quot;load_more_infinite_scroll&quot;,&quot;_skin&quot;:&quot;post&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;load_more_spinner&quot;:{&quot;value&quot;:&quot;fas fa-spinner&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\">\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-180 post-180 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/tuconexion\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/10\/screenshot-tuconexion.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Tu Conexion<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-178 post-178 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/vipzapas\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/10\/screenshot-VipZapas.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">VIP Zapas<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-176 post-176 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/mcjinversiones\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/10\/screenshot-mcjinversiones.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">MCJ Inversiones<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-59 post-59 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/vgindustrial\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-vg-industrial.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">VG Industrial<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-53 post-53 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/roma\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-roma.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Ro-Ma<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-49 post-49 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/recuperacion-cuentas\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-recuperacion-cuentas.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Recuperaci\u00f3n Cuentas<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-47 post-47 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/oscar-carballo\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-oscar-carballo.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Oscar Carballo<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-45 post-45 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/mayaideastudio\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-mayaideastudio.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">MayaIdeaStudio<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-43 post-43 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/llantas-villantas\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-llantas-villantas.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Llantas Villantas<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-41 post-41 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/hidroambiental\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-hidroambiental.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Hidroambiental<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-39 post-39 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/factorcargo\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-factorcargo.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">FactorCargo<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-37 post-37 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/dlgvalle\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-dlgvalle.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">DLG Valle<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-35 post-35 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/dicar\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-dicar.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Dicar<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-33 post-33 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/catradi\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-catradi.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Catradi<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-31 post-31 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/catalogo-daltile\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-catalogo-daltile.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Cat\u00e1logo Daltile<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-29 post-29 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/blackhoney\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-blackhoney.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Blackhoney<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-27 post-27 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/amortiguadores-villantas\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-amortiguadores-villantas.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Amortiguadores Villantas<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"71\" class=\"elementor elementor-71 e-loop-item e-loop-item-25 post-25 websites type-websites status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-76ade3d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"76ade3d\" data-element_type=\"container\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" href=\"https:\/\/webs.elegot.com\/s\/a2x\/\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6d084 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"5b6d084\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"file-url\">https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-a2x.webp<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cca3377 elementor-widget elementor-widget-html\" data-id=\"cca3377\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"outer-container\">\r\n    <div class=\"scroll-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/screenshot-elegot-fallback-scaled.webp\" alt=\"Website Showcase\"> <!-- Removed static URL -->\r\n    <\/div>\r\n    <div class=\"scroll-indicator\">\r\n        <img decoding=\"async\" src=\"https:\/\/webs.elegot.com\/home\/wp-content\/uploads\/2024\/09\/eye-no-bg.webp\" alt=\"Indicador de scroll\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Find all scroll containers\r\n        const scrollContainers = document.querySelectorAll('.outer-container');\r\n\r\n        scrollContainers.forEach(function(container) {\r\n            const scrollContainerImg = container.querySelector('.scroll-container img');\r\n            const scrollIndicator = container.querySelector('.scroll-indicator');\r\n            const fileUrlElement = container.closest('.e-loop-item').querySelector('.file-url'); \/\/ Finds the file-url within the same loop item\r\n\r\n            \/\/ Get the URL from the span and set it as the src of the image\r\n            if (fileUrlElement) {\r\n                const fileUrl = fileUrlElement.textContent.trim();\r\n                scrollContainerImg.src = fileUrl;\r\n            }\r\n\r\n            scrollContainerImg.addEventListener('mouseenter', function() {\r\n                scrollIndicator.style.display = 'flex';\r\n                setTimeout(function() {\r\n                    scrollIndicator.style.display = 'none';\r\n                }, 2000);\r\n            });\r\n\r\n            scrollContainerImg.addEventListener('mouseleave', function() {\r\n                scrollIndicator.style.display = 'none';\r\n                scrollToTop(scrollContainerImg.parentElement); \/\/ Adjusted to scroll container's parent\r\n            });\r\n\r\n            function scrollToTop(element) {\r\n                element.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n<style>\r\n    .outer-container {\r\n        position: relative;\r\n        width: 250px;\r\n        height: 300px;\r\n        box-shadow: -3px -3px 10px rgba(255, 255, 255, 0.1), 3px 3px 10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .scroll-container {\r\n        width: 100%; \/* Full width of the outer container *\/\r\n        height: 100%; \/* Full height of the outer container *\/\r\n        overflow-y: scroll; \/* Enable vertical scroll *\/\r\n        border: 0px solid #ccc;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        text-decoration: none;\r\n        cursor: grab;\r\n        border-radius: 7px; \r\n        \r\n    }\r\n\r\n    .scroll-container img {\r\n        width: 100%;\r\n        display: block;\r\n        border-radius: 7px; \/* Border radius for the image as well *\/\r\n    }\r\n\r\n    .scroll-container::-webkit-scrollbar {\r\n        width: 0px; \/* Hide the scrollbar in WebKit *\/\r\n        background: transparent;\r\n    }\r\n\r\n    .scroll-container {\r\n        -ms-overflow-style: none;  \/* Hide the scrollbar in IE and Edge *\/\r\n        scrollbar-width: none;  \/* Hide the scrollbar in Firefox *\/\r\n    }\r\n\r\n    .scroll-indicator {\r\n        display: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px; \/* Adjust the size as needed *\/\r\n        height: 50px;\r\n        background-color: #0054FE; \/* Background color *\/\r\n        border-radius: 50%; \/* Rounded corners *\/\r\n        opacity: 0.8; \/* Transparency for the indicator *\/\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* Shadow effect *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n        display: none;\r\n        padding: 10px;\r\n    }\r\n\r\n    .scroll-indicator img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35f63e6 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"35f63e6\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">A2X<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<span class=\"e-load-more-spinner\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-spinner\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Elegot Web Development Portfolio Explore a diverse collection of websites created by Elegot, showcasing cutting-edge design, seamless functionality, and tailored solutions for businesses across various industries. From corporate sites to creative studios, each project reflects Elegot&#8217;s commitment to digital excellence. Ready To Pave Your Path To Digital Success? Our services solve any business problem. GET [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webs.elegot.com\/home\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webs.elegot.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webs.elegot.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webs.elegot.com\/home\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webs.elegot.com\/home\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":68,"href":"https:\/\/webs.elegot.com\/home\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/webs.elegot.com\/home\/wp-json\/wp\/v2\/pages\/10\/revisions\/200"}],"wp:attachment":[{"href":"https:\/\/webs.elegot.com\/home\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}