{"id":48,"date":"2026-05-20T18:07:54","date_gmt":"2026-05-20T18:07:54","guid":{"rendered":"https:\/\/haydia.co\/nuevo\/?page_id=48"},"modified":"2026-06-03T17:34:22","modified_gmt":"2026-06-03T17:34:22","slug":"portafolio","status":"publish","type":"page","link":"https:\/\/haydia.co\/en\/portafolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"<h2 class=\"translation-block\">GRAPHIC<br>PORTFOLIO<\/h2>\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/haydia.co\/en\/portafolio-audiovisual\/\" target=\"_self\" itemprop=\"url\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/audiovisual.png\" alt=\"bt-audiovisul\" itemprop=\"image\" height=\"212\" width=\"645\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/audiovisual.png 645w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/audiovisual-300x99.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/audiovisual-18x6.png 18w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" title=\"audiovisual production\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/haydia.co\/en\/portafolio-estrategico\/\" target=\"_self\" itemprop=\"url\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/strategic.png\" alt=\"bt-estrategicos\" itemprop=\"image\" height=\"212\" width=\"645\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/strategic.png 645w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/strategic-300x99.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/strategic-18x6.png 18w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" title=\"bt-estrategicos\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t        <div class=\"portafolio-grid-main\">\n                            <div class=\"proyecto-item\">\n                    <a href=\"https:\/\/haydia.co\/en\/proyectos\/sembrando-cali\/\" class=\"proyecto-card-link\">\n                        <div class=\"proyecto-card-wrapper\">\n                            <div class=\"proyecto-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Sembrando-Cali-Portada-848x1024.jpg');\"><\/div>\n                            <div class=\"proyecto-overlay\">\n                                <div class=\"proyecto-hover-btn\">VIEW MORE<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    <div class=\"proyecto-info-ext\">\n                        <h3 class=\"proyecto-titulo\">Sembrando Cali<\/h3>\n                        <p class=\"proyecto-meta\">\n                            Animation, Branding, Ilustration \n                             \u2014 2026                        <\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"proyecto-item\">\n                    <a href=\"https:\/\/haydia.co\/en\/proyectos\/violencia-sexual-en-los-conflictos-armados\/\" class=\"proyecto-card-link\">\n                        <div class=\"proyecto-card-wrapper\">\n                            <div class=\"proyecto-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Ilustracione-1024x860.png');\"><\/div>\n                            <div class=\"proyecto-overlay\">\n                                <div class=\"proyecto-hover-btn\">VIEW MORE<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    <div class=\"proyecto-info-ext\">\n                        <h3 class=\"proyecto-titulo\">Hag\u00e1moslo visible<\/h3>\n                        <p class=\"proyecto-meta\">\n                            Animation - 2025                        <\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"proyecto-item\">\n                    <a href=\"https:\/\/haydia.co\/en\/proyectos\/futuros-urbanos\/\" class=\"proyecto-card-link\">\n                        <div class=\"proyecto-card-wrapper\">\n                            <div class=\"proyecto-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/destacada-sidoc-1024x808.jpg');\"><\/div>\n                            <div class=\"proyecto-overlay\">\n                                <div class=\"proyecto-hover-btn\">VIEW MORE<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    <div class=\"proyecto-info-ext\">\n                        <h3 class=\"proyecto-titulo\">Futuros Urbanos<\/h3>\n                        <p class=\"proyecto-meta\">\n                            Branding, Ilustration \n                             \u2014 2025                        <\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"proyecto-item\">\n                    <a href=\"https:\/\/haydia.co\/en\/proyectos\/ruta-humaya\/\" class=\"proyecto-card-link\">\n                        <div class=\"proyecto-card-wrapper\">\n                            <div class=\"proyecto-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/3a6ffe211938253.672c33747908a-1024x576.png');\"><\/div>\n                            <div class=\"proyecto-overlay\">\n                                <div class=\"proyecto-hover-btn\">VIEW MORE<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    <div class=\"proyecto-info-ext\">\n                        <h3 class=\"proyecto-titulo\">Ruta Humaya<\/h3>\n                        <p class=\"proyecto-meta\">\n                            Branding, Ilustration \n                             \u2014 2024                        <\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"proyecto-item\">\n                    <a href=\"https:\/\/haydia.co\/en\/proyectos\/un-rebulu\/\" class=\"proyecto-card-link\">\n                        <div class=\"proyecto-card-wrapper\">\n                            <div class=\"proyecto-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Rebulu1-1024x682.jpg');\"><\/div>\n                            <div class=\"proyecto-overlay\">\n                                <div class=\"proyecto-hover-btn\">VIEW MORE<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    <div class=\"proyecto-info-ext\">\n                        <h3 class=\"proyecto-titulo\">Un Rebul\u00fa<\/h3>\n                        <p class=\"proyecto-meta\">\n                            Event, ilustration - 2024                        <\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"proyecto-item\">\n                    <a href=\"https:\/\/haydia.co\/en\/proyectos\/bellas-artes\/\" class=\"proyecto-card-link\">\n                        <div class=\"proyecto-card-wrapper\">\n                            <div class=\"proyecto-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Bellas-Artes-Portada-1-1024x654.png');\"><\/div>\n                            <div class=\"proyecto-overlay\">\n                                <div class=\"proyecto-hover-btn\">VIEW MORE<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    <div class=\"proyecto-info-ext\">\n                        <h3 class=\"proyecto-titulo\">Bellas Artes visual identity<\/h3>\n                        <p class=\"proyecto-meta\">\n                            Branding \n                             \u2014 2024                        <\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"proyecto-item\">\n                    <a href=\"https:\/\/haydia.co\/en\/proyectos\/next-gen-c\/\" class=\"proyecto-card-link\">\n                        <div class=\"proyecto-card-wrapper\">\n                            <div class=\"proyecto-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Next-Gen-Portada-1024x683.jpg');\"><\/div>\n                            <div class=\"proyecto-overlay\">\n                                <div class=\"proyecto-hover-btn\">VIEW MORE<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    <div class=\"proyecto-info-ext\">\n                        <h3 class=\"proyecto-titulo\">Next Gen C<\/h3>\n                        <p class=\"proyecto-meta\">\n                            Branding \n                             \u2014 2024                        <\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"proyecto-item\">\n                    <a href=\"https:\/\/haydia.co\/en\/proyectos\/tangara\/\" class=\"proyecto-card-link\">\n                        <div class=\"proyecto-card-wrapper\">\n                            <div class=\"proyecto-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/tangara5-1024x683.jpg');\"><\/div>\n                            <div class=\"proyecto-overlay\">\n                                <div class=\"proyecto-hover-btn\">VIEW MORE<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    <div class=\"proyecto-info-ext\">\n                        <h3 class=\"proyecto-titulo\">T\u00e1ngara<\/h3>\n                        <p class=\"proyecto-meta\">\n                            Branding, Ilustration\n                             \u2014 2023                        <\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"proyecto-item\">\n                    <a href=\"https:\/\/haydia.co\/en\/proyectos\/viche-dona-sofi\/\" class=\"proyecto-card-link\">\n                        <div class=\"proyecto-card-wrapper\">\n                            <div class=\"proyecto-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/destacada-dona-sofi-1024x682.jpg');\"><\/div>\n                            <div class=\"proyecto-overlay\">\n                                <div class=\"proyecto-hover-btn\">VIEW MORE<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    <div class=\"proyecto-info-ext\">\n                        <h3 class=\"proyecto-titulo\">Viche Do\u00f1a Sofi<\/h3>\n                        <p class=\"proyecto-meta\">\n                            Branding, Ilustration\n                             \u2014 2023                        <\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"proyecto-item\">\n                    <a href=\"https:\/\/haydia.co\/en\/proyectos\/la-ramada\/\" class=\"proyecto-card-link\">\n                        <div class=\"proyecto-card-wrapper\">\n                            <div class=\"proyecto-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Ramada4-684x1024.jpg');\"><\/div>\n                            <div class=\"proyecto-overlay\">\n                                <div class=\"proyecto-hover-btn\">VIEW MORE<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    <div class=\"proyecto-info-ext\">\n                        <h3 class=\"proyecto-titulo\">La Ramada<\/h3>\n                        <p class=\"proyecto-meta\">\n                            Project \n                             \u2014 2023                        <\/p>\n                    <\/div>\n                <\/div>\n                            <div class=\"proyecto-item\">\n                    <a href=\"https:\/\/haydia.co\/en\/proyectos\/viche-del-solar\/\" class=\"proyecto-card-link\">\n                        <div class=\"proyecto-card-wrapper\">\n                            <div class=\"proyecto-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/solar7-684x1024.jpg');\"><\/div>\n                            <div class=\"proyecto-overlay\">\n                                <div class=\"proyecto-hover-btn\">VIEW MORE<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    <div class=\"proyecto-info-ext\">\n                        <h3 class=\"proyecto-titulo\">Viche del Solar<\/h3>\n                        <p class=\"proyecto-meta\">\n                            Project\n                             \u2014 2023                        <\/p>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n        <style>\n            \/* TODO EL CSS AHORA EMPIEZA CON .portafolio-grid-main PARA NO FILTRARSE *\/\n            .portafolio-grid-main { display: grid; gap: 30px; width: 100%; padding: 20px 0; grid-template-columns: repeat(1, 1fr); }\n            \n            @media (min-width: 768px) { .portafolio-grid-main { grid-template-columns: repeat(2, 1fr); gap: 40px; } }\n            @media (min-width: 1024px) { .portafolio-grid-main { grid-template-columns: repeat(3, 1fr); gap: 60px; } }\n\n            .portafolio-grid-main .proyecto-card-wrapper { position: relative; height: 380px; border-radius: 35px; overflow: hidden; transition: transform 0.3s ease; }\n            .portafolio-grid-main .proyecto-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.5s ease; }\n            .portafolio-grid-main .proyecto-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(79, 45, 177, 0.7); opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center; z-index: 2; }\n            .portafolio-grid-main .proyecto-overlay::after { content: \"\"; position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/marco.png'); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; }\n            .portafolio-grid-main .proyecto-hover-btn { border: 2px solid white; color: white; padding: 8px 25px; border-radius: 50px; font-family: 'Source Code Pro', monospace; font-weight: bold; font-size: 13px; z-index: 3; }\n\n            .portafolio-grid-main .proyecto-item:hover .proyecto-overlay { opacity: 1; }\n            .portafolio-grid-main .proyecto-item:hover .proyecto-img { transform: scale(1.1); }\n\n            \/* TEXTOS CENTRADOS Y PROTEGIDOS *\/\n            .portafolio-grid-main .proyecto-info-ext { margin-top: 20px; text-align: center; display: flex; flex-direction: column; align-items: center; }\n            \n            .portafolio-grid-main .proyecto-titulo { \n                font-family: 'Source Code Pro', monospace !important; \n                font-size: 16px; \n                font-weight: 900 !important; \/* <--- AQU\u00cd EST\u00c1 EL CAMBIO A 900 (M\u00c1XIMO BOLD) *\/\n                color: #4f2db1 !important; \n                text-transform: uppercase; \n                margin: 0 0 5px 0; \n                line-height: 1.2; \n            }\n            \n            .portafolio-grid-main .proyecto-meta { \n                font-family: 'Source Code Pro', monospace !important; \n                font-size: 12px; \n                font-weight: 400 !important; \/* La meta se mantiene delgada *\/\n                color: #000000 !important; \n                text-transform: uppercase; \n                margin: 0; \n                opacity: 1; \n            }\n\n            @media (max-width: 768px) {\n                .portafolio-grid-main { gap: 40px; }\n                .portafolio-grid-main .proyecto-card-wrapper { height: 340px; }\n            }\n        <\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/pages\/48","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=48"}],"version-history":[{"count":11,"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":1069,"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/pages\/48\/revisions\/1069"}],"wp:attachment":[{"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}