{"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-04T01:52:28","modified_gmt":"2026-06-04T01:52:28","slug":"inicio","status":"publish","type":"page","link":"https:\/\/haydia.co\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<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\tCREATIVE AGENCY\t<\/h2>\n<h2>\n\t\t\tExplore our\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\tRECENT<br>PROJECTS\t<\/h2>\n\t\t\t<a href=\"https:\/\/haydia.co\/en\/portafolio\/\"  target=\"_self\">\n\t\t\t\t\t\t\tFull portfolio\n\t\t\t\t\t<\/a>\n\t        <div class=\"slider-master-haydia\">\n            <!-- Flecha Izquierda -->\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\/sembrando-cali\/\" class=\"card-proyecto\">\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\">VIEW MORE<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/violencia-sexual-en-los-conflictos-armados\/\" class=\"card-proyecto\">\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\">VIEW MORE<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/futuros-urbanos\/\" class=\"card-proyecto\">\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\">VIEW MORE<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/ruta-humaya\/\" class=\"card-proyecto\">\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\">VIEW MORE<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/un-rebulu\/\" class=\"card-proyecto\">\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\">VIEW MORE<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/bellas-artes\/\" class=\"card-proyecto\">\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 visual identity<\/h3>\n                                    <span class=\"card-btn\">VIEW MORE<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/next-gen-c\/\" class=\"card-proyecto\">\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\">VIEW MORE<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/tangara\/\" class=\"card-proyecto\">\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\">VIEW MORE<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/viche-dona-sofi\/\" class=\"card-proyecto\">\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\">VIEW MORE<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                            <a href=\"https:\/\/haydia.co\/en\/proyectos\/la-ramada\/\" class=\"card-proyecto\">\n                            <div class=\"card-bg\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Ramada4-684x1024.jpg');\"><\/div>\n                            <div class=\"card-overlay\">\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">La Ramada<\/h3>\n                                    <span class=\"card-btn\">VIEW MORE<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                                    <\/div>\n            <\/div>\n\n            <!-- Flecha Derecha -->\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 (Anchos exactos para no cortar tarjetas) --- *\/\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: smooth;\n                width: 100%;\n            }\n            .proyectos-slider-container::-webkit-scrollbar { display: none; }\n            \n            \/* --- FLECHAS LIMPIAS Y MORADAS --- *\/\n            .hd-arrow {\n                background-color: transparent !important; \/* Fuerza a que no haya fondo *\/\n                color: #4f2db1; \/* Morado Hay D\u00eda *\/\n                border: none !important; \/* Fuerza a que no haya bordes del tema *\/\n                outline: none !important; \/* Quita el anillo azul de accesibilidad por defecto *\/\n                box-shadow: none !important; \/* Quita sombras inyectadas por el tema *\/\n                width: 60px; \n                height: 60px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                cursor: pointer;\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; \/* Mantiene la transparencia al interactuar *\/\n                outline: none !important;\n                box-shadow: none !important;\n                border: none !important;\n                transform: scale(1.15); \/* Crece sutilmente *\/\n                color: #3a1f85; \/* Morado m\u00e1s oscuro al interactuar *\/\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            }\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; }\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            .card-btn { border: 2px solid #fff; padding: 8px 20px; border-radius: 25px; font-size: 13px; font-weight: 700; color: #fff !important; }\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; } \/* Ocultamos flechas en m\u00f3vil para mantener el swipe *\/\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                const step = (direction = 1) => {\n                    const card = container.querySelector('.card-proyecto');\n                    if (!card) return;\n                    \n                    const width = card.offsetWidth + 20;\n                    \n                    if (direction === 1) { \n                        if (container.scrollLeft + container.offsetWidth >= container.scrollWidth - 10) {\n                            container.scrollTo({ left: 0, behavior: 'smooth' });\n                        } else {\n                            container.scrollBy({ left: width, behavior: 'smooth' });\n                        }\n                    } else { \n                        if (container.scrollLeft <= 0) {\n                            container.scrollTo({ left: container.scrollWidth, behavior: 'smooth' });\n                        } else {\n                            container.scrollBy({ left: -width, behavior: 'smooth' });\n                        }\n                    }\n                };\n\n                \/\/ Eventos de las 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 class=\"translation-block\">Based in Cali - Colombia, we are a <strong>creative agency<\/strong> delivering design, audiovisual production, and strategy for global and local <strong>impact organizations<\/strong>.<\/h2>\n<h2 class=\"translation-block\"><a href=\"https:\/\/haydia.co\/en\/servicios\/#grafico\" title=\"GRAPHICSTUDIO\" target=\"_self\">\n\t\t\tGRAPHIC STUDIO\t\t<\/a><\/h2>\n<h2 class=\"translation-block\"><a href=\"https:\/\/haydia.co\/en\/EN\/servicios\/#audiovisual\" title=\"TALLERAUDIOVISUAL\" target=\"_self\">\n\t\t\tAUDIOVISUAL<br>STUDIO\t\t<\/a><\/h2>\n<h2 class=\"translation-block\">STRATEGIC<br>PROJECTS<\/h2>\n\t\t\t<a href=\"https:\/\/haydia.co\/en\/servicios\/\"  target=\"_self\">\n\t\t\t\t\t\t\tEXPLORE OUR SERVICES\n\t\t\t\t\t<\/a>\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\tLET'S TALK!\t<\/h2>\n<h2>\n\t\t\tWe'll get back to you soon.\t<\/h2>\n<form action=\"\">\n\t<input type=\"hidden\" name=\"fl-layout-id\" value=\"19\" \/>\n    \t\t<label for=\"pp-name-\">Full name<\/label>\n    \t\tPlease enter your name.\n    \t\t<input type=\"text\" name=\"pp-name\" id=\"pp-name-\" value=\"\" placeholder=\"Full name\"  \/>\n    \t\t<label for=\"pp-email-\">Your email<\/label>\n    \t\tPlease enter a valid email address.\n    \t\t<input type=\"email\" name=\"pp-email\" id=\"pp-email-\" value=\"\" placeholder=\"Your email\"  \/>\n    \t\t<label for=\"pp-message-\">Your message<\/label>\n    \t\tPlease type your message.\n    \t\t<textarea name=\"pp-message\" id=\"pp-message-\" placeholder=\"Your message\"><\/textarea>\n    \t<a href=\"#\" target=\"_self\" role=\"button\">\n    \t\t    \t\t    \t\tsend\n    \t\t    \t\t    \t<\/a>\n\t\t\tMessage failed. Please try again.\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n  <p>Gracias por tu mensaje, te responderemos cuanto antes<\/p>","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":1093,"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/pages\/19\/revisions\/1093"}],"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}]}}