{"id":8489,"date":"2025-07-30T11:52:43","date_gmt":"2025-07-30T16:52:43","guid":{"rendered":"https:\/\/expocleanecuador.com.ec\/?page_id=8489"},"modified":"2025-07-30T13:59:44","modified_gmt":"2025-07-30T18:59:44","slug":"galeria","status":"publish","type":"page","link":"https:\/\/expocleanecuador.com.ec\/en\/galeria\/","title":{"rendered":"Gallery"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8489\" class=\"elementor elementor-8489\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00f07ab e-flex e-con-boxed e-con e-parent\" data-id=\"00f07ab\" 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-0d68aae elementor-widget elementor-widget-html\" data-id=\"0d68aae\" 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=\"gallery-container\">\r\n    <!-- Hero Section -->\r\n    <div class=\"gallery-hero\">\r\n        <div class=\"hero-content\">\r\n            <h1>Visual Memories of ExpoClean<\/h1>\r\n            <p>Relive the best moments, innovations, and connections from the leading trade fair for professional cleaning and hygiene.<\/p>\r\n            <div class=\"hero-stats\">\r\n                <div class=\"stat\">\r\n                    <span>18<\/span>\r\n                    <p>Featured Images<\/p>\r\n                <\/div>\r\n                <div class=\"stat\">\r\n                    <span>5+<\/span>\r\n                    <p>Years of history<\/p>\r\n                <\/div>\r\n                <div class=\"stat\">\r\n                    <span>200+<\/span>\r\n                    <p>Innovations shown<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Filtros de Galer\u00eda -->\r\n    <div class=\"gallery-filters\">\r\n        <button class=\"filter-btn active\" data-filter=\"all\">All<\/button>\r\n        <button class=\"filter-btn\" data-filter=\"feria\">Fair<\/button>\r\n        <button class=\"filter-btn\" data-filter=\"beneficios\">Benefits<\/button>\r\n        <button class=\"filter-btn\" data-filter=\"eventos\">Eventos<\/button>\r\n        <button class=\"filter-btn\" data-filter=\"vision\">Vision<\/button>\r\n    <\/div>\r\n\r\n    <!-- Galer\u00eda de Im\u00e1genes -->\r\n    <div class=\"gallery-grid\">\r\n        <!-- Imagen 1 - Vision -->\r\n        <div class=\"gallery-item\" data-category=\"vision\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/vision_compromiso.jpg\" alt=\"Visi\u00f3n y Compromiso\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Vision and Commitment<\/h3>\r\n                <p>Our commitment to the industry<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 2 - Eventos -->\r\n        <div class=\"gallery-item\" data-category=\"eventos\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/avatares.jpg\" alt=\"Evento con Avatares\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Digital Experience<\/h3>\r\n                <p>Participants interacting with avatars<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 3 - Beneficios -->\r\n        <div class=\"gallery-item\" data-category=\"beneficios\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/beneficio1.jpg\" alt=\"Beneficio 1\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Product Innovation<\/h3>\r\n                <p>Revolutionary solutions for the industry<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 4 - Beneficios -->\r\n        <div class=\"gallery-item\" data-category=\"beneficios\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/beneficio2.jpg\" alt=\"Beneficio 2\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Operational Efficiency<\/h3>\r\n                <p>Teams that transform processes<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 5 - Beneficios -->\r\n        <div class=\"gallery-item\" data-category=\"beneficios\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/beneficio3.jpg\" alt=\"Beneficio 3\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Sustainability<\/h3>\r\n                <p>Green solutions for the future<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 6 - Beneficios -->\r\n        <div class=\"gallery-item\" data-category=\"beneficios\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/beneficio4.jpg\" alt=\"Beneficio 4\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Quality Certification<\/h3>\r\n                <p>Products with the highest standards<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 7 - Feria -->\r\n        <div class=\"gallery-item\" data-category=\"feria\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/feria.jpg\" alt=\"Feria ExpoClean\">\r\n            <div class=\"item-overlay\">\r\n                <h3>ExpoClean Fair<\/h3>\r\n                <p>Overview of the main event<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 8 - Feria -->\r\n        <div class=\"gallery-item\" data-category=\"feria\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/feria_virtual.jpg\" alt=\"Feria Virtual\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Virtual Experience<\/h3>\r\n                <p>Digital platform for global connections<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 9 - Feria -->\r\n        <div class=\"gallery-item\" data-category=\"feria\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/feria2.jpg\" alt=\"Feria 2\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Main Stand<\/h3>\r\n                <p>Featured Product Display Area<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 10 - Feria -->\r\n        <div class=\"gallery-item\" data-category=\"feria\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/feria3.jpg\" alt=\"Feria 3\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Live Demonstrations<\/h3>\r\n                <p>Exhibitors showing their innovations<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 11 - Feria -->\r\n        <div class=\"gallery-item\" data-category=\"feria\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/feria4.jpg\" alt=\"Feria 4\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Technical Talks<\/h3>\r\n                <p>Experts sharing knowledge<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 12 - Feria -->\r\n        <div class=\"gallery-item\" data-category=\"feria\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/feria5.jpg\" alt=\"Feria 5\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Quality Networking<\/h3>\r\n                <p>Professionals connecting at the event<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 13 - Feria -->\r\n        <div class=\"gallery-item\" data-category=\"feria\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/feria6.jpg\" alt=\"Feria 6\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Innovation in Equipment<\/h3>\r\n                <p>Cutting-edge technology for the industry<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 14 - Feria -->\r\n        <div class=\"gallery-item\" data-category=\"feria\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/feria7.jpg\" alt=\"Feria 7\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Specialized Solutions<\/h3>\r\n                <p>Products for specific needs<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 15 - Feria -->\r\n        <div class=\"gallery-item\" data-category=\"feria\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/feria8.jpg\" alt=\"Feria 8\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Innovators Award<\/h3>\r\n                <p>Recognition of the best solutions<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Imagen 16 - Eventos -->\r\n        <div class=\"gallery-item\" data-category=\"eventos\">\r\n            <img decoding=\"async\" src=\"https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/preventa.jpg\" alt=\"Preventa\">\r\n            <div class=\"item-overlay\">\r\n                <h3>Pre-sale Event<\/h3>\r\n                <p>Exclusive opportunities for first-time buyers<\/p>\r\n                <button class=\"view-btn\">See details<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Lightbox Modal -->\r\n    <div class=\"lightbox-modal\">\r\n        <div class=\"modal-content\">\r\n            <span class=\"close-btn\">&times;<\/span>\r\n            <img decoding=\"async\" class=\"modal-image\" src=\"\" alt=\"\">\r\n            <div class=\"image-info\">\r\n                <h3 class=\"image-title\"><\/h3>\r\n                <p class=\"image-desc\"><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Estilos base *\/\r\n.gallery-container {\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    color: #333;\r\n    background: #fff;\r\n}\r\n\r\n\/* Hero Section *\/\r\n.gallery-hero {\r\n    background: linear-gradient(rgba(26, 58, 110, 0.85), rgba(13, 35, 66, 0.9)), \r\n                url('https:\/\/expocleanecuador.com.ec\/wp-content\/uploads\/2025\/07\/feria.jpg');\r\n    background-size: cover;\r\n    background-position: center;\r\n    border-radius: 12px;\r\n    padding: 80px 40px;\r\n    margin: 30px 0 50px;\r\n    color: white;\r\n    text-align: center;\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.gallery-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><polygon points=\"0,0 100,0 100,100\" fill=\"rgba(74,144,226,0.2)\"\/><\/svg>');\r\n    background-size: 100% 100%;\r\n    z-index: 1;\r\n}\r\n\r\n.hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.gallery-hero h1 {\r\n    font-size: 3.2rem;\r\n    margin-bottom: 20px;\r\n    font-weight: 800;\r\n    text-shadow: 0 2px 8px rgba(0,0,0,0.4);\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.gallery-hero p {\r\n    font-size: 1.3rem;\r\n    max-width: 700px;\r\n    margin: 0 auto 40px;\r\n    opacity: 0.9;\r\n    text-shadow: 0 1px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n.hero-stats {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    margin-top: 30px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.stat {\r\n    background: rgba(255, 255, 255, 0.15);\r\n    padding: 20px 30px;\r\n    border-radius: 12px;\r\n    backdrop-filter: blur(6px);\r\n    min-width: 160px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.stat:hover {\r\n    transform: translateY(-5px);\r\n    background: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n.stat span {\r\n    font-size: 2.5rem;\r\n    font-weight: 700;\r\n    display: block;\r\n    color: #fff;\r\n    line-height: 1;\r\n}\r\n\r\n.stat p {\r\n    font-size: 1rem;\r\n    margin-top: 10px;\r\n    opacity: 0.9;\r\n}\r\n\r\n\/* Filtros *\/\r\n.gallery-filters {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n    margin-bottom: 40px;\r\n    padding: 0 20px;\r\n}\r\n\r\n.filter-btn {\r\n    padding: 12px 25px;\r\n    border: none;\r\n    border-radius: 50px;\r\n    background: #f0f4f9;\r\n    color: #1a3a6e;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    font-size: 1rem;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n}\r\n\r\n.filter-btn:hover {\r\n    background: #4a90e2;\r\n    color: white;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.filter-btn.active {\r\n    background: #1a3a6e;\r\n    color: white;\r\n}\r\n\r\n\/* Galer\u00eda Grid *\/\r\n.gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n    gap: 25px;\r\n    padding: 0 20px;\r\n}\r\n\r\n.gallery-item {\r\n    position: relative;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n    aspect-ratio: 1\/1;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    transform: translateZ(0);\r\n}\r\n\r\n.gallery-item:hover {\r\n    transform: translateY(-10px) scale(1.02);\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);\r\n    z-index: 10;\r\n}\r\n\r\n.gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.gallery-item:hover img {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.item-overlay {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background: linear-gradient(to top, rgba(13, 35, 66, 0.9), transparent);\r\n    color: white;\r\n    padding: 30px 20px 20px;\r\n    transform: translateY(100px);\r\n    transition: transform 0.4s ease;\r\n    text-align: center;\r\n}\r\n\r\n.gallery-item:hover .item-overlay {\r\n    transform: translateY(0);\r\n}\r\n\r\n.item-overlay h3 {\r\n    font-size: 1.4rem;\r\n    margin-bottom: 10px;\r\n    font-weight: 600;\r\n}\r\n\r\n.item-overlay p {\r\n    font-size: 0.95rem;\r\n    opacity: 0.9;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.view-btn {\r\n    background: rgba(255, 255, 255, 0.15);\r\n    color: white;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    padding: 8px 20px;\r\n    border-radius: 30px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    backdrop-filter: blur(5px);\r\n}\r\n\r\n.view-btn:hover {\r\n    background: rgba(255, 255, 255, 0.3);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* Lightbox Modal *\/\r\n.lightbox-modal {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.9);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1000;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.lightbox-modal.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n.modal-content {\r\n    position: relative;\r\n    max-width: 90%;\r\n    max-height: 90%;\r\n    width: auto;\r\n    height: auto;\r\n    background: #0d2342;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.modal-image {\r\n    max-width: 100%;\r\n    max-height: 75vh;\r\n    display: block;\r\n    margin: 0 auto;\r\n}\r\n\r\n.close-btn {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    font-size: 2.5rem;\r\n    color: white;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    z-index: 10;\r\n    width: 50px;\r\n    height: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.close-btn:hover {\r\n    transform: rotate(90deg);\r\n    background: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.image-info {\r\n    padding: 25px;\r\n    background: #0d2342;\r\n    color: white;\r\n    text-align: center;\r\n}\r\n\r\n.image-title {\r\n    font-size: 1.8rem;\r\n    margin-bottom: 10px;\r\n    font-weight: 600;\r\n}\r\n\r\n.image-desc {\r\n    font-size: 1.1rem;\r\n    opacity: 0.9;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1100px) {\r\n    .gallery-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .gallery-hero {\r\n        padding: 50px 20px;\r\n    }\r\n    \r\n    .gallery-hero h1 {\r\n        font-size: 2.2rem;\r\n    }\r\n    \r\n    .gallery-hero p {\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .hero-stats {\r\n        gap: 15px;\r\n    }\r\n    \r\n    .stat {\r\n        padding: 15px 20px;\r\n        min-width: 130px;\r\n    }\r\n    \r\n    .stat span {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .gallery-filters {\r\n        gap: 10px;\r\n    }\r\n    \r\n    .filter-btn {\r\n        padding: 10px 20px;\r\n        font-size: 0.9rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .gallery-hero {\r\n        padding: 40px 15px;\r\n        margin: 20px 0 30px;\r\n    }\r\n    \r\n    .gallery-hero h1 {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .stat {\r\n        width: 100%;\r\n        max-width: 200px;\r\n    }\r\n    \r\n    .gallery-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .item-overlay {\r\n        padding: 20px 15px 15px;\r\n    }\r\n    \r\n    .item-overlay h3 {\r\n        font-size: 1.2rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Filtros de galer\u00eda\r\n    const filterButtons = document.querySelectorAll('.filter-btn');\r\n    const galleryItems = document.querySelectorAll('.gallery-item');\r\n    \r\n    filterButtons.forEach(button => {\r\n        button.addEventListener('click', function() {\r\n            \/\/ Actualizar bot\u00f3n activo\r\n            filterButtons.forEach(btn => btn.classList.remove('active'));\r\n            this.classList.add('active');\r\n            \r\n            const filter = this.getAttribute('data-filter');\r\n            \r\n            \/\/ Filtrar elementos\r\n            galleryItems.forEach(item => {\r\n                if (filter === 'all' || item.getAttribute('data-category') === filter) {\r\n                    item.style.display = 'block';\r\n                } else {\r\n                    item.style.display = 'none';\r\n                }\r\n            });\r\n        });\r\n    });\r\n    \r\n    \/\/ Lightbox\r\n    const viewButtons = document.querySelectorAll('.view-btn');\r\n    const lightbox = document.querySelector('.lightbox-modal');\r\n    const lightboxImg = document.querySelector('.modal-image');\r\n    const lightboxTitle = document.querySelector('.image-title');\r\n    const lightboxDesc = document.querySelector('.image-desc');\r\n    const closeBtn = document.querySelector('.close-btn');\r\n    \r\n    viewButtons.forEach((button, index) => {\r\n        button.addEventListener('click', function() {\r\n            const item = this.closest('.gallery-item');\r\n            const imgSrc = item.querySelector('img').src;\r\n            const title = item.querySelector('.item-overlay h3').textContent;\r\n            const desc = item.querySelector('.item-overlay p').textContent;\r\n            \r\n            lightboxImg.src = imgSrc;\r\n            lightboxTitle.textContent = title;\r\n            lightboxDesc.textContent = desc;\r\n            \r\n            lightbox.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        });\r\n    });\r\n    \r\n    \/\/ Cerrar lightbox\r\n    closeBtn.addEventListener('click', function() {\r\n        lightbox.classList.remove('active');\r\n        document.body.style.overflow = '';\r\n    });\r\n    \r\n    \/\/ Cerrar al hacer clic fuera de la imagen\r\n    lightbox.addEventListener('click', function(e) {\r\n        if (e.target === lightbox) {\r\n            lightbox.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n    });\r\n    \r\n    \/\/ Animaciones iniciales\r\n    const items = document.querySelectorAll('.gallery-item');\r\n    items.forEach((item, index) => {\r\n        item.style.opacity = '0';\r\n        item.style.transform = 'translateY(30px)';\r\n        item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n        \r\n        setTimeout(() => {\r\n            item.style.opacity = '1';\r\n            item.style.transform = 'translateY(0)';\r\n        }, 150 * index);\r\n    });\r\n});\r\n<\/script>\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>","protected":false},"excerpt":{"rendered":"<p>Memorias Visuales de ExpoClean Revive los mejores momentos, innovaciones y conexiones de la feria l\u00edder en limpieza e higiene profesional 18 Im\u00e1genes destacadas 5+ A\u00f1os de historia 200+ Innovaciones mostradas Todas Feria Beneficios Eventos Visi\u00f3n Visi\u00f3n y Compromiso Nuestro compromiso con la industria Ver detalle Experiencia Digital Participantes interactuando con avatares Ver detalle Innovaci\u00f3n en [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8489","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/pages\/8489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/comments?post=8489"}],"version-history":[{"count":4,"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/pages\/8489\/revisions"}],"predecessor-version":[{"id":8509,"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/pages\/8489\/revisions\/8509"}],"wp:attachment":[{"href":"https:\/\/expocleanecuador.com.ec\/en\/wp-json\/wp\/v2\/media?parent=8489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}