{"id":1882,"date":"2026-03-11T20:38:03","date_gmt":"2026-03-12T01:38:03","guid":{"rendered":"https:\/\/wabix.com.co\/?page_id=1882"},"modified":"2026-03-30T00:27:53","modified_gmt":"2026-03-30T05:27:53","slug":"diseno","status":"publish","type":"page","link":"https:\/\/wabix.com.co\/?page_id=1882","title":{"rendered":"Dise\u00f1o"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1882\" class=\"elementor elementor-1882\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74e655a e-flex e-con-boxed e-con e-parent\" data-id=\"74e655a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbca66b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"fbca66b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DISE\u00d1O<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64c927d animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"64c927d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Y DESARROLLO WEB<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53ac6fa elementor-widget-laptop__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"53ac6fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\" style=\"text-align: center;\">Creamos marcas y desarrollamos soluciones digitales pensadas para perdurar, evolucionar y posicionarse en mercados competitivos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fdb87d elementor-widget__width-auto elementor-widget-laptop__width-initial elementor-widget-mobile__width-auto elementor-invisible elementor-widget elementor-widget-html\" data-id=\"6fdb87d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- ============================================================\n     GALER\u00cdA ARCO ROTATIVA \u2014 HTML\n     Pega este bloque en un widget HTML de Elementor\n     ============================================================ -->\n\n<div class=\"gw\">\n  <div class=\"gt-wrap\">\n    <div class=\"gt\" id=\"gt\">\n\n      <!-- TARJETA 1 \u2014 reemplaza src con tu URL y el span con tu t\u00edtulo -->\n      <div class=\"gc\">\n        <img decoding=\"async\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/post_RB.png\">\n        <span><\/span>\n      <\/div>\n\n      <!-- TARJETA 2 -->\n      <div class=\"gc\">\n        <img decoding=\"async\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/02\/POST-W6.png\" alt=\"T\u00edtulo 2\">\n        <span><\/span>\n      <\/div>\n\n      <!-- TARJETA 3 -->\n      <div class=\"gc\">\n        <img decoding=\"async\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/POST-W7.png\" alt=\"T\u00edtulo 3\">\n        <span><\/span>\n      <\/div>\n\n      <!-- TARJETA 4 -->\n      <div class=\"gc\">\n        <img decoding=\"async\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/historia2.png\" alt=\"T\u00edtulo 4\">\n        <span><\/span>\n      <\/div>\n\n      <!-- TARJETA 5 -->\n      <div class=\"gc\">\n        <img decoding=\"async\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/POST-W7.png\" alt=\"T\u00edtulo 5\">\n        <span><\/span>\n      <\/div>\n\n      <!-- TARJETA 6 -->\n      <div class=\"gc\">\n        <img decoding=\"async\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/POST-W11.png\" alt=\"T\u00edtulo 6\">\n        <span><\/span>\n      <\/div>\n\n      <!-- TARJETA 7 -->\n      <div class=\"gc\">\n        <img decoding=\"async\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2025\/03\/NW_12agosto_public.png\" alt=\"T\u00edtulo 7\">\n        <span><\/span>\n      <\/div>\n\n      <!-- TARJETA 8 -->\n      <div class=\"gc\">\n        <img decoding=\"async\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2025\/03\/FCJ_Booth-Mock-Up.png\" alt=\"T\u00edtulo 8\">\n        <span><\/span>\n      <\/div>\n\n      <!-- TARJETA 9 -->\n      <div class=\"gc\">\n        <img decoding=\"async\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2025\/03\/FCJ_mockup-espectacular.png\" alt=\"T\u00edtulo 9\">\n        <span><\/span>\n      <\/div>\n\n      <!-- Copia un bloque .gc para agregar m\u00e1s im\u00e1genes -->\n\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\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-35ee74d e-con-full e-flex e-con e-parent\" data-id=\"35ee74d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2515340 elementor-widget__width-auto elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"2515340\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wabix-marquee\">\n  <div class=\"wabix-track\">\n    <div class=\"wabix-content\">\n  BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 \n    <\/div>\n  <\/div>\n<\/div>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Press+Start+2P&display=swap\" rel=\"stylesheet\">\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-31e4c026 e-flex e-con-boxed e-con e-parent\" data-id=\"31e4c026\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-377373b1 elementor-widget elementor-widget-spacer\" data-id=\"377373b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83da1b0 e-con-full e-flex e-con e-parent\" data-id=\"83da1b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9221d34 elementor-widget__width-auto elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"9221d34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wabix-marquee\">\n  <div class=\"wabix-track\">\n    <div class=\"wabix-content\">\n  BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 BRANDING \u2022 DISE\u00d1O DIGITAL \u2022 UI\/UX \u2022 DISE\u00d1O Y DESARROLLO WEB \u2022 AUTOMATIZACI\u00d3N \u2022 IA \u2022 \n    <\/div>\n  <\/div>\n<\/div>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Press+Start+2P&display=swap\" rel=\"stylesheet\">\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-02ee32c e-flex e-con-boxed e-con e-parent\" data-id=\"02ee32c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7efa502 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7efa502\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00e9085 elementor-widget elementor-widget-html\" data-id=\"00e9085\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wabix-grid\">\n\n  <!-- 1 -->\n  <div class=\"wabix-card\">\n    <h3>Branding<\/h3>\n    <p>\n      Construimos marcas con sentido, dise\u00f1adas para mantenerse en el tiempo y evolucionar junto a tu negocio.\n    <\/p>\n    <ul>\n      <li>Identidad visual<\/li>\n      <li>Concepto de marca<\/li>\n      <li>Manual de marca<\/li>\n      <li>Estrategia visual<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- 2 -->\n  <div class=\"wabix-card\">\n    <h3>Dise\u00f1o<\/h3>\n    <h4>Medios Digitales<\/h4>\n    <p>\n      Desarrollamos piezas visuales que comunican con claridad y fortalecen la presencia de tu marca.\n    <\/p>\n    <ul>\n      <li>Material impreso<\/li>\n      <li>Piezas publicitarias<\/li>\n      <li>Dise\u00f1o corporativo<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- 3 -->\n  <div class=\"wabix-card\">\n    <h3>Dise\u00f1o<\/h3>\n    <h4>Editorial e Impreso<\/h4>\n    <p>\n      Creamos contenido visual optimizado para entornos digitales y redes sociales.\n    <\/p>\n    <ul>\n      <li>Dise\u00f1o para redes sociales<\/li>\n      <li>Contenido visual digital<\/li>\n      <li>Adaptaciones multiformato<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- 4 -->\n  <div class=\"wabix-card\">\n    <h3>Dise\u00f1o y desarrollo web<\/h3>\n    <p>\n      Dise\u00f1amos y desarrollamos sitios web funcionales, modernos y alineados con los objetivos de tu negocio.\n    <\/p>\n    <ul>\n      <li>Dise\u00f1o UI\/UX<\/li>\n      <li>Desarrollo web a medida<\/li>\n      <li>Landing pages<\/li>\n      <li>Optimizaci\u00f3n de rendimiento<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- 5 -->\n  <div class=\"wabix-card\">\n    <h3>Automatizaci\u00f3n y chatbots<\/h3>\n    <p>\n      Implementamos soluciones que optimizan la comunicaci\u00f3n y mejoran la atenci\u00f3n al cliente.\n    <\/p>\n    <ul>\n      <li>Chatbots para sitios web<\/li>\n      <li>Automatizaci\u00f3n en redes sociales<\/li>\n      <li>Integraci\u00f3n de respuestas inteligentes<\/li>\n    <\/ul>\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-171bb5c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"171bb5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-decb896 elementor-widget-laptop__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"decb896\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">\u00a0<\/p><p class=\"p1\" style=\"text-align: center;\">Cada marca que ves aqu\u00ed comenz\u00f3 con una idea\u2026 y mucha estrategia. Entra y desc\u00fabrelo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b6921f elementor-widget elementor-widget-html\" data-id=\"7b6921f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- From Uiverse.io by marcelodolza --> \n<button class=\"button\" id=\"mi-boton\">\n  <div class=\"outline\"><\/div>\n  <div class=\"state state--default\">\n    <div class=\"icon\">\n      <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n      >\n        <g style=\"filter: url(#shadow)\">\n          <path\n            d=\"M14.2199 21.63C13.0399 21.63 11.3699 20.8 10.0499 16.83L9.32988 14.67L7.16988 13.95C3.20988 12.63 2.37988 10.96 2.37988 9.78001C2.37988 8.61001 3.20988 6.93001 7.16988 5.60001L15.6599 2.77001C17.7799 2.06001 19.5499 2.27001 20.6399 3.35001C21.7299 4.43001 21.9399 6.21001 21.2299 8.33001L18.3999 16.82C17.0699 20.8 15.3999 21.63 14.2199 21.63ZM7.63988 7.03001C4.85988 7.96001 3.86988 9.06001 3.86988 9.78001C3.86988 10.5 4.85988 11.6 7.63988 12.52L10.1599 13.36C10.3799 13.43 10.5599 13.61 10.6299 13.83L11.4699 16.35C12.3899 19.13 13.4999 20.12 14.2199 20.12C14.9399 20.12 16.0399 19.13 16.9699 16.35L19.7999 7.86001C20.3099 6.32001 20.2199 5.06001 19.5699 4.41001C18.9199 3.76001 17.6599 3.68001 16.1299 4.19001L7.63988 7.03001Z\"\n            fill=\"currentColor\"\n          ><\/path>\n          <path\n            d=\"M10.11 14.4C9.92005 14.4 9.73005 14.33 9.58005 14.18C9.29005 13.89 9.29005 13.41 9.58005 13.12L13.16 9.53C13.45 9.24 13.93 9.24 14.22 9.53C14.51 9.82 14.51 10.3 14.22 10.59L10.64 14.18C10.5 14.33 10.3 14.4 10.11 14.4Z\"\n            fill=\"currentColor\"\n          ><\/path>\n        <\/g>\n        <defs>\n          <filter id=\"shadow\">\n            <fedropshadow\n              dx=\"0\"\n              dy=\"1\"\n              stdDeviation=\"0.6\"\n              flood-opacity=\"0.5\"\n            ><\/fedropshadow>\n          <\/filter>\n        <\/defs>\n      <\/svg>\n    <\/div>\n    <p>\n      <span style=\"--i:0\">V<\/span>\n      <span style=\"--i:1\">e<\/span>\n      <span style=\"--i:2\">r<\/span>\n      <span style=\"--i:3\"><\/span>\n      <span style=\"--i:4\">P<\/span>\n      <span style=\"--i:5\">r<\/span>\n      <span style=\"--i:6\">o<\/span>\n      <span style=\"--i:7\">y<\/span>\n      <span style=\"--i:8\">e<\/span>\n      <span style=\"--i:9\">c<\/span>\n      <span style=\"--i:10\">t<\/span><span style=\"--i:3\">o<\/span><span style=\"--i:3\">s<\/span>\n    <\/p>\n  <\/div>\n  <div class=\"state state--sent\">\n    <div class=\"icon\">\n      <svg\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        height=\"1em\"\n        width=\"1em\"\n        stroke-width=\"0.5px\"\n        stroke=\"black\"\n      >\n        <g style=\"filter: url(#shadow)\">\n          <path\n            fill=\"currentColor\"\n            d=\"M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z\"\n          ><\/path>\n          <path\n            fill=\"currentColor\"\n            d=\"M10.5795 15.5801C10.3795 15.5801 10.1895 15.5001 10.0495 15.3601L7.21945 12.5301C6.92945 12.2401 6.92945 11.7601 7.21945 11.4701C7.50945 11.1801 7.98945 11.1801 8.27945 11.4701L10.5795 13.7701L15.7195 8.6301C16.0095 8.3401 16.4895 8.3401 16.7795 8.6301C17.0695 8.9201 17.0695 9.4001 16.7795 9.6901L11.1095 15.3601C10.9695 15.5001 10.7795 15.5801 10.5795 15.5801Z\"\n          ><\/path>\n        <\/g>\n      <\/svg>\n    <\/div>\n    <p>\n      <span style=\"--i:5\">S<\/span>\n      <span style=\"--i:6\">e<\/span>\n      <span style=\"--i:7\">n<\/span>\n      <span style=\"--i:8\">t<\/span>\n    <\/p>\n  <\/div>\n<\/button>\n<script>\ndocument.getElementById(\"mi-boton\").onclick = function() {\n  window.location.href = \"https:\/\/www.behance.net\/wabix\";\n};\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e79afb elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9e79afb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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-5d011e5 e-flex e-con-boxed e-con e-parent\" data-id=\"5d011e5\" 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-3b17e09 elementor-widget elementor-widget-html\" data-id=\"3b17e09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     SPLASH CURSOR - Tonalidades naranja, sin fondo\n     Pega todo este bloque en un widget HTML de Elementor\n     ============================================================ -->\n\n<style>\n  #splash-fluid-canvas {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    pointer-events: none;\n    z-index: 9999;\n    display: block;\n    background: transparent;\n  }\n<\/style>\n\n<canvas id=\"splash-fluid-canvas\"><\/canvas>\n\n<script>\n(function () {\n  const canvas = document.getElementById('splash-fluid-canvas');\n\n  const config = {\n    SIM_RESOLUTION: 128,\n    DYE_RESOLUTION: 1440,\n    DENSITY_DISSIPATION: 3.5,\n    VELOCITY_DISSIPATION: 2,\n    PRESSURE: 0.1,\n    PRESSURE_ITERATIONS: 20,\n    CURL: 3,\n    SPLAT_RADIUS: 0.2,\n    SPLAT_FORCE: 6000,\n    SHADING: true,\n    COLOR_UPDATE_SPEED: 10,\n  };\n\n  function PointerPrototype() {\n    this.id = -1;\n    this.texcoordX = 0; this.texcoordY = 0;\n    this.prevTexcoordX = 0; this.prevTexcoordY = 0;\n    this.deltaX = 0; this.deltaY = 0;\n    this.down = false; this.moved = false;\n    this.color = [0, 0, 0];\n  }\n\n  let pointers = [new PointerPrototype()];\n\n  const params = { alpha: true, depth: false, stencil: false, antialias: false, preserveDrawingBuffer: false };\n  let gl = canvas.getContext('webgl2', params);\n  const isWebGL2 = !!gl;\n  if (!isWebGL2) gl = canvas.getContext('webgl', params) || canvas.getContext('experimental-webgl', params);\n\n  let halfFloat, supportLinearFiltering;\n  if (isWebGL2) {\n    gl.getExtension('EXT_color_buffer_float');\n    supportLinearFiltering = gl.getExtension('OES_texture_float_linear');\n  } else {\n    halfFloat = gl.getExtension('OES_texture_half_float');\n    supportLinearFiltering = gl.getExtension('OES_texture_half_float_linear');\n  }\n\n  if (!supportLinearFiltering) { config.DYE_RESOLUTION = 256; config.SHADING = false; }\n\n  const halfFloatTexType = isWebGL2 ? gl.HALF_FLOAT : (halfFloat && halfFloat.HALF_FLOAT_OES);\n\n  function getSupportedFormat(internalFormat, format, type) {\n    if (!supportRenderTextureFormat(internalFormat, format, type)) {\n      if (internalFormat === gl.R16F) return getSupportedFormat(gl.RG16F, gl.RG, type);\n      if (internalFormat === gl.RG16F) return getSupportedFormat(gl.RGBA16F, gl.RGBA, type);\n      return null;\n    }\n    return { internalFormat, format };\n  }\n\n  function supportRenderTextureFormat(internalFormat, format, type) {\n    const tex = gl.createTexture();\n    gl.bindTexture(gl.TEXTURE_2D, tex);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n    gl.texImage2D(gl.TEXTURE_2D, 0, internalFormat, 4, 4, 0, format, type, null);\n    const fbo = gl.createFramebuffer();\n    gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);\n    gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, tex, 0);\n    return gl.checkFramebufferStatus(gl.FRAMEBUFFER) === gl.FRAMEBUFFER_COMPLETE;\n  }\n\n  const formatRGBA = isWebGL2 ? getSupportedFormat(gl.RGBA16F, gl.RGBA, halfFloatTexType) : getSupportedFormat(gl.RGBA, gl.RGBA, halfFloatTexType);\n  const formatRG   = isWebGL2 ? getSupportedFormat(gl.RG16F,   gl.RG,   halfFloatTexType) : formatRGBA;\n  const formatR    = isWebGL2 ? getSupportedFormat(gl.R16F,    gl.RED,  halfFloatTexType) : formatRGBA;\n\n  function compileShader(type, src, keywords) {\n    if (keywords) src = keywords.map(k => '#define ' + k + '\\n').join('') + src;\n    const s = gl.createShader(type);\n    gl.shaderSource(s, src); gl.compileShader(s);\n    if (!gl.getShaderParameter(s, gl.COMPILE_STATUS)) console.warn(gl.getShaderInfoLog(s));\n    return s;\n  }\n\n  function createProgram(vs, fs) {\n    const p = gl.createProgram();\n    gl.attachShader(p, vs); gl.attachShader(p, fs); gl.linkProgram(p);\n    return p;\n  }\n\n  function getUniforms(p) {\n    const u = {}, n = gl.getProgramParameter(p, gl.ACTIVE_UNIFORMS);\n    for (let i = 0; i < n; i++) { const name = gl.getActiveUniform(p, i).name; u[name] = gl.getUniformLocation(p, name); }\n    return u;\n  }\n\n  function makeProgram(vs, fs) {\n    const p = createProgram(vs, fs);\n    return { program: p, uniforms: getUniforms(p), bind() { gl.useProgram(p); } };\n  }\n\n  const baseVS = compileShader(gl.VERTEX_SHADER, `\n    precision highp float;\n    attribute vec2 aPosition;\n    varying vec2 vUv, vL, vR, vT, vB;\n    uniform vec2 texelSize;\n    void main() {\n      vUv = aPosition * 0.5 + 0.5;\n      vL = vUv - vec2(texelSize.x, 0.0);\n      vR = vUv + vec2(texelSize.x, 0.0);\n      vT = vUv + vec2(0.0, texelSize.y);\n      vB = vUv - vec2(0.0, texelSize.y);\n      gl_Position = vec4(aPosition, 0.0, 1.0);\n    }`);\n\n  const copyFS = compileShader(gl.FRAGMENT_SHADER, `\n    precision mediump float; precision mediump sampler2D;\n    varying highp vec2 vUv; uniform sampler2D uTexture;\n    void main() { gl_FragColor = texture2D(uTexture, vUv); }`);\n\n  const clearFS = compileShader(gl.FRAGMENT_SHADER, `\n    precision mediump float; precision mediump sampler2D;\n    varying highp vec2 vUv; uniform sampler2D uTexture; uniform float value;\n    void main() { gl_FragColor = value * texture2D(uTexture, vUv); }`);\n\n  const displayFS = compileShader(gl.FRAGMENT_SHADER, `\n    precision highp float; precision highp sampler2D;\n    varying vec2 vUv, vL, vR, vT, vB;\n    uniform sampler2D uTexture;\n    uniform vec2 texelSize;\n    void main() {\n      vec3 c = texture2D(uTexture, vUv).rgb;\n      #ifdef SHADING\n        vec3 lc = texture2D(uTexture, vL).rgb;\n        vec3 rc = texture2D(uTexture, vR).rgb;\n        vec3 tc = texture2D(uTexture, vT).rgb;\n        vec3 bc = texture2D(uTexture, vB).rgb;\n        float dx = length(rc) - length(lc);\n        float dy = length(tc) - length(bc);\n        vec3 n = normalize(vec3(dx, dy, length(texelSize)));\n        float diffuse = clamp(dot(n, vec3(0.0,0.0,1.0)) + 0.7, 0.7, 1.0);\n        c *= diffuse;\n      #endif\n      float a = max(c.r, max(c.g, c.b));\n      gl_FragColor = vec4(c, a);\n    }`, config.SHADING ? ['SHADING'] : null);\n\n  const splatFS = compileShader(gl.FRAGMENT_SHADER, `\n    precision highp float; precision highp sampler2D;\n    varying vec2 vUv; uniform sampler2D uTarget;\n    uniform float aspectRatio; uniform vec3 color; uniform vec2 point; uniform float radius;\n    void main() {\n      vec2 p = vUv - point.xy; p.x *= aspectRatio;\n      vec3 splat = exp(-dot(p,p) \/ radius) * color;\n      vec3 base = texture2D(uTarget, vUv).xyz;\n      gl_FragColor = vec4(base + splat, 1.0);\n    }`);\n\n  const advectionFS = compileShader(gl.FRAGMENT_SHADER, `\n    precision highp float; precision highp sampler2D;\n    varying vec2 vUv; uniform sampler2D uVelocity, uSource;\n    uniform vec2 texelSize, dyeTexelSize; uniform float dt, dissipation;\n    vec4 bilerp(sampler2D sam, vec2 uv, vec2 tsize) {\n      vec2 st=uv\/tsize-0.5, iuv=floor(st), fuv=fract(st);\n      vec4 a=texture2D(sam,(iuv+vec2(0.5,0.5))*tsize);\n      vec4 b=texture2D(sam,(iuv+vec2(1.5,0.5))*tsize);\n      vec4 c=texture2D(sam,(iuv+vec2(0.5,1.5))*tsize);\n      vec4 d=texture2D(sam,(iuv+vec2(1.5,1.5))*tsize);\n      return mix(mix(a,b,fuv.x),mix(c,d,fuv.x),fuv.y);\n    }\n    void main() {\n      #ifdef MANUAL_FILTERING\n        vec2 coord=vUv-dt*bilerp(uVelocity,vUv,texelSize).xy*texelSize;\n        vec4 result=bilerp(uSource,coord,dyeTexelSize);\n      #else\n        vec2 coord=vUv-dt*texture2D(uVelocity,vUv).xy*texelSize;\n        vec4 result=texture2D(uSource,coord);\n      #endif\n      gl_FragColor=result\/(1.0+dissipation*dt);\n    }`, supportLinearFiltering ? null : ['MANUAL_FILTERING']);\n\n  const divergenceFS = compileShader(gl.FRAGMENT_SHADER, `\n    precision mediump float; precision mediump sampler2D;\n    varying highp vec2 vUv,vL,vR,vT,vB; uniform sampler2D uVelocity;\n    void main(){\n      float L=texture2D(uVelocity,vL).x,R=texture2D(uVelocity,vR).x,\n            T=texture2D(uVelocity,vT).y,B=texture2D(uVelocity,vB).y;\n      vec2 C=texture2D(uVelocity,vUv).xy;\n      if(vL.x<0.0){L=-C.x;} if(vR.x>1.0){R=-C.x;}\n      if(vT.y>1.0){T=-C.y;} if(vB.y<0.0){B=-C.y;}\n      gl_FragColor=vec4(0.5*(R-L+T-B),0.0,0.0,1.0);\n    }`);\n\n  const curlFS = compileShader(gl.FRAGMENT_SHADER, `\n    precision mediump float; precision mediump sampler2D;\n    varying highp vec2 vUv,vL,vR,vT,vB; uniform sampler2D uVelocity;\n    void main(){\n      float L=texture2D(uVelocity,vL).y,R=texture2D(uVelocity,vR).y,\n            T=texture2D(uVelocity,vT).x,B=texture2D(uVelocity,vB).x;\n      gl_FragColor=vec4(0.5*(R-L-T+B),0.0,0.0,1.0);\n    }`);\n\n  const vorticityFS = compileShader(gl.FRAGMENT_SHADER, `\n    precision highp float; precision highp sampler2D;\n    varying vec2 vUv,vL,vR,vT,vB; uniform sampler2D uVelocity,uCurl;\n    uniform float curl,dt;\n    void main(){\n      float L=texture2D(uCurl,vL).x,R=texture2D(uCurl,vR).x,\n            T=texture2D(uCurl,vT).x,B=texture2D(uCurl,vB).x,C=texture2D(uCurl,vUv).x;\n      vec2 force=0.5*vec2(abs(T)-abs(B),abs(R)-abs(L));\n      force\/=length(force)+0.0001; force*=curl*C; force.y*=-1.0;\n      vec2 vel=texture2D(uVelocity,vUv).xy+force*dt;\n      vel=min(max(vel,-1000.0),1000.0);\n      gl_FragColor=vec4(vel,0.0,1.0);\n    }`);\n\n  const pressureFS = compileShader(gl.FRAGMENT_SHADER, `\n    precision mediump float; precision mediump sampler2D;\n    varying highp vec2 vUv,vL,vR,vT,vB; uniform sampler2D uPressure,uDivergence;\n    void main(){\n      float L=texture2D(uPressure,vL).x,R=texture2D(uPressure,vR).x,\n            T=texture2D(uPressure,vT).x,B=texture2D(uPressure,vB).x,\n            div=texture2D(uDivergence,vUv).x;\n      gl_FragColor=vec4((L+R+B+T-div)*0.25,0.0,0.0,1.0);\n    }`);\n\n  const gradSubFS = compileShader(gl.FRAGMENT_SHADER, `\n    precision mediump float; precision mediump sampler2D;\n    varying highp vec2 vUv,vL,vR,vT,vB; uniform sampler2D uPressure,uVelocity;\n    void main(){\n      float L=texture2D(uPressure,vL).x,R=texture2D(uPressure,vR).x,\n            T=texture2D(uPressure,vT).x,B=texture2D(uPressure,vB).x;\n      vec2 vel=texture2D(uVelocity,vUv).xy-vec2(R-L,T-B);\n      gl_FragColor=vec4(vel,0.0,1.0);\n    }`);\n\n  const copyProg = makeProgram(baseVS, copyFS);\n  const clearProg = makeProgram(baseVS, clearFS);\n  const splatProg = makeProgram(baseVS, splatFS);\n  const advProg   = makeProgram(baseVS, advectionFS);\n  const divProg   = makeProgram(baseVS, divergenceFS);\n  const curlProg  = makeProgram(baseVS, curlFS);\n  const vortProg  = makeProgram(baseVS, vorticityFS);\n  const presProg  = makeProgram(baseVS, pressureFS);\n  const gradProg  = makeProgram(baseVS, gradSubFS);\n  const dispProg  = makeProgram(baseVS, displayFS);\n\n  gl.bindBuffer(gl.ARRAY_BUFFER, gl.createBuffer());\n  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,-1,-1,1,1,1,1,-1]), gl.STATIC_DRAW);\n  gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, gl.createBuffer());\n  gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, new Uint16Array([0,1,2,0,2,3]), gl.STATIC_DRAW);\n  gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0);\n  gl.enableVertexAttribArray(0);\n\n  function blit(target, clear) {\n    if (!target) { gl.viewport(0,0,gl.drawingBufferWidth,gl.drawingBufferHeight); gl.bindFramebuffer(gl.FRAMEBUFFER,null); }\n    else          { gl.viewport(0,0,target.width,target.height); gl.bindFramebuffer(gl.FRAMEBUFFER,target.fbo); }\n    if (clear) { gl.clearColor(0,0,0,0); gl.clear(gl.COLOR_BUFFER_BIT); }\n    gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0);\n  }\n\n  function createFBO(w, h, internalFormat, format, type, param) {\n    gl.activeTexture(gl.TEXTURE0);\n    const tex = gl.createTexture(); gl.bindTexture(gl.TEXTURE_2D, tex);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, param);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, param);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n    gl.texImage2D(gl.TEXTURE_2D, 0, internalFormat, w, h, 0, format, type, null);\n    const fbo = gl.createFramebuffer(); gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);\n    gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, tex, 0);\n    gl.viewport(0,0,w,h); gl.clearColor(0,0,0,0); gl.clear(gl.COLOR_BUFFER_BIT);\n    return { texture:tex, fbo, width:w, height:h, texelSizeX:1\/w, texelSizeY:1\/h,\n      attach(id) { gl.activeTexture(gl.TEXTURE0+id); gl.bindTexture(gl.TEXTURE_2D, tex); return id; } };\n  }\n\n  function createDoubleFBO(w,h,internalFormat,format,type,param) {\n    let f1=createFBO(w,h,internalFormat,format,type,param);\n    let f2=createFBO(w,h,internalFormat,format,type,param);\n    return { width:w, height:h, texelSizeX:f1.texelSizeX, texelSizeY:f1.texelSizeY,\n      get read(){return f1;}, set read(v){f1=v;},\n      get write(){return f2;}, set write(v){f2=v;},\n      swap(){ let t=f1; f1=f2; f2=t; } };\n  }\n\n  function resizeFBO(target,w,h,internalFormat,format,type,param) {\n    const n=createFBO(w,h,internalFormat,format,type,param);\n    copyProg.bind(); gl.uniform1i(copyProg.uniforms.uTexture,target.attach(0)); blit(n);\n    return n;\n  }\n\n  function resizeDoubleFBO(target,w,h,internalFormat,format,type,param) {\n    if(target.width===w&&target.height===h) return target;\n    target.read=resizeFBO(target.read,w,h,internalFormat,format,type,param);\n    target.write=createFBO(w,h,internalFormat,format,type,param);\n    target.width=w; target.height=h; target.texelSizeX=1\/w; target.texelSizeY=1\/h;\n    return target;\n  }\n\n  let dye, velocity, divergence, curlFBO, pressure;\n\n  function getResolution(res) {\n    let ar=gl.drawingBufferWidth\/gl.drawingBufferHeight;\n    if(ar<1) ar=1\/ar;\n    const min=Math.round(res), max=Math.round(res*ar);\n    return gl.drawingBufferWidth>gl.drawingBufferHeight ? {width:max,height:min} : {width:min,height:max};\n  }\n\n  function initFramebuffers() {\n    const simRes=getResolution(config.SIM_RESOLUTION), dyeRes=getResolution(config.DYE_RESOLUTION);\n    const type=halfFloatTexType, filt=supportLinearFiltering ? gl.LINEAR : gl.NEAREST;\n    gl.disable(gl.BLEND);\n    dye      = dye      ? resizeDoubleFBO(dye,      dyeRes.width,dyeRes.height,formatRGBA.internalFormat,formatRGBA.format,type,filt)\n                        : createDoubleFBO(dyeRes.width,dyeRes.height,formatRGBA.internalFormat,formatRGBA.format,type,filt);\n    velocity = velocity ? resizeDoubleFBO(velocity,  simRes.width,simRes.height,formatRG.internalFormat,formatRG.format,type,filt)\n                        : createDoubleFBO(simRes.width,simRes.height,formatRG.internalFormat,formatRG.format,type,filt);\n    divergence=createFBO(simRes.width,simRes.height,formatR.internalFormat,formatR.format,type,gl.NEAREST);\n    curlFBO   =createFBO(simRes.width,simRes.height,formatR.internalFormat,formatR.format,type,gl.NEAREST);\n    pressure  =createDoubleFBO(simRes.width,simRes.height,formatR.internalFormat,formatR.format,type,gl.NEAREST);\n  }\n\n  function scaleByPixelRatio(v) { return Math.floor(v*(window.devicePixelRatio||1)); }\n\n  function HSVtoRGB(h,s,v) {\n    let r,g,b,i=Math.floor(h*6),f=h*6-i,p=v*(1-s),q=v*(1-f*s),t=v*(1-(1-f)*s);\n    switch(i%6){case 0:r=v;g=t;b=p;break;case 1:r=q;g=v;b=p;break;case 2:r=p;g=v;b=t;break;\n                case 3:r=p;g=q;b=v;break;case 4:r=t;g=p;b=v;break;case 5:r=v;g=p;b=q;break;}\n    return {r,g,b};\n  }\n\n  \/\/ ============================================================\n  \/\/ COLORES NARANJA\n  \/\/ El naranja en HSV est\u00e1 entre H=0.04 (rojo-naranja) y H=0.10 (naranja-amarillo)\n  \/\/ Se a\u00f1ade variaci\u00f3n aleatoria para que no sea un color plano sino fluido vivo\n  \/\/ ============================================================\n  function generateColor() {\n    \/\/ Hue: 0.04 = naranja rojizo, 0.10 = naranja amarillento\n    const h = 0.04 + Math.random() * 0.06;\n    \/\/ Saturaci\u00f3n alta para colores vibrantes\n    const s = 0.9 + Math.random() * 0.1;\n    \/\/ Brillo completo\n    const v = 1.0;\n    const c = HSVtoRGB(h, s, v);\n    \/\/ Factor de intensidad (igual que el original: *0.15)\n    c.r *= 0.15;\n    c.g *= 0.15;\n    c.b *= 0.15;\n    return c;\n  }\n\n  function correctRadius(r){ let ar=canvas.width\/canvas.height; if(ar>1)r*=ar; return r; }\n  function correctDeltaX(d){ let ar=canvas.width\/canvas.height; if(ar<1)d*=ar; return d; }\n  function correctDeltaY(d){ let ar=canvas.width\/canvas.height; if(ar>1)d\/=ar; return d; }\n\n  function splat(x,y,dx,dy,color) {\n    splatProg.bind();\n    gl.uniform1i(splatProg.uniforms.uTarget,velocity.read.attach(0));\n    gl.uniform1f(splatProg.uniforms.aspectRatio,canvas.width\/canvas.height);\n    gl.uniform2f(splatProg.uniforms.point,x,y);\n    gl.uniform3f(splatProg.uniforms.color,dx,dy,0);\n    gl.uniform1f(splatProg.uniforms.radius,correctRadius(config.SPLAT_RADIUS\/100));\n    blit(velocity.write); velocity.swap();\n    gl.uniform1i(splatProg.uniforms.uTarget,dye.read.attach(0));\n    gl.uniform3f(splatProg.uniforms.color,color.r,color.g,color.b);\n    blit(dye.write); dye.swap();\n  }\n\n  function updatePointerDownData(ptr,id,posX,posY) {\n    ptr.id=id;ptr.down=true;ptr.moved=false;\n    ptr.texcoordX=posX\/canvas.width;ptr.texcoordY=1-posY\/canvas.height;\n    ptr.prevTexcoordX=ptr.texcoordX;ptr.prevTexcoordY=ptr.texcoordY;\n    ptr.deltaX=0;ptr.deltaY=0;ptr.color=generateColor();\n  }\n\n  function updatePointerMoveData(ptr,posX,posY,color) {\n    ptr.prevTexcoordX=ptr.texcoordX;ptr.prevTexcoordY=ptr.texcoordY;\n    ptr.texcoordX=posX\/canvas.width;ptr.texcoordY=1-posY\/canvas.height;\n    ptr.deltaX=correctDeltaX(ptr.texcoordX-ptr.prevTexcoordX);\n    ptr.deltaY=correctDeltaY(ptr.texcoordY-ptr.prevTexcoordY);\n    ptr.moved=Math.abs(ptr.deltaX)>0||Math.abs(ptr.deltaY)>0;\n    ptr.color=color;\n  }\n\n  function step(dt) {\n    gl.disable(gl.BLEND);\n\n    curlProg.bind();\n    gl.uniform2f(curlProg.uniforms.texelSize,velocity.texelSizeX,velocity.texelSizeY);\n    gl.uniform1i(curlProg.uniforms.uVelocity,velocity.read.attach(0));\n    blit(curlFBO);\n\n    vortProg.bind();\n    gl.uniform2f(vortProg.uniforms.texelSize,velocity.texelSizeX,velocity.texelSizeY);\n    gl.uniform1i(vortProg.uniforms.uVelocity,velocity.read.attach(0));\n    gl.uniform1i(vortProg.uniforms.uCurl,curlFBO.attach(1));\n    gl.uniform1f(vortProg.uniforms.curl,config.CURL);\n    gl.uniform1f(vortProg.uniforms.dt,dt);\n    blit(velocity.write);velocity.swap();\n\n    divProg.bind();\n    gl.uniform2f(divProg.uniforms.texelSize,velocity.texelSizeX,velocity.texelSizeY);\n    gl.uniform1i(divProg.uniforms.uVelocity,velocity.read.attach(0));\n    blit(divergence);\n\n    clearProg.bind();\n    gl.uniform1i(clearProg.uniforms.uTexture,pressure.read.attach(0));\n    gl.uniform1f(clearProg.uniforms.value,config.PRESSURE);\n    blit(pressure.write);pressure.swap();\n\n    presProg.bind();\n    gl.uniform2f(presProg.uniforms.texelSize,velocity.texelSizeX,velocity.texelSizeY);\n    gl.uniform1i(presProg.uniforms.uDivergence,divergence.attach(0));\n    for(let i=0;i<config.PRESSURE_ITERATIONS;i++){\n      gl.uniform1i(presProg.uniforms.uPressure,pressure.read.attach(1));\n      blit(pressure.write);pressure.swap();\n    }\n\n    gradProg.bind();\n    gl.uniform2f(gradProg.uniforms.texelSize,velocity.texelSizeX,velocity.texelSizeY);\n    gl.uniform1i(gradProg.uniforms.uPressure,pressure.read.attach(0));\n    gl.uniform1i(gradProg.uniforms.uVelocity,velocity.read.attach(1));\n    blit(velocity.write);velocity.swap();\n\n    advProg.bind();\n    gl.uniform2f(advProg.uniforms.texelSize,velocity.texelSizeX,velocity.texelSizeY);\n    if(!supportLinearFiltering) gl.uniform2f(advProg.uniforms.dyeTexelSize,velocity.texelSizeX,velocity.texelSizeY);\n    const vId=velocity.read.attach(0);\n    gl.uniform1i(advProg.uniforms.uVelocity,vId);\n    gl.uniform1i(advProg.uniforms.uSource,vId);\n    gl.uniform1f(advProg.uniforms.dt,dt);\n    gl.uniform1f(advProg.uniforms.dissipation,config.VELOCITY_DISSIPATION);\n    blit(velocity.write);velocity.swap();\n\n    if(!supportLinearFiltering) gl.uniform2f(advProg.uniforms.dyeTexelSize,dye.texelSizeX,dye.texelSizeY);\n    gl.uniform1i(advProg.uniforms.uVelocity,velocity.read.attach(0));\n    gl.uniform1i(advProg.uniforms.uSource,dye.read.attach(1));\n    gl.uniform1f(advProg.uniforms.dissipation,config.DENSITY_DISSIPATION);\n    blit(dye.write);dye.swap();\n  }\n\n  function render() {\n    gl.viewport(0,0,gl.drawingBufferWidth,gl.drawingBufferHeight);\n    gl.bindFramebuffer(gl.FRAMEBUFFER,null);\n    gl.clearColor(0,0,0,0);\n    gl.clear(gl.COLOR_BUFFER_BIT);\n    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);\n    gl.enable(gl.BLEND);\n    const w=gl.drawingBufferWidth, h=gl.drawingBufferHeight;\n    dispProg.bind();\n    if(config.SHADING) gl.uniform2f(dispProg.uniforms.texelSize,1\/w,1\/h);\n    gl.uniform1i(dispProg.uniforms.uTexture,dye.read.attach(0));\n    blit(null);\n  }\n\n  function resizeCanvas() {\n    const w=scaleByPixelRatio(canvas.clientWidth), h=scaleByPixelRatio(canvas.clientHeight);\n    if(canvas.width!==w||canvas.height!==h){canvas.width=w;canvas.height=h;return true;}\n    return false;\n  }\n\n  initFramebuffers();\n  let lastUpdateTime=Date.now(), colorUpdateTimer=0;\n\n  function loop() {\n    const now=Date.now(), dt=Math.min((now-lastUpdateTime)\/1000,0.016666);\n    lastUpdateTime=now;\n    if(resizeCanvas()) initFramebuffers();\n    colorUpdateTimer+=dt*config.COLOR_UPDATE_SPEED;\n    if(colorUpdateTimer>=1){colorUpdateTimer=0;pointers.forEach(p=>{p.color=generateColor();});}\n    pointers.forEach(p=>{\n      if(p.moved){p.moved=false;splat(p.texcoordX,p.texcoordY,p.deltaX*config.SPLAT_FORCE,p.deltaY*config.SPLAT_FORCE,p.color);}\n    });\n    step(dt); render();\n    requestAnimationFrame(loop);\n  }\n  loop();\n\n  window.addEventListener('mousemove', e => {\n    const ptr=pointers[0], x=scaleByPixelRatio(e.clientX), y=scaleByPixelRatio(e.clientY);\n    if(!ptr.color||(!ptr.color.r&&!ptr.color.g&&!ptr.color.b)) ptr.color=generateColor();\n    updatePointerMoveData(ptr,x,y,ptr.color);\n  });\n  window.addEventListener('mousedown', e => {\n    const ptr=pointers[0], x=scaleByPixelRatio(e.clientX), y=scaleByPixelRatio(e.clientY);\n    updatePointerDownData(ptr,-1,x,y);\n    const c=generateColor(); c.r*=10; c.g*=10; c.b*=10;\n    splat(ptr.texcoordX,ptr.texcoordY,10*(Math.random()-0.5),30*(Math.random()-0.5),c);\n  });\n  window.addEventListener('touchstart', e=>{\n    const ptr=pointers[0];\n    for(const t of e.targetTouches) updatePointerDownData(ptr,t.identifier,scaleByPixelRatio(t.clientX),scaleByPixelRatio(t.clientY));\n  });\n  window.addEventListener('touchmove', e=>{\n    const ptr=pointers[0];\n    for(const t of e.targetTouches) updatePointerMoveData(ptr,scaleByPixelRatio(t.clientX),scaleByPixelRatio(t.clientY),ptr.color);\n  },false);\n\n})();\n<\/script>\t\t\t\t<\/div>\n\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>DISE\u00d1O Y DESARROLLO WEB Creamos marcas y desarrollamos soluciones digitales pensadas para perdurar, evolucionar y posicionarse en mercados competitivos. BRANDING [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1882","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1o - Wabix Estudio Creativo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wabix.com.co\/?page_id=1882\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o - Wabix Estudio Creativo\" \/>\n<meta property=\"og:description\" content=\"DISE\u00d1O Y DESARROLLO WEB Creamos marcas y desarrollamos soluciones digitales pensadas para perdurar, evolucionar y posicionarse en mercados competitivos. BRANDING [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wabix.com.co\/?page_id=1882\" \/>\n<meta property=\"og:site_name\" content=\"Wabix Estudio Creativo\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-30T05:27:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/post_RB.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wabix.com.co\/?page_id=1882\",\"url\":\"https:\/\/wabix.com.co\/?page_id=1882\",\"name\":\"Dise\u00f1o - Wabix Estudio Creativo\",\"isPartOf\":{\"@id\":\"https:\/\/wabix.com.co\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wabix.com.co\/?page_id=1882#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wabix.com.co\/?page_id=1882#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/post_RB.png\",\"datePublished\":\"2026-03-12T01:38:03+00:00\",\"dateModified\":\"2026-03-30T05:27:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/wabix.com.co\/?page_id=1882#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wabix.com.co\/?page_id=1882\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/wabix.com.co\/?page_id=1882#primaryimage\",\"url\":\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/post_RB.png\",\"contentUrl\":\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/post_RB.png\",\"width\":1080,\"height\":1350},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wabix.com.co\/?page_id=1882#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/wabix.com.co\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wabix.com.co\/#website\",\"url\":\"https:\/\/wabix.com.co\/\",\"name\":\"Wabix Estudio Creativo\",\"description\":\"Somos una agencia creativa de branding, desarrollo web y postproducci\u00f3n audiovisual. Adem\u00e1s, ayudamos a marcas a crecer y destacar.\",\"publisher\":{\"@id\":\"https:\/\/wabix.com.co\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wabix.com.co\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-CO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wabix.com.co\/#organization\",\"name\":\"Wabix Estudio Creativo\",\"url\":\"https:\/\/wabix.com.co\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/wabix.com.co\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wabix.com.co\/wp-content\/uploads\/2025\/07\/logo-en-blanco-1-1.png\",\"contentUrl\":\"https:\/\/wabix.com.co\/wp-content\/uploads\/2025\/07\/logo-en-blanco-1-1.png\",\"width\":2057,\"height\":1078,\"caption\":\"Wabix Estudio Creativo\"},\"image\":{\"@id\":\"https:\/\/wabix.com.co\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php\",\"https:\/\/www.instagram.com\/wabix.co\/\",\"https:\/\/www.tiktok.com\/@wabix.co\",\"https:\/\/www.youtube.com\/@WabixEstudio\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o - Wabix Estudio Creativo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wabix.com.co\/?page_id=1882","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o - Wabix Estudio Creativo","og_description":"DISE\u00d1O Y DESARROLLO WEB Creamos marcas y desarrollamos soluciones digitales pensadas para perdurar, evolucionar y posicionarse en mercados competitivos. BRANDING [&hellip;]","og_url":"https:\/\/wabix.com.co\/?page_id=1882","og_site_name":"Wabix Estudio Creativo","article_publisher":"https:\/\/www.facebook.com\/profile.php","article_modified_time":"2026-03-30T05:27:53+00:00","og_image":[{"url":"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/post_RB.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wabix.com.co\/?page_id=1882","url":"https:\/\/wabix.com.co\/?page_id=1882","name":"Dise\u00f1o - Wabix Estudio Creativo","isPartOf":{"@id":"https:\/\/wabix.com.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wabix.com.co\/?page_id=1882#primaryimage"},"image":{"@id":"https:\/\/wabix.com.co\/?page_id=1882#primaryimage"},"thumbnailUrl":"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/post_RB.png","datePublished":"2026-03-12T01:38:03+00:00","dateModified":"2026-03-30T05:27:53+00:00","breadcrumb":{"@id":"https:\/\/wabix.com.co\/?page_id=1882#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wabix.com.co\/?page_id=1882"]}]},{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/wabix.com.co\/?page_id=1882#primaryimage","url":"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/post_RB.png","contentUrl":"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/post_RB.png","width":1080,"height":1350},{"@type":"BreadcrumbList","@id":"https:\/\/wabix.com.co\/?page_id=1882#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/wabix.com.co\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o"}]},{"@type":"WebSite","@id":"https:\/\/wabix.com.co\/#website","url":"https:\/\/wabix.com.co\/","name":"Wabix Estudio Creativo","description":"Somos una agencia creativa de branding, desarrollo web y postproducci\u00f3n audiovisual. Adem\u00e1s, ayudamos a marcas a crecer y destacar.","publisher":{"@id":"https:\/\/wabix.com.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wabix.com.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-CO"},{"@type":"Organization","@id":"https:\/\/wabix.com.co\/#organization","name":"Wabix Estudio Creativo","url":"https:\/\/wabix.com.co\/","logo":{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/wabix.com.co\/#\/schema\/logo\/image\/","url":"https:\/\/wabix.com.co\/wp-content\/uploads\/2025\/07\/logo-en-blanco-1-1.png","contentUrl":"https:\/\/wabix.com.co\/wp-content\/uploads\/2025\/07\/logo-en-blanco-1-1.png","width":2057,"height":1078,"caption":"Wabix Estudio Creativo"},"image":{"@id":"https:\/\/wabix.com.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php","https:\/\/www.instagram.com\/wabix.co\/","https:\/\/www.tiktok.com\/@wabix.co","https:\/\/www.youtube.com\/@WabixEstudio"]}]}},"_links":{"self":[{"href":"https:\/\/wabix.com.co\/index.php?rest_route=\/wp\/v2\/pages\/1882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wabix.com.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wabix.com.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wabix.com.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wabix.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1882"}],"version-history":[{"count":616,"href":"https:\/\/wabix.com.co\/index.php?rest_route=\/wp\/v2\/pages\/1882\/revisions"}],"predecessor-version":[{"id":4954,"href":"https:\/\/wabix.com.co\/index.php?rest_route=\/wp\/v2\/pages\/1882\/revisions\/4954"}],"wp:attachment":[{"href":"https:\/\/wabix.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}