{"id":277,"date":"2025-03-17T09:37:20","date_gmt":"2025-03-17T14:37:20","guid":{"rendered":"https:\/\/wabix.com.co\/?page_id=277"},"modified":"2026-03-29T23:45:02","modified_gmt":"2026-03-30T04:45:02","slug":"inicio","status":"publish","type":"page","link":"https:\/\/wabix.com.co\/","title":{"rendered":"INICIO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"277\" class=\"elementor elementor-277\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-622af295 elementor-section-height-min-height elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"622af295\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2633d115\" data-id=\"2633d115\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t<div class=\"elementor-element elementor-element-165a28c animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"165a28c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae8a686 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"ae8a686\" 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-circle-reveal\">\n\n    <!-- IMAGEN BASE -->\n    <img decoding=\"async\" src=\"https:\/\/khaki-porcupine-544948.hostingersite.com\/wp-content\/uploads\/2026\/03\/0_-2-1.png\" class=\"wabix-base\">\n\n    <!-- ICONOS BASE -->\n    <img decoding=\"async\" src=\"https:\/\/khaki-porcupine-544948.hostingersite.com\/wp-content\/uploads\/2026\/03\/1.2_.png\" class=\"icon-base-1\">\n    <img decoding=\"async\" src=\"https:\/\/khaki-porcupine-544948.hostingersite.com\/wp-content\/uploads\/2026\/03\/3_.png\" class=\"icon-reveal-2\">\n\n\n    <!-- CAPA REVELADORA -->\n    <div class=\"wabix-reveal-layer\">\n\n        <img decoding=\"async\" src=\"https:\/\/khaki-porcupine-544948.hostingersite.com\/wp-content\/uploads\/2026\/03\/0-2.png\">\n\n        <!-- ICONOS REVELADOS -->\n        <img decoding=\"async\" src=\"https:\/\/khaki-porcupine-544948.hostingersite.com\/wp-content\/uploads\/2026\/03\/1_.png\" class=\"icon-reveal-1\">\n        <img decoding=\"async\" src=\"https:\/\/khaki-porcupine-544948.hostingersite.com\/wp-content\/uploads\/2026\/03\/3_.png\" class=\"icon-reveal-2\">\n\n    <\/div>\n\n<\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-149ff9f\" data-id=\"149ff9f\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f58aa3 e-con-full e-flex e-con e-parent\" data-id=\"0f58aa3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0c0271 animated-slow elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"b0c0271\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Wabix Fuzzy Text<\/title>\n\n  <!-- MONTSERRAT -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&display=swap\" rel=\"stylesheet\">\n\n  <link rel=\"stylesheet\" href=\"styles.css\">\n<\/head>\n<body>\n\n  <div class=\"hero\">\n\n    <div class=\"fuzzy-container\">\n      <canvas id=\"fuzzyCanvas\"><\/canvas>\n\n      <h1 id=\"fuzzyText\">\n        DISE\u00d1AMOS EXPERIENCIAS VISUALES<br>QUE HACEN CRECER MARCAS.\n      <\/h1>\n    <\/div>\n\n  <\/div>\n\n  <script src=\"script.js\"><\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d14755d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d14755d\" 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>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2ea65d elementor-widget-laptop__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d2ea65d\" 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<!-- 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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-abb1497 e-con-full e-flex e-con e-parent\" data-id=\"abb1497\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-965b952 elementor-widget__width-auto elementor-widget elementor-widget-html\" data-id=\"965b952\" 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      WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022 WABIX ESTUDIO CREATIVO \u2022\n    <\/div>\n  <\/div>\n<\/div>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Press+Start+2P&display=swap\" rel=\"stylesheet\">\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-8c3e035 e-con-full e-flex e-con e-parent\" data-id=\"8c3e035\" 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-d0a2e5e elementor-widget__width-auto elementor-widget elementor-widget-html\" data-id=\"d0a2e5e\" 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-video\">\n\n  <!-- VIDEO (queda abajo) -->\n  <video class=\"wabix-video-real\" playsinline preload=\"metadata\">\n  <source src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2025\/06\/W_17marzo_animacion-final4.mp4\" type=\"video\/mp4\" type=\"video\/mp4\">\n<\/video>\n\n  <!-- TEXTO GIRANDO -->\n  <div class=\"wabix-rotating-text\">\n    <svg viewBox=\"0 0 200 200\">\n      <defs>\n        <path id=\"circlePath\"\n          d=\"M 100, 100\n             m -75, 0\n             a 75,75 0 1,1 150,0\n             a 75,75 0 1,1 -150,0\"\/>\n      <\/defs>\n\n      <text>\n        <textPath href=\"#circlePath\">\n          DISE\u00d1O \u2022 BRANDING \u2022 POSTPRODUCCI\u00d3N \u2022 MOTION \u2022\n        <\/textPath>\n      <\/text>\n    <\/svg>\n  <\/div>\n\n  <!-- BOT\u00d3N PLAY -->\n  <div class=\"wabix-play\"><\/div>\n\n<\/div>\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-9b75301 e-flex e-con-boxed e-con e-parent\" data-id=\"9b75301\" 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-c75f9ec elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"c75f9ec\" 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<h2 class=\"wabix-orange-reveal\">\nMARCAS QUE HAN CONFIADO EN NOSOTROS\n<\/h2>\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-26dceb0 e-con-full e-flex e-con e-parent\" data-id=\"26dceb0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dad0e5 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2dad0e5\" 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 style=\"text-align: center;\">Empresas y proyectos con los que hemos colaborado en branding, desarrollo web y producci\u00f3n audiovisual.<\/p>\t\t\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-dc78f31 e-con-full e-flex e-con e-parent\" data-id=\"dc78f31\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e332237 elementor-widget elementor-widget-html\" data-id=\"e332237\" 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-logos\">\n  <div class=\"wabix-logos-track\">\n\n    <div class=\"wabix-logos-group\">\n\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-1-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-2-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-3-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-4-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-6-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-7-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-8-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-9-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n\n    <\/div>\n\n    <div class=\"wabix-logos-group\">\n\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-1-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-2-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-3-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-4-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-6-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-7-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-8-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n      <img loading=\"lazy\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/LOGO-WEB-9-1.png\" width=\"200\" height=\"200\" loading=\"lazy\" decoding=\"async\">\n\n    <\/div>\n\n  <\/div>\n<\/div>\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-79264661 e-flex e-con-boxed e-con e-parent\" data-id=\"79264661\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c9ca9d elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"61c9ca9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \"><span><span>NUESTRO ADN<\/span><\/span><\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b3d874 elementor-widget elementor-widget-html\" data-id=\"4b3d874\" 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<h1 class=\"wabix-title\">\n\n  <span class=\"creativo-glitch\" data-text=\"CREATIVO\">CREATIVO<\/span>\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-796933f elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-invisible elementor-widget elementor-widget-elementskit-heading\" data-id=\"796933f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-text_center\"><h2 class=\"ekit-heading--title elementskit-section-title \">En Wabix cada proyecto comienza con una comprensi\u00f3n clara de la marca. A partir de ah\u00ed desarrollamos ideas visuales que comuniquen con intenci\u00f3n y coherencia.<\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6bca75 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"e6bca75\" 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  <div class=\"wabix-card\">\n    <img decoding=\"async\" class=\"wabix-icon\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/marca.svg\" alt=\"\">\n    <h3>Visi\u00f3n estrat\u00e9gica<\/h3>\n    <p>La creatividad tiene mayor impacto cuando responde a un objetivo claro. Cada propuesta busca aportar valor dentro de la comunicaci\u00f3n de la marca.<\/p>\n  <\/div>\n\n  <div class=\"wabix-card\">\n    <img decoding=\"async\" class=\"wabix-icon\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/creatividad.svg\" alt=\"\">\n    <h3>Identidad con car\u00e1cter<\/h3>\n    <p>Creemos en marcas con personalidad. Cada elemento visual debe fortalecer su identidad y mantener coherencia en todos sus espacios de comunicaci\u00f3n.<\/p>\n  <\/div>\n\n  <div class=\"wabix-card\">\n    <img decoding=\"async\" class=\"wabix-icon\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/colaborar-2.svg\" alt=\"\">\n    <h3>Atenci\u00f3n al detalle<\/h3>\n    <p>Cuidamos cada parte del proceso creativo. Desde la idea inicial hasta la ejecuci\u00f3n final, cada detalle influye en c\u00f3mo se percibe una marca.<\/p>\n  <\/div>\n\n  <div class=\"wabix-card\">\n    <img decoding=\"async\" class=\"wabix-icon\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/atencion-al-cliente.svg\" alt=\"\">\n    <h3>Trabajo colaborativo<\/h3>\n    <p>En Wabix creemos en el desarrollo conjunto de cada proyecto. Escuchamos, analizamos y construimos soluciones junto a cada cliente.<\/p>\n  <\/div>\n\n  <div class=\"wabix-card\">\n    <img decoding=\"async\" class=\"wabix-icon\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/grafico.svg\" alt=\"\">\n    <h3>Evoluci\u00f3n constante<\/h3>\n    <p>El entorno digital cambia continuamente. Nos mantenemos explorando nuevas ideas y enfoques para seguir desarrollando propuestas actuales.<\/p>\n  <\/div>\n\n  <div class=\"wabix-card\">\n    <img decoding=\"async\" class=\"wabix-icon\" src=\"https:\/\/wabix.com.co\/wp-content\/uploads\/2026\/03\/la-satisfaccion-del-cliente_1.svg\" alt=\"\">\n    \n    <h3>Cercan\u00eda con cada proyecto<\/h3>\n    <p>Creemos en una relaci\u00f3n directa y transparente con cada cliente. Comprender sus objetivos nos permite desarrollar soluciones que realmente representen su marca.<\/p>\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-c0fbf31 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"c0fbf31\" 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-d69acf3 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"d69acf3\" 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=\"cards-container\">\n\n  <!-- 1 -->\n  <div class=\"card\">\n    <div class=\"card__border\"><\/div>\n    <div class=\"card_title__container\">\n      <img decoding=\"async\" src=\"URL_ICONO_AQUI\" class=\"card_icon\">\n      <span class=\"card_title\">Visi\u00f3n estrat\u00e9gica<\/span>\n      <p class=\"card_paragraph\">\n        La creatividad tiene mayor impacto cuando responde a un objetivo claro. Cada propuesta busca aportar valor dentro de la comunicaci\u00f3n de la marca.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- 2 -->\n  <div class=\"card\">\n    <div class=\"card__border\"><\/div>\n    <div class=\"card_title__container\">\n      <img decoding=\"async\" src=\"URL_ICONO_AQUI\" class=\"card_icon\">\n      <span class=\"card_title\">Identidad con car\u00e1cter<\/span>\n      <p class=\"card_paragraph\">\n        Creemos en marcas con personalidad. Cada elemento visual debe fortalecer su identidad y mantener coherencia en todos sus espacios de comunicaci\u00f3n.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- 3 -->\n  <div class=\"card\">\n    <div class=\"card__border\"><\/div>\n    <div class=\"card_title__container\">\n      <img decoding=\"async\" src=\"URL_ICONO_AQUI\" class=\"card_icon\">\n      <span class=\"card_title\">Atenci\u00f3n al detalle<\/span>\n      <p class=\"card_paragraph\">\n        Cuidamos cada parte del proceso creativo. Desde la idea inicial hasta la ejecuci\u00f3n final, cada detalle influye en c\u00f3mo se percibe una marca.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- 4 -->\n  <div class=\"card\">\n    <div class=\"card__border\"><\/div>\n    <div class=\"card_title__container\">\n      <img decoding=\"async\" src=\"URL_ICONO_AQUI\" class=\"card_icon\">\n      <span class=\"card_title\">Trabajo colaborativo<\/span>\n      <p class=\"card_paragraph\">\n        En Wabix creemos en el desarrollo conjunto de cada proyecto. Escuchamos, analizamos y construimos soluciones junto a cada cliente.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- 5 -->\n  <div class=\"card\">\n    <div class=\"card__border\"><\/div>\n    <div class=\"card_title__container\">\n      <img decoding=\"async\" src=\"URL_ICONO_AQUI\" class=\"card_icon\">\n      <span class=\"card_title\">Evoluci\u00f3n constante<\/span>\n      <p class=\"card_paragraph\">\n        El entorno digital cambia continuamente. Nos mantenemos explorando nuevas ideas y enfoques para seguir desarrollando propuestas actuales.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- 6 -->\n  <div class=\"card\">\n    <div class=\"card__border\"><\/div>\n    <div class=\"card_title__container\">\n      <img decoding=\"async\" src=\"URL_ICONO_AQUI\" class=\"card_icon\">\n      <span class=\"card_title\">Cercan\u00eda con cada proyecto<\/span>\n      <p class=\"card_paragraph\">\n        Creemos en una relaci\u00f3n directa y transparente con cada cliente. Comprender sus objetivos nos permite desarrollar soluciones que realmente representen su marca.\n      <\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\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-27037f3 e-flex e-con-boxed e-con e-parent\" data-id=\"27037f3\" 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-5618c0a elementor-widget elementor-widget-html\" data-id=\"5618c0a\" 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>Wabix Fuzzy Text DISE\u00d1AMOS EXPERIENCIAS VISUALESQUE HACEN CRECER MARCAS. V e r P r o y e c tos S [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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":"","ast-disable-related-posts":"","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-277","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Estudio Creativo | Branding, Desarrollo Web y Audiovisual<\/title>\n<meta name=\"description\" content=\"Somos una agencia creativa de branding, desarrollo web y postproducci\u00f3n audiovisual. Adem\u00e1s, ayudamos a marcas a crecer y destacar.\" \/>\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\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Estudio Creativo | Branding, Desarrollo Web y Audiovisual\" \/>\n<meta property=\"og:description\" content=\"Somos una agencia creativa de branding, desarrollo web y postproducci\u00f3n audiovisual. Adem\u00e1s, ayudamos a marcas a crecer y destacar.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wabix.com.co\/\" \/>\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-30T04:45:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/khaki-porcupine-544948.hostingersite.com\/wp-content\/uploads\/2026\/03\/0_-2-1.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=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wabix.com.co\\\/\",\"url\":\"https:\\\/\\\/wabix.com.co\\\/\",\"name\":\"Estudio Creativo | Branding, Desarrollo Web y Audiovisual\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wabix.com.co\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wabix.com.co\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wabix.com.co\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/khaki-porcupine-544948.hostingersite.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/0_-2-1.png\",\"datePublished\":\"2025-03-17T14:37:20+00:00\",\"dateModified\":\"2026-03-30T04:45:02+00:00\",\"description\":\"Somos una agencia creativa de branding, desarrollo web y postproducci\u00f3n audiovisual. Adem\u00e1s, ayudamos a marcas a crecer y destacar.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wabix.com.co\\\/#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wabix.com.co\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\\\/\\\/wabix.com.co\\\/#primaryimage\",\"url\":\"https:\\\/\\\/khaki-porcupine-544948.hostingersite.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/0_-2-1.png\",\"contentUrl\":\"https:\\\/\\\/khaki-porcupine-544948.hostingersite.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/0_-2-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wabix.com.co\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/wabix.com.co\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"INICIO\"}]},{\"@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":"Estudio Creativo | Branding, Desarrollo Web y Audiovisual","description":"Somos una agencia creativa de branding, desarrollo web y postproducci\u00f3n audiovisual. Adem\u00e1s, ayudamos a marcas a crecer y destacar.","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\/","og_locale":"es_ES","og_type":"article","og_title":"Estudio Creativo | Branding, Desarrollo Web y Audiovisual","og_description":"Somos una agencia creativa de branding, desarrollo web y postproducci\u00f3n audiovisual. Adem\u00e1s, ayudamos a marcas a crecer y destacar.","og_url":"https:\/\/wabix.com.co\/","og_site_name":"Wabix Estudio Creativo","article_publisher":"https:\/\/www.facebook.com\/profile.php","article_modified_time":"2026-03-30T04:45:02+00:00","og_image":[{"url":"https:\/\/khaki-porcupine-544948.hostingersite.com\/wp-content\/uploads\/2026\/03\/0_-2-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wabix.com.co\/","url":"https:\/\/wabix.com.co\/","name":"Estudio Creativo | Branding, Desarrollo Web y Audiovisual","isPartOf":{"@id":"https:\/\/wabix.com.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wabix.com.co\/#primaryimage"},"image":{"@id":"https:\/\/wabix.com.co\/#primaryimage"},"thumbnailUrl":"https:\/\/khaki-porcupine-544948.hostingersite.com\/wp-content\/uploads\/2026\/03\/0_-2-1.png","datePublished":"2025-03-17T14:37:20+00:00","dateModified":"2026-03-30T04:45:02+00:00","description":"Somos una agencia creativa de branding, desarrollo web y postproducci\u00f3n audiovisual. Adem\u00e1s, ayudamos a marcas a crecer y destacar.","breadcrumb":{"@id":"https:\/\/wabix.com.co\/#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wabix.com.co\/"]}]},{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/wabix.com.co\/#primaryimage","url":"https:\/\/khaki-porcupine-544948.hostingersite.com\/wp-content\/uploads\/2026\/03\/0_-2-1.png","contentUrl":"https:\/\/khaki-porcupine-544948.hostingersite.com\/wp-content\/uploads\/2026\/03\/0_-2-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/wabix.com.co\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/wabix.com.co\/"},{"@type":"ListItem","position":2,"name":"INICIO"}]},{"@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\/277","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=277"}],"version-history":[{"count":3001,"href":"https:\/\/wabix.com.co\/index.php?rest_route=\/wp\/v2\/pages\/277\/revisions"}],"predecessor-version":[{"id":4951,"href":"https:\/\/wabix.com.co\/index.php?rest_route=\/wp\/v2\/pages\/277\/revisions\/4951"}],"wp:attachment":[{"href":"https:\/\/wabix.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}