{"id":552,"date":"2026-05-28T22:51:11","date_gmt":"2026-05-28T22:51:11","guid":{"rendered":"https:\/\/haydia.co\/nuevo\/?page_id=552"},"modified":"2026-06-03T17:36:29","modified_gmt":"2026-06-03T17:36:29","slug":"portafolio-audiovisual","status":"publish","type":"page","link":"https:\/\/haydia.co\/en\/portafolio-audiovisual\/","title":{"rendered":"Portafolio audiovisual"},"content":{"rendered":"<h2 class=\"translation-block\">AUDIOVISUAL<br>PORTFOLIO<\/h2>\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/haydia.co\/en\/portafolio\/\" 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\/graphcic.png\" alt=\"bt-grafico\" itemprop=\"image\" height=\"212\" width=\"645\" srcset=\"https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/graphcic.png 645w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/graphcic-300x99.png 300w, https:\/\/haydia.co\/wp-content\/uploads\/2026\/06\/graphcic-18x6.png 18w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" title=\"bt-grafico\" 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=\"audiovisual-grid-main\">\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/www.youtube.com\/embed\/0BC7A9Hu5Lw')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/jpeg-optimizer_CICR-Mision-Sur-de-Bolivar-2025-Hay-Dia-5-1024x683.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Protecci\u00f3n y prevenci\u00f3n frente al riesgo de artefactos explosivos en comunidades<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Misi\u00f3n Audiovisual \u2022 Comit\u00e9 Internacional de la Cruz Roja \u2022 2025                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/www.youtube.com\/embed\/AYfILzBh5M8')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/jpeg-optimizer_Cumaral-106-1024x683.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Cultivando Futuro: Cacao Sostenible en Matav\u00e9n<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Documental \u2022 REDD+ Matav\u00e9n - Granja Tarapac\u00e1 \u2022 2025                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/www.youtube.com\/embed\/vtNKWSdkUIA')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/i3.ytimg.com\/vi\/vtNKWSdkUIA\/hqdefault.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Ecobarrio Calima<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Documental \u2022 Universidad Javeriana \u2022 2025                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/www.youtube.com\/embed\/YfPrh5KZNtg')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/i3.ytimg.com\/vi\/YfPrh5KZNtg\/hqdefault.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Una historia sobre lazos comunitarios<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Misi\u00f3n Audiovisual \u2022 Comit\u00e9 Internacional de la Cruz Roja \u2022 2024                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/www.youtube.com\/embed\/DV2lFTJQ5ok')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/jpeg-optimizer_Captura-de-pantalla-2026-05-29-a-las-7.11.32-p.m-1024x573.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Cada huerta es un mundo<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Serie documental \u2022 Sembrando Cali \u2022 2022                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/player.vimeo.com\/video\/1058628464')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/vumbnail.com\/1058628464.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Video institucional Bellas Artes<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Realizaci\u00f3n audiovisual \u2022 Bellas Artes \u2022 2022                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/www.youtube.com\/embed\/9JodaZha_Eo')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/i3.ytimg.com\/vi\/9JodaZha_Eo\/hqdefault.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Conflicto armado y pandemia, la dif\u00edcil realidad de Colombia<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Animaci\u00f3n \u2022 Comit\u00e9 Internacional de la Cruz Roja \u2022 2021                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/www.youtube.com\/embed\/GKt-mBNJiHk')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/jpeg-optimizer_Mision-Saravena-CICR-2022-Hay-Dia-28-1024x684.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Miel con sabor a resiliencia<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Misi\u00f3n Audiovisual \u2022 Comit\u00e9 Internacional de la Cruz Roja \u2022 2023                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/player.vimeo.com\/video\/546559307')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/vumbnail.com\/546559307.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Oiga, mire, vea. Datos sobre homicidios en Cali<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Animaci\u00f3n \u2022 Chispa - Acci\u00f3n Social \u2022 2021                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/player.vimeo.com\/video\/546539961')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/vumbnail.com\/546539961.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Celebra con tu cocina tradicional<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Promocional \u2022 Escuela Taller Naranja \u2022 2020                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/www.youtube.com\/embed\/rCbp0vMp7lI')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/jpeg-optimizer_DSC03827-1024x684.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Ritos f\u00fanebres en comunidades afrodescendientes en Colombia<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Misi\u00f3n Audiovisual \u2022 Comit\u00e9 Internacional de la Cruz Roja \u2022 2023                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/www.youtube.com\/embed\/6YqnjFyP9Qg')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/i3.ytimg.com\/vi\/6YqnjFyP9Qg\/hqdefault.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Brisas de Caranal: un pueblo colombiano que resurgi\u00f3 de las cenizas<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Misi\u00f3n Audiovisual \u2022 Comit\u00e9 Internacional de la Cruz Roja \u2022 2021                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"audiovisual-item\">\n                    <a href=\"javascript:void(0);\" onclick=\"abrirVideoHayDia('https:\/\/www.youtube.com\/embed\/ygtTBrMe8BY')\" class=\"video-link-trigger\">\n                        <div class=\"video-wrapper\">\n                            <div class=\"video-img\" style=\"background-image: url('https:\/\/haydia.co\/wp-content\/uploads\/2026\/05\/Diseno-sin-titulo-1024x579.jpg');\"><\/div>\n                            <div class=\"video-overlay\">\n                                <div class=\"play-icon-svg\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"white\" width=\"70\" height=\"70\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                    \n                    <div class=\"video-info-haydia\">\n                        <h3 class=\"video-titulo-hd\">Magia<\/h3>\n                        \n                        <div class=\"video-metadatos\">\n                            Realizaci\u00f3n Audiovisual \u2022 Clownencuentro \u2022 2018                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n        <div id=\"haydia-video-popup\" class=\"hd-popup-overlay\" onclick=\"cerrarVideoHayDia()\">\n            <div class=\"hd-popup-content\">\n                <span class=\"hd-close\" onclick=\"cerrarVideoHayDia()\">&times;<\/span>\n                <iframe id=\"hd-iframe\" src=\"\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\n            <\/div>\n        <\/div>\n\n        <script>\n            function abrirVideoHayDia(url) {\n                const popup = document.getElementById('haydia-video-popup');\n                const iframe = document.getElementById('hd-iframe');\n                if(!popup || !iframe) return;\n                const separator = url.includes('?') ? '&' : '?';\n                iframe.src = url + separator + \"autoplay=1\";\n                popup.style.display = 'flex';\n            }\n            function cerrarVideoHayDia() {\n                const popup = document.getElementById('haydia-video-popup');\n                const iframe = document.getElementById('hd-iframe');\n                if(!iframe) return;\n                iframe.src = '';\n                popup.style.display = 'none';\n            }\n        <\/script>\n\n        <style>\n            .audiovisual-grid-main { \n                display: grid; \n                grid-template-columns: repeat(2, 1fr); \n                gap: 60px 100px; \n                padding: 20px 0; \n                width: 100%; \n            }\n\n            .video-wrapper { \n                position: relative; \n                height: 340px; \n                border-radius: 35px; \n                overflow: hidden; \n                background-color: #4f2db1; \n                cursor: pointer; \n            }\n\n            .video-img { \n                position: absolute; \n                top: 0; left: 0; width: 100%; height: 100%; \n                background-size: cover; \n                background-position: center; \n                transition: 0.5s ease; \n            }\n\n            .video-overlay { \n                position: absolute; \n                top: 0; left: 0; width: 100%; height: 100%; \n                background: rgba(79, 45, 177, 0.65); \n                display: flex; \n                align-items: center; \n                justify-content: center; \n                opacity: 0; \n                transition: 0.3s; \n                z-index: 2; \n            }\n\n            .audiovisual-item:hover .video-overlay { opacity: 1; }\n            .audiovisual-item:hover .video-img { transform: scale(1.08); }\n\n            \/* --- TEXTOS CENTRADOS --- *\/\n            .video-info-haydia {\n                margin-top: 20px;\n                margin-bottom: 15px;\n                text-align: center; \n                display: flex;\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .video-titulo-hd {\n                font-family: 'Source Code Pro', monospace;\n                font-size: 16px; \n                font-weight: 900 !important; \/* <--- \u00a1ESTE ERA EL CULPABLE! AHORA ES 900 *\/\n                color: #4f2db1;\n                text-transform: uppercase;\n                margin: 0 0 5px 0;\n                line-height: 1.2;\n                letter-spacing: 0.5px;\n            }\n\n            .video-metadatos {\n                font-family: 'Source Code Pro', monospace;\n                font-size: 12px;\n                font-weight: 400;\n                color: #000000;\n                opacity: 1;\n                text-transform: uppercase;\n                margin: 0;\n                letter-spacing: 1px;\n            }\n\n            \/* --- POPUP --- *\/\n            .hd-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.92); display: none; align-items: center; justify-content: center; z-index: 999999; }\n            .hd-popup-content { position: relative; width: 85%; max-width: 1000px; aspect-ratio: 16\/9; }\n            .hd-popup-content iframe { width: 100%; height: 100%; border-radius: 20px; }\n            .hd-close { position: absolute; top: -50px; right: 0; color: white; font-size: 50px; cursor: pointer; }\n\n            \/* --- AJUSTES M\u00d3VIL --- *\/\n            @media (max-width: 768px) {\n                .audiovisual-grid-main { \n                    grid-template-columns: 1fr; \n                    gap: 40px; \n                } \n                .video-wrapper { \n                    height: 260px; \n                }\n                .video-titulo-hd { \n                    font-size: 17px; \n                }\n                .video-info-haydia { \n                    margin-top: 15px; \n                }\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-552","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/pages\/552","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=552"}],"version-history":[{"count":10,"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/pages\/552\/revisions"}],"predecessor-version":[{"id":1070,"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/pages\/552\/revisions\/1070"}],"wp:attachment":[{"href":"https:\/\/haydia.co\/en\/wp-json\/wp\/v2\/media?parent=552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}