{"id":667,"date":"2026-01-17T07:26:49","date_gmt":"2026-01-17T12:26:49","guid":{"rendered":"https:\/\/juansebastianmendez.com\/?p=667"},"modified":"2026-03-23T11:55:39","modified_gmt":"2026-03-23T16:55:39","slug":"etnodj","status":"publish","type":"post","link":"https:\/\/juansebastianmendez.com\/en\/etnodj\/","title":{"rendered":"EtnoDJ"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"667\" class=\"elementor elementor-667\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d8a05cd e-con-full e-flex e-con e-parent\" data-id=\"1d8a05cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ee2175e elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"5ee2175e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">ETNODJ<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a72a42c e-flex e-con-boxed e-con e-parent\" data-id=\"4a72a42c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c184c2f elementor-widget elementor-widget-spacer\" data-id=\"3c184c2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-483162a e-con-full e-flex e-con e-parent\" data-id=\"483162a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9d81d6d e-con-full e-flex e-con e-child\" data-id=\"9d81d6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5597fe4b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"5597fe4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>EtnoDJ es un exploratorio sonoro de Colombia que teje un archivo colectivo de los sonidos del pa\u00eds. Recopilamos sonidos de cantos, relatos, naturaleza, instrumentos y elementos cotidianos para crear composiciones que mezclan la pluralidad de las voces que lo conforman, imaginando nuevas maneras de reconocernos, narrarnos y conectarnos a trav\u00e9s del sonido y m\u00e1s all\u00e1 de los l\u00edmites geogr\u00e1ficos.\u00a0<\/p><p>Como co-fundador y desarrollador principal, lidero el dise\u00f1o (UX\/UI) y la programaci\u00f3n full-stack de la pieza central del exploratorio: una consola digital de mezcla de audio, permitiendo a los usuarios mezclar e interactuar con archivos de audio del patrimonio material e inmaterial colombiano en tiempo real.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-704d3b53 e-con-full e-flex e-con e-child\" data-id=\"704d3b53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ecc3448 elementor-widget elementor-widget-heading\" data-id=\"3ecc3448\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><span style=\"font-size: 1.5rem\">Tecnolog\u00edas usadas:<\/span><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d1595e elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"1d1595e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-html5\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">HTML <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-js-square\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM243.8 381.4c0 43.6-25.6 63.5-62.9 63.5-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5V237.7h42.1v143.7zm99.6 63.5c-39.1 0-64.4-18.6-76.7-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">JavaScript<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-css3\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M480 32l-64 368-223.3 80L0 400l19.6-94.8h82l-8 40.6L210 390.2l134.1-44.4 18.8-97.1H29.5l16-82h333.7l10.5-52.7H56.3l16.3-82H480z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">CSS<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-figma\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M277 170.7A85.35 85.35 0 0 0 277 0H106.3a85.3 85.3 0 0 0 0 170.6 85.35 85.35 0 0 0 0 170.7 85.35 85.35 0 1 0 85.3 85.4v-256zm0 0a85.3 85.3 0 1 0 85.3 85.3 85.31 85.31 0 0 0-85.3-85.3z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Figma<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0be0744 e-flex e-con-boxed e-con e-parent\" data-id=\"0be0744\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7aa1a7 elementor-widget elementor-widget-spacer\" data-id=\"d7aa1a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7802a40 e-con-full e-flex e-con e-parent\" data-id=\"7802a40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b07c818 e-con-full e-flex e-con e-child\" data-id=\"b07c818\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ff367a elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"0ff367a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"960\" height=\"1110\" src=\"https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/Estampilla-e1774268575415.png\" class=\"attachment-full size-full wp-image-1107\" alt=\"\" srcset=\"https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/Estampilla-e1774268575415.png 960w, https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/Estampilla-e1774268575415-259x300.png 259w, https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/Estampilla-e1774268575415-886x1024.png 886w, https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/Estampilla-e1774268575415-768x888.png 768w, https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/Estampilla-e1774268575415-10x12.png 10w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f200079 e-con-full e-flex e-con e-child\" data-id=\"f200079\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84b32ec elementor-widget elementor-widget-heading\" data-id=\"84b32ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">El exploratorio<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a67ccc elementor-widget elementor-widget-text-editor\" data-id=\"3a67ccc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"11,1,1,0\">Ganador del <b data-path-to-node=\"11,1,1,0\" data-index-in-node=\"12\">Est\u00edmulo Nacional 2025 <\/b><span data-path-to-node=\"11,1,1,0\" data-index-in-node=\"12\"><b>para el desarrollo de proyectos transmedia<\/b> otorgado por <\/span><span data-path-to-node=\"11,1,1,0\" data-index-in-node=\"12\">el<\/span><b data-path-to-node=\"11,1,1,0\" data-index-in-node=\"12\"> Ministerio de las Culturas de Colombia<\/b>, EtnoDJ es m\u00e1s que un proyecto; es un ecosistema cultural, pedag\u00f3gico, art\u00edstico y tecnol\u00f3gico. El exploratorio busca democratizar el acceso a los sonidos que representan a Colombia, sus culturas, sus\u00a0 territorios y las personas que lo habitan, a trav\u00e9s de la interacci\u00f3n digital.<\/p><p data-path-to-node=\"11,1,1,1\">Si deseas conocer m\u00e1s sobre la investigaci\u00f3n, el trasfondo cultural y el equipo detr\u00e1s de este exploratorio, te invito a visitar la p\u00e1gina web principal.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9b0237 e-con-full e-flex e-con e-child\" data-id=\"e9b0237\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e264f8 elementor-widget elementor-widget-button\" data-id=\"5e264f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/etnodj.com\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">P\u00e1gina web<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9948a06 e-flex e-con-boxed e-con e-parent\" data-id=\"9948a06\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d26fab7 elementor-widget elementor-widget-spacer\" data-id=\"d26fab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccd7b67 e-con-full e-flex e-con e-parent\" data-id=\"ccd7b67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1e037c7 e-con-full e-flex e-con e-child\" data-id=\"1e037c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f396352 elementor-widget elementor-widget-heading\" data-id=\"f396352\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">De la idea al prototipo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c12a225 elementor-widget elementor-widget-text-editor\" data-id=\"c12a225\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"17,1,1,0\">El desaf\u00edo principal fue dise\u00f1ar una interfaz que fuera intuitiva para usuarios sin experiencia musical, pero lo suficientemente robusta para funcionar como una consola real. Utilizando <b data-path-to-node=\"17,1,1,1\" data-index-in-node=\"11\">Figma<\/b>, se ha desarrollo todo el flujo de experiencia de usuario (UX) y el dise\u00f1o de interfaz (UI). Se crearon los esquemas\u00a0 para probar la ergonom\u00eda de los controles en pantallas de escritorio, evolucionando hasta un prototipo interactivo de alta fidelidad que defini\u00f3 la est\u00e9tica inmersiva y t\u00e1ctil de la consola final<\/p><p data-path-to-node=\"17,1,1,0\">En el dise\u00f1o y desarrollo de la consola se estan incluyendo <b>ajustes razonables<\/b> para asegurar el acceso a todos y todas, sin importar sus condiciones fisicas o cognitivas.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e55195 e-con-full e-flex e-con e-child\" data-id=\"6e55195\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1d0cd4 proyecto-card elementor-widget elementor-widget-image\" data-id=\"f1d0cd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/EtnoDJ_evolucion-scaled.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"EtnoDJ_evolucio\u0301n\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTEwNiwidXJsIjoiaHR0cHM6XC9cL2p1YW5zZWJhc3RpYW5tZW5kZXouY29tXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wMVwvRXRub0RKX2V2b2x1Y2lvbi1zY2FsZWQucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2560\" height=\"1179\" src=\"https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/EtnoDJ_evolucion-scaled.png\" class=\"attachment-full size-full wp-image-1106\" alt=\"\" srcset=\"https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/EtnoDJ_evolucion-scaled.png 2560w, https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/EtnoDJ_evolucion-300x138.png 300w, https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/EtnoDJ_evolucion-1024x472.png 1024w, https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/EtnoDJ_evolucion-768x354.png 768w, https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/EtnoDJ_evolucion-1536x707.png 1536w, https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/EtnoDJ_evolucion-2048x943.png 2048w, https:\/\/juansebastianmendez.com\/wp-content\/uploads\/2026\/01\/EtnoDJ_evolucion-18x8.png 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8b83e1 e-con-full e-flex e-con e-child\" data-id=\"b8b83e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98fc4fc elementor-widget elementor-widget-button\" data-id=\"98fc4fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.figma.com\/proto\/YX2rNvKrNw6xlhjz9Slmlc\/EtnoDJ-3?page-id=7033%3A251&#038;node-id=9799-238&#038;p=f&#038;viewport=886%2C2%2C0.45&#038;t=ONXLVsSKQx2XG0Dk-1&#038;scaling=scale-down&#038;content-scaling=fixed\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Prototipo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4096eca elementor-widget elementor-widget-button\" data-id=\"4096eca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/etnodj.com\/consola\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Consola<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af58370 e-flex e-con-boxed e-con e-parent\" data-id=\"af58370\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2c5053 elementor-widget elementor-widget-html\" data-id=\"b2c5053\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/p5.js\/1.4.0\/p5.min.js\"><\/script>\n\n<style>\n  #aurora-final-canvas {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: -1;\n    pointer-events: none;\n  }\n  \n.fixed-card {\n    background: rgba(15, 20, 35, 0) !important; \n    backdrop-filter: blur(2px) !important; \n    -webkit-backdrop-filter: blur(12px); \n    border: 1px solid rgba(255, 255, 255, 0.1) !important; \n    border-radius: 12px !important; \n    transition: transform 0.3s ease, border-color 0.3s ease !important;\n}\n.proyecto-card {\n    position: relative; \n    background: rgba(11, 13, 21, 0) !important; \/* Fondo transparente *\/\n    border: 0px solid rgba(255, 255, 255, 0.1) !important; \n    border-radius: 12px !important;\n    padding: 10px !important;\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;\n    overflow: hidden; \n}\n\n\n.proyecto-card:hover {\n    transform: translateY(-5px); \n    border-color: rgba(120, 174, 96, 1) !important; \n    box-shadow: 0px 0px 8px 5px rgba(120, 174, 96, 0.6) !important; \n    \n    backdrop-filter: blur(5px) !important;\n    -webkit-backdrop-filter: blur(5px);\n    cursor: pointer; \n}\n\n\n\n\n<\/style>\n\n<script>\n\/\/ --- VARIABLES GLOBALES ---\nlet t = 0; \nlet stars = []; \nlet shootingStars = [];\n\nfunction setup() {\n  let canvas = createCanvas(windowWidth, windowHeight);\n  canvas.id('aurora-final-canvas');\n  \n  \/\/ Inicializar estrellas est\u00e1ticas\n  for (let i = 0; i < 200; i++) {\n    stars.push({\n      x: random(width),\n      y: random(height),\n      size: random(0.5, 3), \n      baseAlpha: random(50, 200) \n    });\n  }\n}\n\nfunction draw() {\n  \/\/ 1. LIMPIEZA DEL FONDO (Modo BLEND para que limpie bien el frame anterior)\n  blendMode(BLEND); \n  background(11, 12, 21); \n\n  \/\/ 2. ACTIVAR MODO NE\u00d3N (Para que las luces brillen)\n  blendMode(ADD);\n\n  \/\/ ==========================================\n  \/\/ CAPA 1: ESTRELLAS\n  \/\/ ==========================================\n  noStroke(); \n  \n  for (let s of stars) {\n    let flicker = noise(s.x * 0.01, t * 2) * 50; \n    fill(255, 255, 255, s.baseAlpha - flicker);\n    ellipse(s.x, s.y, s.size);\n  }\n\n  \/\/ Estrellas Fugaces\n  if (random(1) < 0.01) { \n    shootingStars.push(createShootingStar());\n  }\n\n  for (let i = shootingStars.length - 1; i >= 0; i--) {\n    let ss = shootingStars[i];\n    ss.x += ss.vx;\n    ss.y += ss.vy;\n    ss.life -= 4; \n\n    if (ss.life > 0) {\n      let tailLength = 60;\n      \n      strokeWeight(2);\n      stroke(255); \n      \n      let gradient = drawingContext.createLinearGradient(ss.x, ss.y, ss.x - ss.vx*tailLength, ss.y - ss.vy*tailLength);\n      gradient.addColorStop(0, `rgba(255, 255, 255, ${ss.life\/255})`);\n      gradient.addColorStop(1, 'rgba(255, 255, 255, 0)');\n      \n      drawingContext.strokeStyle = gradient;\n      line(ss.x, ss.y, ss.x - ss.vx*tailLength, ss.y - ss.vy*tailLength);\n      \n      noStroke(); \n      \n    } else {\n      shootingStars.splice(i, 1); \n    }\n  }\n}\n\nfunction createShootingStar() {\n  return {\n    x: random(width),\n    y: random(-50, height\/3),\n    vx: random(10, 25),\n    vy: random(5, 10),\n    life: 150\n  };\n}\n\nfunction windowResized() {\n  resizeCanvas(windowWidth, windowHeight);\n  stars = [];\n  setup();\n}\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ETNODJ EtnoDJ es un exploratorio sonoro de Colombia que teje un archivo colectivo de los sonidos del pa\u00eds. Recopilamos sonidos de cantos, relatos, naturaleza, instrumentos y elementos cotidianos para crear composiciones que mezclan la pluralidad de las voces que lo conforman, imaginando nuevas maneras de reconocernos, narrarnos y conectarnos a trav\u00e9s del sonido y m\u00e1s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-667","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/juansebastianmendez.com\/en\/wp-json\/wp\/v2\/posts\/667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juansebastianmendez.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/juansebastianmendez.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/juansebastianmendez.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juansebastianmendez.com\/en\/wp-json\/wp\/v2\/comments?post=667"}],"version-history":[{"count":52,"href":"https:\/\/juansebastianmendez.com\/en\/wp-json\/wp\/v2\/posts\/667\/revisions"}],"predecessor-version":[{"id":1136,"href":"https:\/\/juansebastianmendez.com\/en\/wp-json\/wp\/v2\/posts\/667\/revisions\/1136"}],"wp:attachment":[{"href":"https:\/\/juansebastianmendez.com\/en\/wp-json\/wp\/v2\/media?parent=667"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/juansebastianmendez.com\/en\/wp-json\/wp\/v2\/categories?post=667"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/juansebastianmendez.com\/en\/wp-json\/wp\/v2\/tags?post=667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}