{"id":19,"date":"2026-05-20T17:09:11","date_gmt":"2026-05-20T17:09:11","guid":{"rendered":"https:\/\/haydia.co\/nuevo\/?page_id=19"},"modified":"2026-06-11T04:31:07","modified_gmt":"2026-06-11T04:31:07","slug":"inicio","status":"publish","type":"page","link":"https:\/\/haydia.co\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/jaguar.png\" alt=\"jaguar\" itemprop=\"image\" height=\"486\" width=\"475\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/jaguar.png 475w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/jaguar-293x300.png 293w\" sizes=\"auto, (max-width: 475px) 100vw, 475px\" title=\"jaguar\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Logo-HayDia-X1-1.png\" alt=\"Agencia Creativa en Cali\" itemprop=\"image\" height=\"1329\" width=\"1225\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Logo-HayDia-X1-1.png 1225w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Logo-HayDia-X1-1-277x300.png 277w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Logo-HayDia-X1-1-944x1024.png 944w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Logo-HayDia-X1-1-768x833.png 768w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Logo-HayDia-X1-1-600x651.png 600w\" sizes=\"auto, (max-width: 1225px) 100vw, 1225px\" title=\"Logo-HayDi\u0301a-X1\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/clowb.png\" alt=\"clowb\" itemprop=\"image\" height=\"486\" width=\"475\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/clowb.png 475w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/clowb-293x300.png 293w\" sizes=\"auto, (max-width: 475px) 100vw, 475px\" title=\"clowb\" onerror=\"this.style.display='none'\"  \/>\n<h2  data-animation-delay=\"1\" data-animation-duration=\"0.4\">\n\t\t\tAGENCIA CREATIVA\t<\/h2>\n\t\n    <div class=\"sticky-panel-real \" style=\"background-image: none !important; background-color: #000;\">\n        \n        <div class=\"hd-video-container\">\n            <iframe src=\"https:\/\/player.vimeo.com\/video\/1204576127?background=1&autoplay=1&loop=1&muted=1&playsinline=1&autopause=0&controls=0&title=0&byline=0&portrait=0\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen playsinline><\/iframe>\n        <\/div>\n\n        <div class=\"sticky-overlay\"><\/div>\n\n        <div class=\"sticky-content-haydia\">\n            <h1 class=\"titulo-especial-haydia\" style=\"text-transform: uppercase;\">\n                <span class=\"blanco-hd\">HAY IDEAS<br>QUE<\/span>\n                <span class=\"amarillo-hd\">MERECEN<\/span><br class=\"hd-break-mobile\">\n                <span class=\"amarillo-hd hd-word-wrapper\">\n                    <span id=\"rotative-word\">DIGNIDAD<\/span>\n                <\/span>\n            <\/h1>\n            \n            <a href=\"https:\/\/haydia.co\/nosotros\/\" class=\"btn-conoce-mas-hd\">CON\u00d3CENOS<\/a>\n        <\/div>\n    <\/div>\n\n    <style>\n        \/* Estilos base del panel *\/\n        .sticky-panel-real {\n            position: fixed;\n            top: 0; left: 0;\n            width: 100%; height: 100vh;\n            z-index: 1;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: flex-start; \n        }\n\n        .bb-editing.sticky-panel-real {\n            position: relative !important;\n            height: 600px !important;\n            \/* Forzamos opacidad en el editor para que puedas ver lo que haces *\/\n            opacity: 1 !important; \n        }\n\n        .bb-editing .titulo-especial-haydia, \n        .bb-editing .btn-conoce-mas-hd {\n            opacity: 1 !important;\n            transform: translateY(0) !important;\n        }\n\n        .hd-video-container {\n            position: absolute; top: 0; left: 0; \n            width: 100%; height: 100%;\n            z-index: 0; pointer-events: none; \n            overflow: hidden;\n        }\n\n        .hd-video-container iframe {\n            position: absolute; top: 50%; left: 50%;\n            width: 100vw; height: 56.25vw; \n            min-height: 100vh; min-width: 177.77vh;\n            transform: translate(-50%, -50%) scale(1.05); \n        }\n\n        .hd-word-wrapper { display: inline-block; position: relative; min-width: 400px; }\n        #rotative-word { display: inline-block; transition: all 0.4s ease; }\n        .word-hidden { opacity: 0; transform: translateY(-20px); }\n\n        \/* =========================================\n           FIX M\u00d3VIL (Suelta el panel para scroll natural)\n           ========================================= *\/\n        @media (max-width: 768px) {\n            .sticky-panel-real {\n                position: relative !important; \n                height: 100vh !important; \n                height: 100dvh !important; \n                width: 100% !important;\n                display: flex !important;\n                margin-top: 0 !important; \n                transform: none !important;\n            }\n            .hd-word-wrapper { min-width: 100%; display: block; }\n            .hd-video-container iframe { \n                min-width: 250vh !important; \n                min-height: 250vw !important;\n                transform: translate(-50%, -50%) scale(1.2) !important; \n            }\n        }\n    <\/style>\n\n        <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \n        \/\/ \ud83d\udd25 EL DESPERTADOR: Enciende la animaci\u00f3n de los textos\n        setTimeout(function() {\n            const contenido = document.querySelector('.sticky-content-haydia');\n            if(contenido) {\n                contenido.classList.add('aura-activa');\n            }\n        }, 300);\n\n        \/\/ Rotador de palabras\n        const words = [\"IMAGINACI\u00d3N\", \"SER ESCUCHADAS\", \"UN PUENTE\", \"TEJIDO\", \"USAR EL ALMA\", \"MAGIA\", \"DIGNIDAD\"];\n        let i = 0;\n        const el = document.getElementById('rotative-word');\n        if (!el) return;\n\n        setInterval(() => {\n            el.classList.add('word-hidden');\n            setTimeout(() => {\n                i = (i + 1) % words.length;\n                el.textContent = words[i];\n                el.classList.remove('word-hidden');\n            }, 400);\n        }, 3500);\n    });\n    <\/script>\n    \n    \n<h2>\n\t\t\tConoce nuestros\t<\/h2>\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/solblanco.png\" alt=\"solblanco\" itemprop=\"image\" height=\"208\" width=\"200\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/solblanco.png 200w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/solblanco-12x12.png 12w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" title=\"solblanco\" onerror=\"this.style.display='none'\"  \/>\n<h2>\n\t\t\tPROYECTOS RECIENTES\t<\/h2>\n\t\t\t<a href=\"https:\/\/haydia.co\/portafolio\/\"  target=\"_self\">\n\t\t\t\t\t\t\tPortafolio Completo\n\t\t\t\t\t<\/a>\n\t        <div class=\"slider-master-haydia\">\n            <button class=\"hd-arrow hd-prev\" aria-label=\"Anterior\">\n                <svg width=\"50\" height=\"50\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n            <\/button>\n\n            <div class=\"slider-wrapper-haydia\">\n                <div class=\"proyectos-slider-container\" id=\"haydia-slider\">\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/chaain-itheem-nem-igkhaa-cuentos-infantiles\/\" class=\"card-proyecto\" draggable=\"false\">\n                            <div class=\"card-bg\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/07\/Portafolio-Wounan-3-1024x702.jpg');\"><\/div>\n                            <div class=\"card-overlay\">\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">Chaain Itheem Nem Igkhaa &#8211; cuentos infantiles<\/h3>\n                                    <span class=\"card-btn\">VER M\u00c1S<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/sembrando-cali\/\" class=\"card-proyecto\" draggable=\"false\">\n                            <div class=\"card-bg\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Sembrando-Cali-Portada-848x1024.jpg');\"><\/div>\n                            <div class=\"card-overlay\">\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">Sembrando Cali<\/h3>\n                                    <span class=\"card-btn\">VER M\u00c1S<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/futuros-urbanos\/\" class=\"card-proyecto\" draggable=\"false\">\n                            <div class=\"card-bg\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/destacada-sidoc-1024x808.jpg');\"><\/div>\n                            <div class=\"card-overlay\">\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">Futuros Urbanos<\/h3>\n                                    <span class=\"card-btn\">VER M\u00c1S<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/violencia-sexual-en-los-conflictos-armados\/\" class=\"card-proyecto\" draggable=\"false\">\n                            <div class=\"card-bg\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Ilustracione-1024x860.png');\"><\/div>\n                            <div class=\"card-overlay\">\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">Hag\u00e1moslo visible<\/h3>\n                                    <span class=\"card-btn\">VER M\u00c1S<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/ruta-humaya\/\" class=\"card-proyecto\" draggable=\"false\">\n                            <div class=\"card-bg\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/3a6ffe211938253.672c33747908a-1024x576.png');\"><\/div>\n                            <div class=\"card-overlay\">\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">Ruta Humaya<\/h3>\n                                    <span class=\"card-btn\">VER M\u00c1S<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/un-rebulu\/\" class=\"card-proyecto\" draggable=\"false\">\n                            <div class=\"card-bg\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Rebulu1-1024x682.jpg');\"><\/div>\n                            <div class=\"card-overlay\">\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">Un Rebul\u00fa<\/h3>\n                                    <span class=\"card-btn\">VER M\u00c1S<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/bellas-artes\/\" class=\"card-proyecto\" draggable=\"false\">\n                            <div class=\"card-bg\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Bellas-Artes-Portada-1-1024x654.png');\"><\/div>\n                            <div class=\"card-overlay\">\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">Bellas Artes<\/h3>\n                                    <span class=\"card-btn\">VER M\u00c1S<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/next-gen-c\/\" class=\"card-proyecto\" draggable=\"false\">\n                            <div class=\"card-bg\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Next-Gen-Portada-1024x683.jpg');\"><\/div>\n                            <div class=\"card-overlay\">\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">Next Gen C<\/h3>\n                                    <span class=\"card-btn\">VER M\u00c1S<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/tangara\/\" class=\"card-proyecto\" draggable=\"false\">\n                            <div class=\"card-bg\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/tangara5-1024x683.jpg');\"><\/div>\n                            <div class=\"card-overlay\">\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">T\u00e1ngara<\/h3>\n                                    <span class=\"card-btn\">VER M\u00c1S<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/viche-dona-sofi\/\" class=\"card-proyecto\" draggable=\"false\">\n                            <div class=\"card-bg\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/destacada-dona-sofi-1024x682.jpg');\"><\/div>\n                            <div class=\"card-overlay\">\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">Viche Do\u00f1a Sofi<\/h3>\n                                    <span class=\"card-btn\">VER M\u00c1S<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                    <\/div>\n            <\/div>\n\n            <button class=\"hd-arrow hd-next\" aria-label=\"Siguiente\">\n                <svg width=\"50\" height=\"50\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n            <\/button>\n        <\/div>\n\n        <style>\n            \/* --- CONTENEDOR MAESTRO (Flechas + Slider) --- *\/\n            .slider-master-haydia {\n                position: relative;\n                width: 100%;\n                max-width: 1300px; \n                margin: 0 auto;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 20px;\n                padding: 40px 0;\n            }\n\n            \/* --- WRAPPER --- *\/\n            .slider-wrapper-haydia {\n                width: 1090px; \n                overflow: hidden;\n                position: relative;\n                display: block !important;\n            }\n\n            .proyectos-slider-container {\n                display: flex !important;\n                gap: 20px;\n                overflow-x: hidden; \n                scroll-behavior: auto; \/* Cambiado a auto para que el drag manual sea fluido *\/\n                width: 100%;\n                \/* \ud83d\udd25 CURSORES FORZADOS PARA EL DRAG \ud83d\udd25 *\/\n                cursor: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/mano-abierta.png') 12 12, grab !important;\n            }\n            .proyectos-slider-container::-webkit-scrollbar { display: none; }\n            \n            \/* Forzamos a que los enlaces internos (tarjetas) respeten la mano del slider *\/\n            .proyectos-slider-container a {\n                cursor: inherit !important;\n            }\n\n            \/* Estado apretado (Grabbing) *\/\n            .proyectos-slider-container:active,\n            .proyectos-slider-container.is-dragging {\n                cursor: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/mano-cerrada.png') 12 12, grabbing !important;\n            }\n\n            \/* --- FLECHAS LIMPIAS Y MORADAS --- *\/\n            .hd-arrow {\n                background-color: transparent !important;\n                color: #4f2db1;\n                border: none !important;\n                outline: none !important;\n                box-shadow: none !important;\n                width: 60px; \n                height: 60px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                cursor: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/cursor-2-mano.png') 12 12, pointer !important;\n                transition: transform 0.3s ease, color 0.3s ease;\n                flex-shrink: 0;\n                z-index: 10;\n                padding: 0;\n            }\n            \n            .hd-arrow:hover, \n            .hd-arrow:focus, \n            .hd-arrow:active {\n                background-color: transparent !important;\n                outline: none !important;\n                box-shadow: none !important;\n                border: none !important;\n                transform: scale(1.15);\n                color: #3a1f85;\n            }\n            \n            .hd-arrow:active {\n                cursor: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/cursor-4-manoclick.png') 12 12, pointer !important;\n            }\n\n            \/* --- TARJETAS --- *\/\n            .card-proyecto {\n                position: relative;\n                min-width: 350px; \n                height: 480px;\n                border-radius: 30px;\n                overflow: hidden;\n                flex-shrink: 0;\n                scroll-snap-align: start;\n                display: block;\n                background: #333; \n                user-select: none; \/* Evita que el usuario seleccione texto al arrastrar *\/\n                -webkit-user-drag: none; \/* Evita el comportamiento fantasma del navegador *\/\n            }\n            .card-bg {\n                position: absolute;\n                top: 0; left: 0; width: 100%; height: 100%;\n                background-size: cover;\n                background-position: center;\n                z-index: 1;\n                transition: transform 0.6s ease;\n            }\n            .card-overlay {\n                position: absolute;\n                top: 0; left: 0; width: 100%; height: 100%;\n                background-color: rgba(79, 45, 177, 0.85); \n                opacity: 0;\n                transition: opacity 0.4s ease;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                z-index: 2;\n            }\n            \n            \/* --- EL MARCO --- *\/\n            .card-overlay::after {\n                content: \"\";\n                position: absolute;\n                top: 20px; left: 20px; right: 20px; bottom: 20px;\n                background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/marco.png');\n                background-size: contain;\n                background-repeat: no-repeat;\n                background-position: center;\n                pointer-events: none;\n            }\n\n            .card-proyecto:hover .card-overlay { opacity: 1; }\n            .card-proyecto:hover .card-bg { transform: scale(1.05); }\n            \n            .card-content { text-align: center; color: #fff; z-index: 3; padding: 0 30px; pointer-events: none; }\n            .card-title { font-family: 'Source Code Pro', monospace !important; font-size: 22px !important; font-weight: 900 !important; color: #fff !important; text-transform: uppercase; margin-bottom: 15px !important;}\n            \/* --- EL BOT\u00d3N VER M\u00c1S --- *\/\n            .card-btn { \n                border: 2px solid #fff; \n                padding: 8px 20px; \n                border-radius: 25px; \n                font-size: 13px; \n                font-weight: 700; \n                color: #fff !important; \n                \n                \/* \ud83d\ude80 MAGIA AQU\u00cd: Revivimos el bot\u00f3n para el mouse y forzamos la mano normal *\/\n                pointer-events: auto !important; \n                cursor: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/cursor-2-mano.png') 12 12, pointer !important;\n            }\n\n            \/* Cuando hacen CLIC exactamente sobre el bot\u00f3n *\/\n            .proyectos-slider-container .card-btn:active,\n            .proyectos-slider-container:active .card-btn:hover {\n                cursor: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/cursor-4-manoclick.png') 12 12, pointer !important;\n            }\n\n            \/* --- RESPONSIVE \/ MOBILE --- *\/\n            @media (max-width: 1250px) {\n                .slider-wrapper-haydia { width: 720px; }\n            }\n\n            @media (max-width: 850px) {\n                .slider-master-haydia { padding: 40px 0; display: block; }\n                .hd-arrow { display: none; } \n                \n                .slider-wrapper-haydia { width: 100%; }\n                \n                .proyectos-slider-container { \n                    overflow-x: auto; \n                    scroll-snap-type: x mandatory; \n                    padding: 0 20px; \n                }\n                \n                .card-proyecto { min-width: 80vw; height: 400px; }\n                .card-overlay { opacity: 1; background: linear-gradient(to top, rgba(79, 45, 177, 0.9), transparent); align-items: flex-end; padding-bottom: 30px; }\n                .card-overlay::after { top: 15px; left: 15px; right: 15px; bottom: 15px; opacity: 0.5; }\n            }\n        <\/style>\n\n        <script>\n        (function() {\n            const initSlider = () => {\n                const container = document.getElementById('haydia-slider');\n                const prevBtn = document.querySelector('.hd-prev');\n                const nextBtn = document.querySelector('.hd-next');\n                if (!container) return;\n\n                let isPaused = false;\n                let interval = null;\n                \n                \/\/ Variables para el Drag\n                let isDown = false;\n                let startX;\n                let scrollLeft;\n                let isDragging = false; \/\/ Detectar si arrastr\u00f3 para no hacer clic\n\n                const smoothScrollTo = (target) => {\n                    container.style.scrollBehavior = 'smooth';\n                    container.scrollLeft = target;\n                    setTimeout(() => container.style.scrollBehavior = 'auto', 300); \/\/ Quitamos smooth para que el drag manual no se trabe\n                };\n\n                const step = (direction = 1) => {\n                    const card = container.querySelector('.card-proyecto');\n                    if (!card) return;\n                    const width = card.offsetWidth + 20;\n                    \n                    if (direction === 1) { \n                        if (container.scrollLeft + container.offsetWidth >= container.scrollWidth - 10) {\n                            smoothScrollTo(0);\n                        } else {\n                            smoothScrollTo(container.scrollLeft + width);\n                        }\n                    } else { \n                        if (container.scrollLeft <= 0) {\n                            smoothScrollTo(container.scrollWidth);\n                        } else {\n                            smoothScrollTo(container.scrollLeft - width);\n                        }\n                    }\n                };\n\n                \/\/ --- L\u00d3GICA DE DRAG (ARRASTRE CON EL MOUSE) ---\n                container.addEventListener('mousedown', (e) => {\n                    isDown = true;\n                    isDragging = false;\n                    container.classList.add('is-dragging');\n                    startX = e.pageX - container.offsetLeft;\n                    scrollLeft = container.scrollLeft;\n                    isPaused = true;\n                });\n\n                container.addEventListener('mouseleave', () => {\n                    isDown = false;\n                    container.classList.remove('is-dragging');\n                    isPaused = false;\n                });\n\n                container.addEventListener('mouseup', () => {\n                    isDown = false;\n                    container.classList.remove('is-dragging');\n                });\n\n                container.addEventListener('mousemove', (e) => {\n                    if (!isDown) return;\n                    e.preventDefault();\n                    isDragging = true;\n                    const x = e.pageX - container.offsetLeft;\n                    const walk = (x - startX); \/\/ Velocidad de arrastre\n                    container.scrollLeft = scrollLeft - walk;\n                });\n\n                \/\/ Evitar que el click se active si est\u00e1bamos arrastrando\n                const cards = container.querySelectorAll('.card-proyecto');\n                cards.forEach(card => {\n                    card.addEventListener('click', (e) => {\n                        if (isDragging) {\n                            e.preventDefault();\n                        }\n                    });\n                });\n\n                \/\/ --- EVENTOS DE FLECHAS ---\n                if (nextBtn) {\n                    nextBtn.addEventListener('click', () => {\n                        step(1);\n                        isPaused = true; \n                        setTimeout(() => isPaused = false, 5000); \n                    });\n                }\n                \n                if (prevBtn) {\n                    prevBtn.addEventListener('click', () => {\n                        step(-1);\n                        isPaused = true; \n                        setTimeout(() => isPaused = false, 5000);\n                    });\n                }\n\n                \/\/ --- AUTOPLAY INTELIGENTE ---\n                const observer = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            if (!interval) interval = setInterval(() => {\n                                if (!isPaused) step(1);\n                            }, 3500);\n                        } else {\n                            if (interval) { clearInterval(interval); interval = null; }\n                        }\n                    });\n                }, { threshold: 0.1 });\n\n                observer.observe(container);\n                \n                container.addEventListener('mouseenter', () => isPaused = true);\n                container.addEventListener('mouseleave', () => isPaused = false);\n            };\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initSlider);\n            } else {\n                initSlider();\n            }\n        })();\n        <\/script>\n\n    \n\t<h2>Somos una<strong> agencia creativa<\/strong> en Cali experta en dise\u00f1o, producci\u00f3n audiovisual y estrategia para <strong>organizaciones de impacto<\/strong> global y local.<\/h2>\n<h2>\n\t\t<a href=\"https:\/\/haydia.co\/servicios\/#grafico\" title=\"TALLERGR\u00c1FICO\"  target=\"_self\">\n\t\t\tTALLERGR\u00c1FICO\t\t<\/a>\n\t<\/h2>\n<h2>\n\t\t<a href=\"https:\/\/haydia.co\/servicios\/#audiovisual\" title=\"TALLERAUDIOVISUAL\"  target=\"_self\">\n\t\t\tTALLER<br \/>AUDIOVISUAL\t\t<\/a>\n\t<\/h2>\n<h2>\n\t\t<a href=\"https:\/\/haydia.co\/servicios\/#estrategico\" title=\"PROYECTOSESTRAT\u00c9GICOS\"  target=\"_self\">\n\t\t\tPROYECTOS<br \/>ESTRAT\u00c9GICOS\t\t<\/a>\n\t<\/h2>\n\t\t\t<a href=\"https:\/\/haydia.co\/servicios\"  target=\"_self\">\n\t\t\t\t\t\t\tConoce nuestros servicios\n\t\t\t\t\t<\/a>\n\t<p>CULTIVAMOS HISTORIAS JUNTO A:<\/p>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/cicr3.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/cicr3.png 623w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/cicr3-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/cicr3-18x9.png 18w\" width=\"623\" height=\"312\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/puj.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/puj.png 622w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/puj-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/puj-18x9.png 18w\" width=\"622\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/granja.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/granja.png 623w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/granja-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/granja-18x9.png 18w\" width=\"623\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/tangara.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/tangara.png 623w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/tangara-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/tangara-18x9.png 18w\" width=\"623\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/dimayor.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/dimayor.png 622w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/dimayor-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/dimayor-18x9.png 18w\" width=\"622\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/walk21.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/walk21.png 622w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/walk21-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/walk21-18x9.png 18w\" width=\"622\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/despacio.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/despacio.png 622w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/despacio-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/despacio-18x9.png 18w\" width=\"622\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/chispa.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/chispa.png 622w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/chispa-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/chispa-18x9.png 18w\" width=\"622\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/bellas-artes.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/bellas-artes.png 622w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/bellas-artes-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/bellas-artes-18x9.png 18w\" width=\"622\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/incolballet.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/incolballet.png 623w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/incolballet-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/incolballet-18x9.png 18w\" width=\"623\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/delirio.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/delirio.png 623w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/delirio-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/delirio-18x9.png 18w\" width=\"623\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/Greenlist.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/Greenlist.png 622w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/Greenlist-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/Greenlist-18x9.png 18w\" width=\"622\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/urbavial.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/urbavial.png 622w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/urbavial-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/urbavial-18x9.png 18w\" width=\"622\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/SIDOC.png\" alt=\"\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/SIDOC.png 622w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/SIDOC-300x150.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/SIDOC-18x9.png 18w\" width=\"622\" height=\"311\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/sello.png\" alt=\"sello\" itemprop=\"image\" height=\"363\" width=\"378\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/sello.png 378w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/sello-300x288.png 300w\" sizes=\"auto, (max-width: 378px) 100vw, 378px\" title=\"sello\" onerror=\"this.style.display='none'\"  \/>\n<h2>\n\t\t\t\u00a1ESCR\u00cdBENOS!\t<\/h2>\n<h2>\n\t\t\tY nos pondremos en contacto contigo\t<\/h2>\n \n<form action=\"\/?fl_builder#wpcf7-f1163-o1\" method=\"post\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset><input type=\"hidden\" name=\"_wpcf7\" value=\"1163\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_CO\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1163-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n\t\t\t<label>Tu Nombre*<\/label><br \/>\n<input size=\"40\" maxlength=\"400\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\" value=\"\" type=\"text\" name=\"your-name\" \/>\n\t\t\t\n\t\t\t<label>Tu Email*<\/label><br \/>\n<input size=\"40\" maxlength=\"400\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\" value=\"\" type=\"email\" name=\"your-email\" \/>\n\t\t\t\n\t\t\t<label>Mensaje*<\/label><br \/>\n<textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\" name=\"your-message\"><\/textarea>\n\t\t\t\n\t\t<input type=\"submit\" value=\"ENVIAR\" \/>\n\t\t\n<\/form>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":151,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-19","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":11,"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":1243,"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/pages\/19\/revisions\/1243"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/media\/151"}],"wp:attachment":[{"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}