{"id":624,"date":"2026-08-10T20:39:26","date_gmt":"2026-08-10T20:39:26","guid":{"rendered":"https:\/\/togrowagencia.com\/en\/?page_id=624"},"modified":"2026-08-14T15:50:19","modified_gmt":"2026-08-14T15:50:19","slug":"team","status":"publish","type":"page","link":"https:\/\/togrowagencia.com\/en\/team\/","title":{"rendered":"Team"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"624\" class=\"elementor elementor-624\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e2ae7c e-flex e-con-boxed e-con e-parent\" data-id=\"9e2ae7c\" 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-29aa09f elementor-widget elementor-widget-html\" data-id=\"29aa09f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-team-hero-section\" class=\"tgus-team-hero-section\">\r\n  <style>\r\n    #tgus-team-hero-section {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-blue-400: #3b82f6;\r\n      --tgus-blue-500: #2563eb;\r\n      --tgus-blue-600: #1d4ed8;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-cyan-300: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: #000;\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(3.5rem, 8vw, 6rem) clamp(1.25rem, 5vw, 4rem) 0;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      min-width: 0;\r\n    }\r\n    #tgus-team-hero-section *, #tgus-team-hero-section *::before, #tgus-team-hero-section *::after { box-sizing: border-box; }\r\n\r\n    \/* ================================================================\r\n       ANIMATED GRADIENT BACKGROUND \u2014 ported from a CSS-only React\r\n       component (shadcn-registry style \"AnimatedGradientBackground\"):\r\n       several radial-gradient blobs, each independently animated in\r\n       position\/scale\/opacity via its own keyframes and a randomized\r\n       animation-delay, layered over a solid base and a radial\r\n       vignette mask. No canvas\/WebGL involved in the source, so this\r\n       ports directly \u2014 same layered-blob technique, same per-blob\r\n       keyframes, only the color values changed to this project's\r\n       blue\/violet\/cyan palette instead of the source's default hues.\r\n       ================================================================ *\/\r\n    #tgus-team-hero-gradient-wrap {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n      background: #05070f;\r\n      -webkit-mask-image: radial-gradient(ellipse at 50% 0%, black 60%, transparent 100%);\r\n      mask-image: radial-gradient(ellipse at 50% 0%, black 60%, transparent 100%);\r\n    }\r\n    #tgus-team-hero-gradient-wrap .tgus-gbg-blob {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      filter: blur(60px);\r\n      opacity: 0;\r\n      will-change: transform, opacity;\r\n    }\r\n    #tgus-team-hero-gradient-wrap .tgus-gbg-1 {\r\n      top: -10%; left: 5%;\r\n      width: 42%; height: 55%;\r\n      background: radial-gradient(circle, rgba(59,130,246,.55) 0%, transparent 72%);\r\n      animation: tgus-gbg-float-1 16s ease-in-out infinite;\r\n    }\r\n    #tgus-team-hero-gradient-wrap .tgus-gbg-2 {\r\n      top: 10%; right: 0%;\r\n      width: 46%; height: 60%;\r\n      background: radial-gradient(circle, rgba(139,124,246,.5) 0%, transparent 72%);\r\n      animation: tgus-gbg-float-2 20s ease-in-out infinite;\r\n      animation-delay: -4s;\r\n    }\r\n    #tgus-team-hero-gradient-wrap .tgus-gbg-3 {\r\n      bottom: -15%; left: 20%;\r\n      width: 50%; height: 55%;\r\n      background: radial-gradient(circle, rgba(94,200,242,.42) 0%, transparent 72%);\r\n      animation: tgus-gbg-float-3 18s ease-in-out infinite;\r\n      animation-delay: -9s;\r\n    }\r\n    #tgus-team-hero-gradient-wrap .tgus-gbg-4 {\r\n      top: 25%; left: 35%;\r\n      width: 34%; height: 40%;\r\n      background: radial-gradient(circle, rgba(37,99,235,.35) 0%, transparent 72%);\r\n      animation: tgus-gbg-float-4 22s ease-in-out infinite;\r\n      animation-delay: -13s;\r\n    }\r\n\r\n    @keyframes tgus-gbg-float-1 {\r\n      0%, 100% { transform: translate(0, 0) scale(1); opacity: .55; }\r\n      50% { transform: translate(6%, 8%) scale(1.15); opacity: .8; }\r\n    }\r\n    @keyframes tgus-gbg-float-2 {\r\n      0%, 100% { transform: translate(0, 0) scale(1); opacity: .45; }\r\n      50% { transform: translate(-8%, 6%) scale(1.1); opacity: .7; }\r\n    }\r\n    @keyframes tgus-gbg-float-3 {\r\n      0%, 100% { transform: translate(0, 0) scale(1); opacity: .4; }\r\n      50% { transform: translate(5%, -7%) scale(1.2); opacity: .62; }\r\n    }\r\n    @keyframes tgus-gbg-float-4 {\r\n      0%, 100% { transform: translate(0, 0) scale(.95); opacity: .3; }\r\n      50% { transform: translate(-6%, -5%) scale(1.1); opacity: .5; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-team-hero-gradient-wrap .tgus-gbg-blob {\r\n        animation: none !important;\r\n        opacity: .5 !important;\r\n      }\r\n    }\r\n\r\n    #tgus-team-hero-inner {\r\n      position: relative; z-index: 2;\r\n      max-width: 780px;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n\r\n    #tgus-team-hero-title {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(2rem, 5.2vw, 3.4rem) !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.12 !important;\r\n      letter-spacing: -0.02em !important;\r\n      margin: 0 0 1.1rem !important;\r\n      color: var(--tgus-text) !important;\r\n      text-wrap: balance;\r\n      opacity: 0; transform: translateY(18px);\r\n      animation: tgus-team-hero-in .9s var(--tgus-ease) .05s forwards;\r\n    }\r\n    #tgus-team-hero-inner > p {\r\n      font-size: clamp(.95rem, 2vw, 1.1rem) !important;\r\n      line-height: 1.6 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      margin: 0 auto clamp(1.75rem, 4vw, 2.25rem) !important;\r\n      max-width: 54ch;\r\n      opacity: 0; transform: translateY(16px);\r\n      animation: tgus-team-hero-in .9s var(--tgus-ease) .13s forwards;\r\n    }\r\n    @keyframes tgus-team-hero-in { to { opacity: 1; transform: translateY(0); } }\r\n\r\n    \/* ================================================================\r\n       CTA \u2014 standard project button (Uiverse dexter-st glass button).\r\n       ================================================================ *\/\r\n    #tgus-team-hero-cta-wrap {\r\n      position: relative;\r\n      display: inline-block;\r\n      margin-bottom: clamp(1rem, 2.5vw, 1.5rem);\r\n      opacity: 0; transform: translateY(14px);\r\n      animation: tgus-team-hero-in .9s var(--tgus-ease) .2s forwards;\r\n    }\r\n    #tgus-team-hero-cta {\r\n      --border-radius: 999px;\r\n      --padding: 4px;\r\n      --transition: .4s;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      user-select: none;\r\n      display: flex !important;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: .6rem;\r\n      padding: .9rem .9rem .9rem 1.5rem !important;\r\n      font-family: var(--tgus-font-body) !important;\r\n      font-size: .95rem !important;\r\n      font-weight: 600 !important;\r\n      text-decoration: none !important;\r\n      color: #fff !important;\r\n\r\n      background-image: linear-gradient(180deg, var(--tgus-blue-400) 0%, var(--tgus-blue-600) 100%);\r\n      box-shadow:\r\n        inset 0px 1px 1px rgba(255,255,255,.45),\r\n        inset 0px 2px 3px rgba(255,255,255,.3),\r\n        inset 0px 4px 6px rgba(255,255,255,.15),\r\n        inset 0px 10px 14px rgba(255,255,255,.08),\r\n        0px -1px 1px rgba(0,0,0,.05),\r\n        0px -3px 4px rgba(0,0,0,.1),\r\n        0px -8px 14px rgba(0,0,0,.18),\r\n        0px 8px 20px -6px rgba(10,40,110,.55);\r\n\r\n      border: solid 1px rgba(255,255,255,.28) !important;\r\n      border-radius: var(--border-radius);\r\n      cursor: pointer;\r\n      outline: none;\r\n      -webkit-tap-highlight-color: transparent;\r\n\r\n      transition: box-shadow var(--transition), border var(--transition), background-image var(--transition), transform var(--transition);\r\n    }\r\n    #tgus-team-hero-cta::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: calc(0px - var(--padding));\r\n      left: calc(0px - var(--padding));\r\n      width: calc(100% + var(--padding) * 2);\r\n      height: calc(100% + var(--padding) * 2);\r\n      border-radius: calc(var(--border-radius) + var(--padding));\r\n      pointer-events: none;\r\n      background-image: linear-gradient(0deg, #0004, #000a);\r\n      z-index: -1;\r\n      transition: box-shadow var(--transition), filter var(--transition);\r\n      box-shadow:\r\n        1px 1px 1px rgba(255,255,255,.12),\r\n        2px 2px 2px rgba(255,255,255,.06),\r\n        -1px -1px 1px rgba(0,0,0,.13),\r\n        -2px -2px 2px rgba(0,0,0,.06);\r\n    }\r\n    #tgus-team-hero-cta::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      width: 100%; height: 100%;\r\n      border-radius: inherit;\r\n      pointer-events: none;\r\n      background-image: linear-gradient(0deg, #fff, var(--tgus-cyan-300), var(--tgus-blue-500) 50%, transparent 85%);\r\n      opacity: 0;\r\n      transition: opacity var(--transition), filter var(--transition);\r\n    }\r\n    #tgus-team-hero-cta:hover {\r\n      border: solid 1px rgba(94,200,242,.5) !important;\r\n      background-image: linear-gradient(180deg, var(--tgus-cyan-300) 0%, var(--tgus-blue-500) 100%);\r\n      transform: translateY(-1px);\r\n    }\r\n    #tgus-team-hero-cta:hover::after {\r\n      opacity: 1;\r\n      -webkit-mask-image: linear-gradient(0deg, #fff, transparent);\r\n      mask-image: linear-gradient(0deg, #fff, transparent);\r\n    }\r\n    #tgus-team-hero-cta:active {\r\n      border: solid 1px rgba(94,200,242,.7) !important;\r\n      background-image: linear-gradient(180deg, var(--tgus-blue-500) 0%, var(--tgus-blue-600) 100%);\r\n      transform: translateY(0) scale(.99);\r\n    }\r\n    #tgus-team-hero-cta:active::after {\r\n      opacity: 1;\r\n      filter: brightness(200%);\r\n      -webkit-mask-image: linear-gradient(0deg, #fff, transparent);\r\n      mask-image: linear-gradient(0deg, #fff, transparent);\r\n    }\r\n    #tgus-team-hero-cta:focus-visible {\r\n      outline: 2px solid var(--tgus-cyan-300);\r\n      outline-offset: 3px;\r\n    }\r\n    #tgus-team-hero-cta-letters {\r\n      position: relative; z-index: 2;\r\n      color: rgba(255,255,255,.92);\r\n      text-shadow: 0 1px 1px rgba(0,0,0,.25);\r\n    }\r\n    #tgus-team-hero-cta-svg {\r\n      position: relative; z-index: 2;\r\n      width: 16px; height: 16px;\r\n      flex-shrink: 0;\r\n      fill: none;\r\n      stroke: #fff;\r\n      stroke-width: 2;\r\n      filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));\r\n      transition: transform var(--transition);\r\n    }\r\n    #tgus-team-hero-cta:hover #tgus-team-hero-cta-svg { transform: translateX(2px); }\r\n\r\n    \/* ================================================================\r\n       STACKED CAROUSEL \u2014 ported from a \"CarouselStacked\" React +\r\n       Framer Motion reference into vanilla JS. Cards sit centered\r\n       with a circular offset from the active index (x\/rotate\/y\/scale\/\r\n       opacity\/z-index all derived from distance-to-active), draggable\r\n       with mouse\/touch, with inertia on release (distance + velocity\r\n       combine into how many slides to advance). The reference's\r\n       Framer Motion spring was replaced with a simple exponential-lerp\r\n       tween \u2014 visually close, no extra animation library needed.\r\n       Added on top of the ported behavior: autoplay that advances one\r\n       slide at a time on an interval, pausing while the user is\r\n       actively dragging or hovering, and resuming after a short delay\r\n       \u2014 the reference only supported manual drag with no autoplay.\r\n       ================================================================ *\/\r\n    #tgus-team-hero-fan-wrap {\r\n      position: relative;\r\n      z-index: 1;\r\n      padding-bottom: clamp(2rem, 5vw, 3rem);\r\n    }\r\n    #tgus-sc-stage {\r\n      position: relative;\r\n      -webkit-mask-image: radial-gradient(ellipse 62% 85% at 50% 38%, black 55%, transparent 100%);\r\n      mask-image: radial-gradient(ellipse 62% 85% at 50% 38%, black 55%, transparent 100%);\r\n      max-width: 1400px;\r\n      margin: 0 auto;\r\n      height: clamp(21.5rem, 42.9vw, 29.7rem);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      user-select: none;\r\n    }\r\n    #tgus-sc-drag {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 50;\r\n      cursor: grab;\r\n      touch-action: pan-y;\r\n    }\r\n    #tgus-sc-drag:active { cursor: grabbing; }\r\n\r\n    .tgus-sc-card {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      width: clamp(10.725rem, 18.15vw, 15.675rem);\r\n      height: clamp(16.5rem, 29.7vw, 23.1rem);\r\n      margin-left: calc(-1 * clamp(10.725rem, 18.15vw, 15.675rem) \/ 2);\r\n      margin-top: calc(-1 * clamp(16.5rem, 29.7vw, 23.1rem) \/ 2);\r\n      border-radius: .6rem;\r\n      overflow: hidden;\r\n      background: #0b0b14;\r\n      border: 1px solid rgba(255,255,255,.14);\r\n      box-shadow: 0 25px 50px -15px rgba(0,0,0,.75);\r\n      pointer-events: none;\r\n      will-change: transform;\r\n    }\r\n    .tgus-sc-card img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform .7s var(--tgus-ease);\r\n    }\r\n    .tgus-sc-dim {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: #000;\r\n      opacity: 0;\r\n      transition: opacity .3s ease;\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      #tgus-sc-stage { height: clamp(16.5rem, 66vw, 23.1rem); }\r\n    }\r\n  <\/style>\r\n\r\n  <div id=\"tgus-team-hero-gradient-wrap\" aria-hidden=\"true\">\r\n    <div class=\"tgus-gbg-blob tgus-gbg-1\"><\/div>\r\n    <div class=\"tgus-gbg-blob tgus-gbg-2\"><\/div>\r\n    <div class=\"tgus-gbg-blob tgus-gbg-3\"><\/div>\r\n    <div class=\"tgus-gbg-blob tgus-gbg-4\"><\/div>\r\n  <\/div>\r\n\r\n  <div id=\"tgus-team-hero-inner\">\r\n    <h1 id=\"tgus-team-hero-title\">Software Experts, App Builders and Leaders of the AI Agent Revolution<\/h1>\r\n    <p>We fuse 12 years of strategic experience with the speed of hybrid technology to give your business intelligent commercial infrastructure.<\/p>\r\n\r\n    <span id=\"tgus-team-hero-cta-wrap\">\r\n      <a id=\"tgus-team-hero-cta\" href=\"https:\/\/api.whatsapp.com\/send?phone=573103597580\" target=\"_blank\" rel=\"noopener\">\r\n        <span id=\"tgus-team-hero-cta-letters\">Contact us<\/span>\r\n        <svg id=\"tgus-team-hero-cta-svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/a>\r\n    <\/span>\r\n  <\/div>\r\n\r\n  <div id=\"tgus-team-hero-fan-wrap\" aria-hidden=\"true\">\r\n    <div id=\"tgus-sc-stage\">\r\n      <div id=\"tgus-sc-drag\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <script>\r\n  (function(){\r\n    try{\r\n      var root = document.getElementById('tgus-team-hero-section');\r\n      if(!root) return;\r\n\r\n      var slides = [\r\n        { image: 'http:\/\/togrowagencia.com\/wp-content\/uploads\/2026\/04\/Fotos-Individuales.jpg' },\r\n        { image: 'http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-24.png' },\r\n        { image: 'http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-23.png' },\r\n        { image: 'http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-09.png' },\r\n        { image: 'http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-08.png' },\r\n        { image: 'http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-07.png' }\r\n      ];\r\n\r\n      var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      var total = slides.length;\r\n\r\n      var stage = root.querySelector('#tgus-sc-stage');\r\n      var dragEl = root.querySelector('#tgus-sc-drag');\r\n      if(!stage || !dragEl) return;\r\n\r\n      function getConfig(width){\r\n        if(width < 640){\r\n          return { distanceDivisor:120, velocityDivisor:500, sensitivity:180, xMultiplier:115.5, yMultiplier:26.4, rotationMultiplier:8, scaleReduction:0.08 };\r\n        }\r\n        if(width < 1024){\r\n          return { distanceDivisor:160, velocityDivisor:650, sensitivity:220, xMultiplier:156.75, yMultiplier:36.3, rotationMultiplier:10, scaleReduction:0.09 };\r\n        }\r\n        return { distanceDivisor:200, velocityDivisor:800, sensitivity:250, xMultiplier:189.75, yMultiplier:42.9, rotationMultiplier:12, scaleReduction:0.1 };\r\n      }\r\n      var config = getConfig(window.innerWidth);\r\n      window.addEventListener('resize', function(){ config = getConfig(window.innerWidth); paint(); });\r\n\r\n      \/\/ ---- build cards ----\r\n      var cardEls = slides.map(function(slide, i){\r\n        var card = document.createElement('div');\r\n        card.className = 'tgus-sc-card';\r\n\r\n        var img = document.createElement('img');\r\n        img.src = slide.image;\r\n        img.alt = '';\r\n        img.loading = 'lazy';\r\n        img.decoding = 'async';\r\n\r\n        var dim = document.createElement('div');\r\n        dim.className = 'tgus-sc-dim';\r\n\r\n        card.appendChild(img);\r\n        card.appendChild(dim);\r\n        stage.appendChild(card);\r\n        return { el: card, dim: dim, index: i };\r\n      });\r\n\r\n      \/\/ ---- state: floating progress ----\r\n      var progress = 0;\r\n      var target = 0;\r\n      var raf = null;\r\n\r\n      function shortestOffset(index, p){\r\n        var diff = (index - p) % total;\r\n        if(diff > total \/ 2) diff -= total;\r\n        if(diff < -total \/ 2) diff += total;\r\n        return diff;\r\n      }\r\n\r\n      function lerp(a, b, t){ return a + (b - a) * t; }\r\n\r\n      function opacityForOffset(o){\r\n        var abs = Math.abs(o);\r\n        var half = total \/ 2;\r\n        if(abs >= half) return 0;\r\n        if(abs >= half - 0.5) return lerp(0, 1, (half - abs) \/ 0.5);\r\n        return 1;\r\n      }\r\n\r\n      function paint(){\r\n        cardEls.forEach(function(c){\r\n          var o = shortestOffset(c.index, progress);\r\n          var absO = Math.abs(o);\r\n\r\n          var x = o * config.xMultiplier;\r\n          var rotate = absO < 0.05 ? 0 : o * config.rotationMultiplier;\r\n          var y = absO < 0.05 ? 0 : absO * config.yMultiplier;\r\n          var scale = 1 - absO * config.scaleReduction;\r\n          var opacity = opacityForOffset(o);\r\n          var zIndex = Math.round(100 - absO * 10);\r\n\r\n          c.el.style.transform = 'translate(' + x + 'px,' + y + 'px) rotate(' + rotate + 'deg) scale(' + scale + ')';\r\n          c.el.style.opacity = String(opacity);\r\n          c.el.style.zIndex = String(zIndex);\r\n\r\n          c.dim.style.opacity = String(Math.min(0.5, absO * 0.25));\r\n        });\r\n      }\r\n\r\n      function settle(t){\r\n        if(raf !== null){ cancelAnimationFrame(raf); }\r\n        target = t;\r\n        function step(){\r\n          var remaining = target - progress;\r\n          if(Math.abs(remaining) < 0.0008){\r\n            progress = target;\r\n            paint();\r\n            raf = null;\r\n            return;\r\n          }\r\n          progress += remaining * 0.18;\r\n          paint();\r\n          raf = requestAnimationFrame(step);\r\n        }\r\n        raf = requestAnimationFrame(step);\r\n      }\r\n\r\n      \/\/ ---- autoplay: advance one slide at a time, pausing on drag\r\n      \/\/ or hover, matching the same isPaused pattern used elsewhere\r\n      \/\/ in this project's carousels ----\r\n      var isPaused = false;\r\n      var autoplayTimer = null;\r\n\r\n      function startAutoplay(){\r\n        if(reduceMotion || autoplayTimer) return;\r\n        autoplayTimer = window.setInterval(function(){\r\n          if(isPaused) return;\r\n          settle(Math.round(progress) + 1);\r\n        }, 2200);\r\n      }\r\n      function stopAutoplay(){\r\n        if(autoplayTimer){ clearInterval(autoplayTimer); autoplayTimer = null; }\r\n      }\r\n\r\n      stage.addEventListener('mouseenter', function(){ isPaused = true; });\r\n      stage.addEventListener('mouseleave', function(){ isPaused = false; });\r\n\r\n      var isVisible = true;\r\n      if('IntersectionObserver' in window){\r\n        var io = new IntersectionObserver(function(entries){\r\n          isVisible = entries[0].isIntersecting;\r\n          if(isVisible) startAutoplay(); else stopAutoplay();\r\n        }, { threshold: 0 });\r\n        io.observe(stage);\r\n      } else {\r\n        startAutoplay();\r\n      }\r\n\r\n      \/\/ ---- drag ----\r\n      var drag = null;\r\n\r\n      function onPointerDown(e){\r\n        isPaused = true;\r\n        if(raf !== null){ cancelAnimationFrame(raf); raf = null; }\r\n        dragEl.setPointerCapture(e.pointerId);\r\n        drag = { id: e.pointerId, startProgress: progress, lastX: e.clientX, lastT: performance.now(), v: 0 };\r\n      }\r\n      function onPointerMove(e){\r\n        if(!drag || drag.id !== e.pointerId) return;\r\n        var now = performance.now();\r\n        var dx = e.clientX - drag.lastX;\r\n        var dt = Math.max(now - drag.lastT, 1);\r\n        drag.v = (-dx \/ dt) * 1000;\r\n        drag.lastX = e.clientX;\r\n        drag.lastT = now;\r\n\r\n        progress += -dx \/ config.sensitivity;\r\n        paint();\r\n      }\r\n      function onPointerUp(e){\r\n        if(!drag || drag.id !== e.pointerId) return;\r\n        var d = drag;\r\n        drag = null;\r\n\r\n        var dragDistance = (progress - d.startProgress) * config.sensitivity * -1;\r\n        var distanceShift = -dragDistance \/ config.distanceDivisor;\r\n        var velocityShift = -d.v \/ config.velocityDivisor;\r\n\r\n        var totalShift = Math.round(distanceShift + velocityShift);\r\n        totalShift = Math.max(-3, Math.min(3, totalShift));\r\n\r\n        var t = Math.round(d.startProgress) + totalShift;\r\n        settle(t);\r\n\r\n        \/\/ resume autoplay shortly after the user lets go, rather than\r\n        \/\/ instantly \u2014 an immediate resume felt like it was fighting\r\n        \/\/ the drag's own settle animation\r\n        window.setTimeout(function(){ isPaused = false; }, 600);\r\n      }\r\n\r\n      dragEl.addEventListener('pointerdown', onPointerDown);\r\n      dragEl.addEventListener('pointermove', onPointerMove);\r\n      dragEl.addEventListener('pointerup', onPointerUp);\r\n      dragEl.addEventListener('pointercancel', onPointerUp);\r\n\r\n      paint();\r\n    }catch(err){\r\n      console.error('[tgus-team-hero fan] error:', err);\r\n    }\r\n  })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb0186e elementor-widget elementor-widget-html\" data-id=\"fb0186e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-historia-section\" class=\"tgus-historia-section\">\r\n  <style>\r\n    #tgus-historia-section {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-bg-2: #15151f;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(4.5rem, 9vw, 7.5rem) clamp(1.25rem, 5vw, 4rem);\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      min-width: 0;\r\n    }\r\n    #tgus-historia-section *, #tgus-historia-section *::before, #tgus-historia-section *::after { box-sizing: border-box; }\r\n\r\n    #tgus-historia-grid {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      background-image: radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1.4px);\r\n      background-size: 26px 26px;\r\n      -webkit-mask-image: radial-gradient(ellipse 75% 65% at 50% 30%, black, transparent 75%);\r\n      mask-image: radial-gradient(ellipse 75% 65% at 50% 30%, black, transparent 75%);\r\n      pointer-events: none;\r\n    }\r\n    #tgus-historia-ambient {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    #tgus-historia-ambient span {\r\n      width: 56rem; height: 38rem;\r\n      border-radius: 50%;\r\n      background: radial-gradient(ellipse, rgba(59,130,246,.24) 0%, rgba(139,124,246,.13) 45%, transparent 75%);\r\n      filter: blur(30px);\r\n      animation: tgus-historia-drift 26s cubic-bezier(.16,1,.3,1) infinite alternate;\r\n    }\r\n    @keyframes tgus-historia-drift {\r\n      from { transform: translate(0, 0); }\r\n      to { transform: translate(-2.5rem, 2rem); }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-historia-ambient span { animation: none !important; }\r\n    }\r\n\r\n    #tgus-historia-inner {\r\n      position: relative; z-index: 2;\r\n      max-width: 1160px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #tgus-historia-top {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);\r\n      gap: clamp(2rem, 5vw, 4rem);\r\n      align-items: stretch;\r\n      margin-bottom: clamp(2.5rem, 5vw, 3.5rem);\r\n    }\r\n\r\n    #tgus-historia-header { max-width: 620px; min-width: 0; }\r\n\r\n    #tgus-historia-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .8rem !important;\r\n      font-weight: 600 !important;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      color: var(--tgus-cyan) !important;\r\n      margin: 0 0 .9rem !important;\r\n      opacity: 0; transform: translateY(10px);\r\n      animation: tgus-historia-in .7s var(--tgus-ease) forwards;\r\n    }\r\n    #tgus-historia-eyebrow::before {\r\n      content: '';\r\n      width: 1.4rem; height: 1px;\r\n      background: var(--tgus-cyan);\r\n      display: inline-block;\r\n    }\r\n    #tgus-historia-title {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1.9rem, 3.6vw, 2.75rem) !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: -0.02em !important;\r\n      margin: 0 0 1rem !important;\r\n      color: var(--tgus-text) !important;\r\n      text-wrap: balance;\r\n    }\r\n    #tgus-historia-title .tgus-word {\r\n      display: inline-block;\r\n      opacity: 0;\r\n      transform: translateY(16px);\r\n      animation: tgus-historia-in .6s var(--tgus-ease) forwards;\r\n      animation-delay: calc(35ms * var(--i, 0) + 60ms);\r\n    }\r\n    #tgus-historia-header p {\r\n      font-size: 1.02rem !important;\r\n      line-height: 1.65 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      margin: 0 0 1.1rem !important;\r\n      max-width: 68ch;\r\n      opacity: 0; transform: translateY(14px);\r\n      animation: tgus-historia-in .8s var(--tgus-ease) forwards;\r\n    }\r\n    #tgus-historia-header p:nth-of-type(1) { animation-delay: .45s; }\r\n    #tgus-historia-header p:nth-of-type(2) { animation-delay: .55s; }\r\n    #tgus-historia-header p:last-child { margin-bottom: 0 !important; }\r\n\r\n    @keyframes tgus-historia-in { to { opacity: 1; transform: translateY(0); } }\r\n\r\n    \/* ================================================================\r\n       PHOTO \u2014 same treatment used elsewhere in this project: ambient\r\n       glow behind the frame, directional color wash + grain overlay\r\n       on the photo itself, and a bottom fade so it dissolves into the\r\n       section background instead of ending in a hard crop.\r\n       ================================================================ *\/\r\n    #tgus-historia-visual {\r\n      position: relative;\r\n      min-width: 0;\r\n      height: 100%;\r\n      opacity: 0; transform: translateY(20px);\r\n      animation: tgus-historia-in 1s var(--tgus-ease) .3s forwards;\r\n    }\r\n    #tgus-historia-photo-glow {\r\n      position: absolute;\r\n      inset: -15%;\r\n      z-index: 0;\r\n      background:\r\n        radial-gradient(closest-side, rgba(59,130,246,.26), transparent 70%) 20% 20% \/ 55% 55% no-repeat,\r\n        radial-gradient(closest-side, rgba(139,124,246,.22), transparent 70%) 80% 80% \/ 55% 55% no-repeat;\r\n      filter: blur(28px);\r\n      pointer-events: none;\r\n    }\r\n    #tgus-historia-photo-frame {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 1.25rem;\r\n      overflow: hidden;\r\n      border: 1px solid var(--tgus-border);\r\n      box-shadow: 0 40px 90px -30px rgba(0,0,0,.65);\r\n    }\r\n    #tgus-historia-photo-frame img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n    #tgus-historia-photo-frame::after {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 3;\r\n      pointer-events: none;\r\n      background: linear-gradient(to bottom, transparent 55%, var(--tgus-bg-0) 96%);\r\n    }\r\n    #tgus-historia-photo-grain {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      pointer-events: none;\r\n      background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'\/><feColorMatrix type='saturate' values='0'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'\/><\/svg>\");\r\n      opacity: .22;\r\n      mix-blend-mode: overlay;\r\n    }\r\n    #tgus-historia-photo-wash {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      pointer-events: none;\r\n      background: linear-gradient(135deg, rgba(37,99,235,.22) 0%, transparent 45%, transparent 65%, rgba(109,94,240,.2) 100%);\r\n      mix-blend-mode: soft-light;\r\n    }\r\n\r\n    \/* ================================================================\r\n       PILLAR CARDS \u2014 connected by a numbered timeline rail across the\r\n       top of each card, and a mouse-follow spotlight per card so the\r\n       grid feels responsive to the cursor rather than static. The\r\n       rail communicates \"these four things happened as one build-out\"\r\n       instead of \"four unrelated feature boxes.\"\r\n       ================================================================ *\/\r\n    #tgus-historia-grid-cards {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 1px;\r\n      background: var(--tgus-border);\r\n      border: 1px solid var(--tgus-border);\r\n      border-radius: 1.1rem;\r\n      overflow: hidden;\r\n    }\r\n    .tgus-historia-card {\r\n      position: relative;\r\n      background: var(--tgus-bg-2);\r\n      padding: clamp(1.5rem, 2.5vw, 1.9rem);\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      opacity: 0;\r\n      transform: translateY(16px);\r\n      animation: tgus-historia-in .7s var(--tgus-ease) forwards;\r\n      transition: background .4s var(--tgus-ease);\r\n    }\r\n    #tgus-historia-grid-cards .tgus-historia-card:nth-child(1) { animation-delay: .65s; }\r\n    #tgus-historia-grid-cards .tgus-historia-card:nth-child(2) { animation-delay: .71s; }\r\n    #tgus-historia-grid-cards .tgus-historia-card:nth-child(3) { animation-delay: .77s; }\r\n    #tgus-historia-grid-cards .tgus-historia-card:nth-child(4) { animation-delay: .83s; }\r\n\r\n    .tgus-historia-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      opacity: 0;\r\n      background: radial-gradient(280px circle at var(--tgus-mx, 50%) var(--tgus-my, 50%), rgba(94,200,242,.14), transparent 70%);\r\n      transition: opacity .35s var(--tgus-ease);\r\n      pointer-events: none;\r\n    }\r\n    @media (hover: hover) and (pointer: fine) {\r\n      .tgus-historia-card:hover::before { opacity: 1; }\r\n      .tgus-historia-card:hover { background: #181822; }\r\n      .tgus-historia-card:hover .tgus-historia-card-icon {\r\n        transform: translateY(-2px) scale(1.05);\r\n        border-color: rgba(94,200,242,.4);\r\n      }\r\n      .tgus-historia-card:hover .tgus-historia-card-icon svg { color: var(--tgus-cyan); }\r\n      .tgus-historia-card:hover .tgus-historia-num { color: var(--tgus-cyan) !important; }\r\n    }\r\n\r\n    .tgus-historia-num {\r\n      position: relative; z-index: 1;\r\n      display: block;\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: .78rem !important;\r\n      font-weight: 700 !important;\r\n      letter-spacing: .04em;\r\n      color: var(--tgus-text-dim) !important;\r\n      margin-bottom: .9rem;\r\n      transition: color .35s var(--tgus-ease);\r\n    }\r\n\r\n    .tgus-historia-card-icon {\r\n      position: relative; z-index: 1;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 2.5rem;\r\n      height: 2.5rem;\r\n      border-radius: .75rem;\r\n      background: rgba(94,200,242,.08);\r\n      border: 1px solid rgba(94,200,242,.2);\r\n      margin-bottom: 1rem;\r\n      transition: transform .35s var(--tgus-ease), border-color .35s var(--tgus-ease);\r\n    }\r\n    .tgus-historia-card-icon svg {\r\n      width: 1.15rem; height: 1.15rem;\r\n      color: var(--tgus-cyan);\r\n      transition: color .35s var(--tgus-ease);\r\n    }\r\n    .tgus-historia-card h3 {\r\n      position: relative; z-index: 1;\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: 1.05rem !important;\r\n      font-weight: 700 !important;\r\n      color: var(--tgus-text) !important;\r\n      margin: 0 0 .5rem !important;\r\n    }\r\n    .tgus-historia-card p {\r\n      position: relative; z-index: 1;\r\n      font-size: .88rem !important;\r\n      line-height: 1.55 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      margin: 0 !important;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-historia-eyebrow, #tgus-historia-title .tgus-word, #tgus-historia-header p, .tgus-historia-card {\r\n        animation-duration: .01ms !important; opacity: 1 !important; transform: none !important;\r\n      }\r\n      .tgus-historia-card-icon, .tgus-historia-card::before { transition: none !important; }\r\n    }\r\n\r\n    @media (max-width: 860px) {\r\n      #tgus-historia-top { grid-template-columns: 1fr; }\r\n      #tgus-historia-visual { order: -1; height: auto; min-height: clamp(14rem, 60vw, 20rem); margin-bottom: .5rem; }\r\n      #tgus-historia-photo-frame { height: auto; min-height: clamp(14rem, 60vw, 20rem); }\r\n      #tgus-historia-grid-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    }\r\n    @media (max-width: 560px) {\r\n      #tgus-historia-grid-cards { grid-template-columns: 1fr; }\r\n    }\r\n  <\/style>\r\n\r\n  <div id=\"tgus-historia-grid\" aria-hidden=\"true\"><\/div>\r\n  <div id=\"tgus-historia-ambient\" aria-hidden=\"true\"><span><\/span><\/div>\r\n\r\n  <div id=\"tgus-historia-inner\">\r\n    <div id=\"tgus-historia-top\">\r\n      <div id=\"tgus-historia-header\">\r\n        <p id=\"tgus-historia-eyebrow\">Our story<\/p>\r\n        <h2 id=\"tgus-historia-title\"><span id=\"tgus-historia-title-words\" aria-hidden=\"true\"><\/span><\/h2>\r\n        <p>ToGrow wasn't born out of improvisation; it's the result of 12 years of strategic evolution in the high-revenue markets of Latin America and the United States. We started out mastering high-impact web design, SEO positioning and visual identity; we evolved into 360\u00b0 digital marketing, and reached our current maturity specializing in high-performance mobile app development and complex custom enterprise software.<\/p>\r\n        <p>Today, led by three strategic partners operating from key hubs \u2014 Chile, the Peru\/US connection, and Colombia \u2014 we've established our command center in Medell\u00edn, deliberately chosen as our operational hub for being the most strategic epicenter of tech innovation to connect and drive businesses toward the rest of the world. With the creation of Smart Go Up, our engineering has reached its peak: a hybrid ecosystem that integrates mass automation, data scraping and autonomous AI agents.<\/p>\r\n      <\/div>\r\n\r\n      <div id=\"tgus-historia-visual\" aria-hidden=\"true\">\r\n        <div id=\"tgus-historia-photo-glow\"><\/div>\r\n        <div id=\"tgus-historia-photo-frame\">\r\n          <img src=\"https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/descarga-2.avif\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n          <div id=\"tgus-historia-photo-wash\"><\/div>\r\n          <div id=\"tgus-historia-photo-grain\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tgus-historia-grid-cards\">\r\n      <article class=\"tgus-historia-card\" data-tgus-spotlight>\r\n        <span class=\"tgus-historia-num\">01<\/span>\r\n        <span class=\"tgus-historia-card-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 3 7l9 5 9-5-9-5Z\"\/><path d=\"M3 12l9 5 9-5M3 17l9 5 9-5\"\/><\/svg>\r\n        <\/span>\r\n        <h3>Smart Go Up<\/h3>\r\n        <p>Hybrid commercial orchestration powered by autonomous AI agents, mass automation and custom data scraping.<\/p>\r\n      <\/article>\r\n      <article class=\"tgus-historia-card\" data-tgus-spotlight>\r\n        <span class=\"tgus-historia-num\">02<\/span>\r\n        <span class=\"tgus-historia-card-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"\/><path stroke-linecap=\"round\" d=\"M11 18h2\"\/><\/svg>\r\n        <\/span>\r\n        <h3>Software &amp; Apps<\/h3>\r\n        <p>Design and architecture of high-performance mobile apps and custom enterprise platforms.<\/p>\r\n      <\/article>\r\n      <article class=\"tgus-historia-card\" data-tgus-spotlight>\r\n        <span class=\"tgus-historia-num\">03<\/span>\r\n        <span class=\"tgus-historia-card-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 17l6-6 4 4 8-8\"\/><path d=\"M15 5h6v6\"\/><\/svg>\r\n        <\/span>\r\n        <h3>Growth Marketing 360<\/h3>\r\n        <p>High-impact campaigns, advanced SEO and communication strategies that turn audiences into revenue assets.<\/p>\r\n      <\/article>\r\n      <article class=\"tgus-historia-card\" data-tgus-spotlight>\r\n        <span class=\"tgus-historia-num\">04<\/span>\r\n        <span class=\"tgus-historia-card-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"\/><path d=\"M12 2v3.2M12 18.8V22M2 12h3.2M18.8 12H22M4.9 4.9l2.3 2.3M16.8 16.8l2.3 2.3M4.9 19.1l2.3-2.3M16.8 7.2l2.3-2.3\"\/><\/svg>\r\n        <\/span>\r\n        <h3>Multinational Hub<\/h3>\r\n        <p>Command center in Medell\u00edn operating strategically for key markets across Hispanic US, Mexico, Colombia, Peru and Ecuador.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-historia-section');\r\n      if(!root) return;\r\n\r\n      \/\/ ---- title word-by-word reveal ----\r\n      var titleTarget = root.querySelector('#tgus-historia-title-words');\r\n      if(titleTarget){\r\n        var titleText = '12 years shaping the future of commercial engineering and artificial intelligence';\r\n        titleText.split(' ').forEach(function(word, i){\r\n          var span = document.createElement('span');\r\n          span.className = 'tgus-word';\r\n          span.style.setProperty('--i', i);\r\n          span.textContent = word;\r\n          titleTarget.appendChild(span);\r\n          titleTarget.appendChild(document.createTextNode(' '));\r\n        });\r\n      }\r\n      var titleHeading = root.querySelector('#tgus-historia-title');\r\n      if(titleHeading){\r\n        titleHeading.setAttribute('aria-label', '12 years shaping the future of commercial engineering and artificial intelligence');\r\n      }\r\n\r\n      \/\/ ---- mouse-follow spotlight on cards, desktop-only ----\r\n      var isFinePointer = window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches;\r\n      if(isFinePointer){\r\n        root.querySelectorAll('[data-tgus-spotlight]').forEach(function(card){\r\n          card.addEventListener('pointermove', function(e){\r\n            var rect = card.getBoundingClientRect();\r\n            card.style.setProperty('--tgus-mx', (e.clientX - rect.left) + 'px');\r\n            card.style.setProperty('--tgus-my', (e.clientY - rect.top) + 'px');\r\n          });\r\n        });\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c337ffe elementor-widget elementor-widget-html\" data-id=\"c337ffe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-fusion-section\" class=\"tgus-fusion-section\">\r\n  <style>\r\n    #tgus-fusion-section {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-blue-light: #60a5fa;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(4.5rem, 9vw, 7.5rem) clamp(1.25rem, 5vw, 4rem);\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      min-width: 0;\r\n    }\r\n    #tgus-fusion-section *, #tgus-fusion-section *::before, #tgus-fusion-section *::after { box-sizing: border-box; }\r\n\r\n    #tgus-fusion-ambient {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    #tgus-fusion-ambient span {\r\n      width: 60rem; height: 36rem;\r\n      border-radius: 50%;\r\n      background: radial-gradient(ellipse, rgba(139,124,246,.22) 0%, rgba(59,130,246,.12) 45%, transparent 75%);\r\n      filter: blur(30px);\r\n    }\r\n\r\n    #tgus-fusion-inner {\r\n      position: relative; z-index: 2;\r\n      max-width: 900px;\r\n      margin: 0 auto clamp(3rem, 6vw, 4rem);\r\n      text-align: center;\r\n    }\r\n    #tgus-fusion-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .8rem !important;\r\n      font-weight: 600 !important;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      color: var(--tgus-cyan) !important;\r\n      margin: 0 0 .9rem !important;\r\n    }\r\n    #tgus-fusion-eyebrow::before,\r\n    #tgus-fusion-eyebrow::after {\r\n      content: '';\r\n      width: 1.4rem; height: 1px;\r\n      background: var(--tgus-cyan);\r\n      display: inline-block;\r\n    }\r\n\r\n    \/* ================================================================\r\n       TITLE REVEAL \u2014 ported from a GSAP-driven sweep reveal (source\r\n       animated backgroundPosition via gsap.to with power3.out easing\r\n       and a stagger between lines). Rebuilt with rAF + a manual easing\r\n       function instead of importing GSAP \u2014 this project doesn't use\r\n       it elsewhere, and the effect itself doesn't need a full\r\n       animation library, just one eased value driving background-\r\n       position. The gradient word (\"fusion\") keeps its own\r\n       independent looping animation, matching the source.\r\n       ================================================================ *\/\r\n    #tgus-fusion-title {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-weight: 700 !important;\r\n      font-size: clamp(1.9rem, 3.6vw, 2.75rem) !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: -0.02em !important;\r\n      margin: 0 0 1.1rem !important;\r\n      padding-bottom: .15em;\r\n    }\r\n    #tgus-fusion-title .tgus-reveal-line {\r\n      display: block;\r\n      background-image: linear-gradient(90deg, var(--tgus-text) 0%, var(--tgus-text) 40%, rgba(244,244,247,.15) 55%, var(--tgus-text) 70%, var(--tgus-text) 100%);\r\n      background-size: 250% 100%;\r\n      background-position: 150% 0;\r\n      -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\r\n    }\r\n    #tgus-fusion-title .tgus-grad-word {\r\n      background-image: linear-gradient(90deg, var(--tgus-blue), var(--tgus-violet), var(--tgus-cyan), var(--tgus-blue));\r\n      background-size: 300% 100%;\r\n      -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\r\n      animation: tgus-fusion-grad 6s linear infinite;\r\n      padding-bottom: .15em;\r\n    }\r\n    @keyframes tgus-fusion-grad { to { background-position: 300% 0; } }\r\n\r\n    #tgus-fusion-inner p {\r\n      font-size: 1.02rem !important;\r\n      line-height: 1.65 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      margin: 0 auto !important;\r\n      max-width: 68ch;\r\n    }\r\n    #tgus-fusion-inner p + p { margin-top: 1.1rem !important; }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-fusion-title .tgus-reveal-line,\r\n      #tgus-fusion-title .tgus-grad-word {\r\n        animation: none !important;\r\n        background-position: 0 0 !important;\r\n        -webkit-text-fill-color: currentColor;\r\n      }\r\n    }\r\n\r\n    \/* ================================================================\r\n       STAT CARDS \u2014 ported from a Uiverse-style component (Spacious74):\r\n       animated dot traveling the card's corner border, a diagonal\r\n       cyan \"ray\" of light behind the number, decorative lines fading\r\n       from each edge, and a gradient number. Recolored to this\r\n       project's blue\/violet\/cyan palette (source used the same hues\r\n       already, kept close to source). Count-up on scroll-into-view\r\n       reused from this project's existing counter pattern.\r\n       ================================================================ *\/\r\n    #tgus-fusion-stats {\r\n      position: relative; z-index: 2;\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 1.1rem;\r\n      max-width: 1160px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .tgus-stat-outer {\r\n      width: 100%;\r\n      aspect-ratio: 6\/5;\r\n      border-radius: 16px;\r\n      padding: 1px;\r\n      background: radial-gradient(circle 220px at 0% 0%, rgba(139,124,246,.5), #0c0d14);\r\n      position: relative;\r\n    }\r\n    .tgus-stat-dot {\r\n      width: 5px; aspect-ratio: 1;\r\n      position: absolute;\r\n      background-color: rgba(255,255,255,.55);\r\n      box-shadow:\r\n        0 0 6px 1px rgba(255,255,255,.5),\r\n        0 0 16px 4px rgba(148,200,255,.35),\r\n        0 0 30px 10px rgba(94,200,242,.18);\r\n      border-radius: 100px;\r\n      z-index: 2;\r\n      right: 10%; top: 10%;\r\n      animation: tgus-stat-dot-move 6s linear infinite;\r\n    }\r\n    @keyframes tgus-stat-dot-move {\r\n      0%, 100% { top: 10%; right: 10%; }\r\n      25% { top: 10%; right: calc(100% - 22px); }\r\n      50% { top: calc(100% - 20px); right: calc(100% - 22px); }\r\n      75% { top: calc(100% - 20px); right: 10%; }\r\n    }\r\n    .tgus-stat-card {\r\n      z-index: 1;\r\n      width: 100%; height: 100%;\r\n      border-radius: 15px;\r\n      border: solid 1px rgba(139,124,246,.25);\r\n      background: radial-gradient(circle 260px at 0% 0%, rgba(59,130,246,.28), #08080f);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      position: relative;\r\n      color: #fff;\r\n      overflow: hidden;\r\n    }\r\n    .tgus-stat-ray {\r\n      width: 160px; height: 34px;\r\n      border-radius: 100px;\r\n      position: absolute;\r\n      background-color: var(--tgus-cyan);\r\n      opacity: .32;\r\n      box-shadow: 0 0 50px var(--tgus-cyan);\r\n      filter: blur(9px);\r\n      transform-origin: 10%;\r\n      top: 0; left: 0;\r\n      transform: rotate(40deg);\r\n    }\r\n    .tgus-stat-text {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-weight: 800 !important;\r\n      font-size: clamp(2rem, 4vw, 3rem) !important;\r\n      background: linear-gradient(45deg, var(--tgus-blue) 4%, #fff, var(--tgus-cyan));\r\n      -webkit-background-clip: text; background-clip: text; color: transparent;\r\n      position: relative; z-index: 1;\r\n      line-height: 1;\r\n    }\r\n    .tgus-stat-label {\r\n      position: relative; z-index: 1;\r\n      font-size: .88rem !important;\r\n      font-weight: 600 !important;\r\n      color: #dcdce4 !important;\r\n      margin-top: .5rem;\r\n      text-align: center;\r\n    }\r\n    .tgus-stat-line {\r\n      width: 100%; height: 1px;\r\n      position: absolute;\r\n      background-color: rgba(139,124,246,.2);\r\n    }\r\n    .tgus-stat-line.topl { top: 14%; background: linear-gradient(90deg, var(--tgus-cyan) 30%, transparent 70%); }\r\n    .tgus-stat-line.bottoml { bottom: 14%; }\r\n    .tgus-stat-line.leftl { left: 12%; width: 1px; height: 100%; background: linear-gradient(180deg, var(--tgus-violet) 30%, transparent 70%); }\r\n    .tgus-stat-line.rightl { right: 12%; width: 1px; height: 100%; }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .tgus-stat-dot { animation: none; top: 10%; right: 10%; }\r\n    }\r\n\r\n    @media (max-width: 860px) {\r\n      #tgus-fusion-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    }\r\n    @media (max-width: 480px) {\r\n      #tgus-fusion-stats { grid-template-columns: 1fr; }\r\n      .tgus-stat-outer { aspect-ratio: 3\/2; }\r\n    }\r\n  <\/style>\r\n\r\n  <div id=\"tgus-fusion-ambient\" aria-hidden=\"true\"><span><\/span><\/div>\r\n\r\n  <div id=\"tgus-fusion-inner\">\r\n    <p id=\"tgus-fusion-eyebrow\">Our team<\/p>\r\n    <h2 id=\"tgus-fusion-title\">\r\n      <span class=\"tgus-reveal-line\" data-tgus-reveal>The perfect <span class=\"tgus-grad-word\">fusion<\/span><\/span>\r\n      <span class=\"tgus-reveal-line\" data-tgus-reveal>of strategic maturity and native digital DNA<\/span>\r\n    <\/h2>\r\n    <p>A team of 30 specialists combining senior corporate vision with the technical speed of a new generation. At ToGrow we break the traditional mold: our operations hub in Medell\u00edn is powered by a unique generational synergy \u2014 more than a decade of experience leading international business, joined by the strength of 24 engineers and creatives, all digital natives under 25.<\/p>\r\n    <p>We didn't adopt Artificial Intelligence; we were born with it. Expert judgment and cutting-edge execution under one roof.<\/p>\r\n  <\/div>\r\n\r\n  <div id=\"tgus-fusion-stats\">\r\n    <div class=\"tgus-stat-outer\">\r\n      <div class=\"tgus-stat-dot\"><\/div>\r\n      <div class=\"tgus-stat-card\">\r\n        <div class=\"tgus-stat-ray\"><\/div>\r\n        <div class=\"tgus-stat-text\"><span class=\"tgus-fcount\" data-count-to=\"832\">0<\/span><\/div>\r\n        <div class=\"tgus-stat-label\">Projects completed<\/div>\r\n        <div class=\"tgus-stat-line topl\"><\/div>\r\n        <div class=\"tgus-stat-line leftl\"><\/div>\r\n        <div class=\"tgus-stat-line bottoml\"><\/div>\r\n        <div class=\"tgus-stat-line rightl\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"tgus-stat-outer\">\r\n      <div class=\"tgus-stat-dot\"><\/div>\r\n      <div class=\"tgus-stat-card\">\r\n        <div class=\"tgus-stat-ray\"><\/div>\r\n        <div class=\"tgus-stat-text\"><span class=\"tgus-fcount\" data-count-to=\"20\">0<\/span>m<\/div>\r\n        <div class=\"tgus-stat-label\">People reached<\/div>\r\n        <div class=\"tgus-stat-line topl\"><\/div>\r\n        <div class=\"tgus-stat-line leftl\"><\/div>\r\n        <div class=\"tgus-stat-line bottoml\"><\/div>\r\n        <div class=\"tgus-stat-line rightl\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"tgus-stat-outer\">\r\n      <div class=\"tgus-stat-dot\"><\/div>\r\n      <div class=\"tgus-stat-card\">\r\n        <div class=\"tgus-stat-ray\"><\/div>\r\n        <div class=\"tgus-stat-text\"><span class=\"tgus-fcount\" data-count-to=\"50\">0<\/span>K<\/div>\r\n        <div class=\"tgus-stat-label\">Articles written<\/div>\r\n        <div class=\"tgus-stat-line topl\"><\/div>\r\n        <div class=\"tgus-stat-line leftl\"><\/div>\r\n        <div class=\"tgus-stat-line bottoml\"><\/div>\r\n        <div class=\"tgus-stat-line rightl\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"tgus-stat-outer\">\r\n      <div class=\"tgus-stat-dot\"><\/div>\r\n      <div class=\"tgus-stat-card\">\r\n        <div class=\"tgus-stat-ray\"><\/div>\r\n        <div class=\"tgus-stat-text\"><span class=\"tgus-fcount\" data-count-to=\"98\">0<\/span>%<\/div>\r\n        <div class=\"tgus-stat-label\">Satisfied clients<\/div>\r\n        <div class=\"tgus-stat-line topl\"><\/div>\r\n        <div class=\"tgus-stat-line leftl\"><\/div>\r\n        <div class=\"tgus-stat-line bottoml\"><\/div>\r\n        <div class=\"tgus-stat-line rightl\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-fusion-section');\r\n      if(!root) return;\r\n      var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      \/\/ ---- title sweep reveal (vanilla replacement for the source's GSAP tween) ----\r\n      var revealLines = Array.prototype.slice.call(root.querySelectorAll('[data-tgus-reveal]'));\r\n      if(revealLines.length && !reduceMotion){\r\n        function easeOutCubic(t){ return 1 - Math.pow(1 - t, 3); }\r\n        function animateLine(el, delay){\r\n          setTimeout(function(){\r\n            var start = performance.now();\r\n            var duration = 1200;\r\n            function tick(now){\r\n              var t = Math.min((now - start) \/ duration, 1);\r\n              var eased = easeOutCubic(t);\r\n              var pos = 150 - eased * 150; \/\/ matches source's 150% -> 0% sweep\r\n              el.style.backgroundPosition = pos + '% 0';\r\n              if(t < 1) requestAnimationFrame(tick);\r\n            }\r\n            requestAnimationFrame(tick);\r\n          }, delay);\r\n        }\r\n        revealLines.forEach(function(line, i){ animateLine(line, i * 150); });\r\n      } else {\r\n        revealLines.forEach(function(line){\r\n          line.style.backgroundPosition = '0 0';\r\n          line.style.webkitTextFillColor = 'currentColor';\r\n        });\r\n      }\r\n\r\n      \/\/ ---- count-up on scroll into view ----\r\n      var counters = root.querySelectorAll('.tgus-fcount');\r\n      if(!counters.length) return;\r\n\r\n      function animateCount(el){\r\n        var target = parseInt(el.getAttribute('data-count-to'), 10) || 0;\r\n        if(reduceMotion){ el.textContent = target; return; }\r\n        var duration = 1400;\r\n        var start = performance.now();\r\n        function ease(t){ return 1 - Math.pow(1 - t, 3); }\r\n        function tick(now){\r\n          var t = Math.min((now - start) \/ duration, 1);\r\n          el.textContent = Math.round(ease(t) * target);\r\n          if(t < 1) requestAnimationFrame(tick);\r\n          else el.textContent = target;\r\n        }\r\n        requestAnimationFrame(tick);\r\n      }\r\n\r\n      if('IntersectionObserver' in window){\r\n        var fired = new WeakSet();\r\n        var io = new IntersectionObserver(function(entries){\r\n          entries.forEach(function(entry){\r\n            if(entry.isIntersecting && !fired.has(entry.target)){\r\n              fired.add(entry.target);\r\n              animateCount(entry.target);\r\n              io.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, { threshold: .4 });\r\n        counters.forEach(function(el){ io.observe(el); });\r\n      } else {\r\n        counters.forEach(animateCount);\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-336ec4e elementor-widget elementor-widget-html\" data-id=\"336ec4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-equipo-section\" class=\"tgus-equipo-section\">\r\n  <style>\r\n    #tgus-equipo-section {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-bg-2: #15151f;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-blue-400: #3b82f6;\r\n      --tgus-blue-500: #2563eb;\r\n      --tgus-blue-600: #1d4ed8;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(4.5rem, 9vw, 7.5rem) clamp(1.25rem, 5vw, 4rem);\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      min-width: 0;\r\n    }\r\n    #tgus-equipo-section *, #tgus-equipo-section *::before, #tgus-equipo-section *::after { box-sizing: border-box; }\r\n\r\n    #tgus-equipo-grid {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      background-image: radial-gradient(circle, rgba(255,255,255,.05) 1px, transparent 1.4px);\r\n      background-size: 26px 26px;\r\n      -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, black, transparent 75%);\r\n      mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, black, transparent 75%);\r\n      pointer-events: none;\r\n    }\r\n    #tgus-equipo-ambient {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    #tgus-equipo-ambient span {\r\n      width: 58rem; height: 36rem;\r\n      border-radius: 50%;\r\n      background: radial-gradient(ellipse, rgba(59,130,246,.2) 0%, rgba(139,124,246,.11) 45%, transparent 75%);\r\n      filter: blur(30px);\r\n      animation: tgus-equipo-drift 27s cubic-bezier(.16,1,.3,1) infinite alternate;\r\n    }\r\n    @keyframes tgus-equipo-drift {\r\n      from { transform: translate(0, 0); }\r\n      to { transform: translate(-2rem, 2rem); }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-equipo-ambient span { animation: none !important; }\r\n    }\r\n\r\n    #tgus-equipo-inner { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; }\r\n\r\n    #tgus-equipo-header { max-width: 760px; margin: 0 auto clamp(2.5rem, 5vw, 3.5rem); text-align: center; }\r\n    #tgus-equipo-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .8rem !important;\r\n      font-weight: 600 !important;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      color: var(--tgus-cyan) !important;\r\n      margin: 0 0 .9rem !important;\r\n    }\r\n    #tgus-equipo-eyebrow::before,\r\n    #tgus-equipo-eyebrow::after {\r\n      content: '';\r\n      width: 1.4rem; height: 1px;\r\n      background: var(--tgus-cyan);\r\n      display: inline-block;\r\n    }\r\n    #tgus-equipo-title {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1.9rem, 3.6vw, 2.75rem) !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: -0.02em !important;\r\n      margin: 0 0 1rem !important;\r\n      color: var(--tgus-text) !important;\r\n      text-wrap: balance;\r\n    }\r\n    #tgus-equipo-header p {\r\n      font-size: 1rem !important;\r\n      line-height: 1.6 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      margin: 0 auto !important;\r\n      max-width: 62ch;\r\n    }\r\n\r\n    \/* ================================================================\r\n       DEPARTMENT TABS \u2014 unchanged from the previous version.\r\n       ================================================================ *\/\r\n    #tgus-equipo-tabs {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: .5rem;\r\n      margin-bottom: clamp(2rem, 4vw, 2.75rem);\r\n    }\r\n    .tgus-equipo-tab {\r\n      position: relative;\r\n      font-family: var(--tgus-font-body) !important;\r\n      font-size: .85rem !important;\r\n      font-weight: 600 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      background-color: var(--tgus-bg-2);\r\n      background-image: none;\r\n      border: 1px solid var(--tgus-border);\r\n      border-radius: 999px;\r\n      padding: .55rem 1.15rem;\r\n      cursor: pointer;\r\n      outline: none;\r\n      -webkit-tap-highlight-color: transparent;\r\n      -webkit-appearance: none;\r\n      appearance: none;\r\n      box-shadow: none;\r\n      transition: color .3s var(--tgus-ease), border-color .3s var(--tgus-ease), background-color .3s var(--tgus-ease), background-image .3s var(--tgus-ease), box-shadow .3s var(--tgus-ease);\r\n    }\r\n    .tgus-equipo-tab:hover {\r\n      border-color: rgba(94,200,242,.3);\r\n      color: var(--tgus-text) !important;\r\n      background-color: #191924;\r\n    }\r\n    .tgus-equipo-tab:active {\r\n      border-color: rgba(94,200,242,.5);\r\n    }\r\n    \/* active tab uses the project's standard neon button gradient\r\n       (blue gloss) instead of a flat linear-gradient, matching the\r\n       CTA buttons used elsewhere on this site *\/\r\n    .tgus-equipo-tab.tgus-tab-active {\r\n      background-color: var(--tgus-blue-400);\r\n      background-image: linear-gradient(180deg, var(--tgus-blue-400) 0%, var(--tgus-blue-600) 100%);\r\n      border-color: rgba(255,255,255,.28);\r\n      color: #fff !important;\r\n      box-shadow:\r\n        inset 0px 1px 1px rgba(255,255,255,.4),\r\n        inset 0px 2px 3px rgba(255,255,255,.25),\r\n        inset 0px 4px 6px rgba(255,255,255,.12);\r\n    }\r\n    .tgus-equipo-tab.tgus-tab-active:hover {\r\n      background-image: linear-gradient(180deg, var(--tgus-cyan) 0%, var(--tgus-blue-500) 100%);\r\n      border-color: rgba(94,200,242,.5);\r\n    }\r\n    .tgus-equipo-tab:focus-visible {\r\n      outline: 2px solid var(--tgus-cyan);\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    #tgus-equipo-panels { position: relative; }\r\n    .tgus-equipo-panel { display: none; }\r\n    .tgus-equipo-panel.tgus-panel-active {\r\n      display: block;\r\n      animation: tgus-equipo-fade .4s var(--tgus-ease);\r\n    }\r\n    @keyframes tgus-equipo-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n    #tgus-equipo-panels .tgus-dept-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 1.1rem;\r\n    }\r\n\r\n    \/* ================================================================\r\n       FLIP MEMBER CARDS \u2014 replaces the static initials-avatar cards.\r\n       Each card shows a real photo at rest; clicking it flips the\r\n       card 180\u00b0 on the Y axis to reveal the back face, which shows\r\n       the person's name, role, and the active department name (so\r\n       the department is visible on every flipped card without\r\n       having to scroll back up to the tab bar). Only one card is\r\n       flipped at a time per department view \u2014 flipping a new one\r\n       flips any previously-open card back, matching the accordion\r\n       behavior used elsewhere on this site rather than letting every\r\n       card stay flipped independently, which gets visually noisy in\r\n       a 4-across grid.\r\n       ================================================================ *\/\r\n    .tgus-member-card {\r\n      position: relative;\r\n      aspect-ratio: 3 \/ 4;\r\n      border-radius: 1rem;\r\n      cursor: pointer;\r\n      perspective: 1200px;\r\n      outline: none;\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n    .tgus-member-card:focus-visible .tgus-member-flip {\r\n      outline: 2px solid var(--tgus-cyan);\r\n      outline-offset: 2px;\r\n    }\r\n    .tgus-member-flip {\r\n      position: relative;\r\n      width: 100%; height: 100%;\r\n      border-radius: inherit;\r\n      transform-style: preserve-3d;\r\n      transition: transform .6s var(--tgus-ease);\r\n    }\r\n    .tgus-member-card[data-flipped=\"true\"] .tgus-member-flip {\r\n      transform: rotateY(180deg);\r\n    }\r\n\r\n    .tgus-member-face {\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: inherit;\r\n      overflow: hidden;\r\n      backface-visibility: hidden;\r\n      border: 1px solid var(--tgus-border);\r\n    }\r\n    .tgus-member-face.tgus-face-front img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%; height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      filter: saturate(.92) contrast(1.02);\r\n      transition: transform .5s var(--tgus-ease);\r\n    }\r\n    @media (hover: hover) and (pointer: fine) {\r\n      .tgus-member-card:hover .tgus-face-front img { transform: scale(1.04); }\r\n    }\r\n    .tgus-member-face.tgus-face-front::after {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(180deg, transparent 45%, rgba(5,5,10,.92) 100%);\r\n    }\r\n    .tgus-member-face-name {\r\n      position: absolute;\r\n      left: 0; right: 0; bottom: 0;\r\n      z-index: 1;\r\n      padding: .9rem .95rem;\r\n    }\r\n    .tgus-member-face-name strong {\r\n      display: block;\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: .92rem !important;\r\n      font-weight: 700 !important;\r\n      color: var(--tgus-text) !important;\r\n      line-height: 1.25;\r\n    }\r\n    .tgus-member-tap-hint {\r\n      position: absolute;\r\n      top: .7rem; right: .7rem;\r\n      z-index: 1;\r\n      width: 1.6rem; height: 1.6rem;\r\n      border-radius: 50%;\r\n      background: rgba(5,5,10,.55);\r\n      border: 1px solid rgba(255,255,255,.18);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      backdrop-filter: blur(4px);\r\n    }\r\n    .tgus-member-tap-hint svg { width: .75rem; height: .75rem; color: var(--tgus-text); }\r\n\r\n    .tgus-member-face.tgus-face-back {\r\n      transform: rotateY(180deg);\r\n      background: linear-gradient(160deg, var(--tgus-bg-2) 0%, #1a1a26 100%);\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      padding: 1.25rem;\r\n    }\r\n    .tgus-member-face.tgus-face-back::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: radial-gradient(circle at 50% 20%, rgba(94,200,242,.14), transparent 65%);\r\n      pointer-events: none;\r\n    }\r\n    .tgus-member-dept-tag {\r\n      position: relative; z-index: 1;\r\n      font-size: .68rem !important;\r\n      font-weight: 700 !important;\r\n      letter-spacing: .06em;\r\n      text-transform: uppercase;\r\n      color: var(--tgus-cyan) !important;\r\n      margin-bottom: .9rem !important;\r\n      padding: .3rem .7rem;\r\n      border-radius: 999px;\r\n      background: rgba(94,200,242,.08);\r\n      border: 1px solid rgba(94,200,242,.2);\r\n    }\r\n    .tgus-member-face-back-name {\r\n      position: relative; z-index: 1;\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: 1.05rem !important;\r\n      font-weight: 700 !important;\r\n      color: var(--tgus-text) !important;\r\n      margin: 0 0 .4rem !important;\r\n      line-height: 1.25;\r\n    }\r\n    .tgus-member-face-back-role {\r\n      position: relative; z-index: 1;\r\n      font-size: .85rem !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .tgus-member-flip, .tgus-face-front img { transition: none !important; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      #tgus-equipo-panels .tgus-dept-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }\r\n    }\r\n    @media (max-width: 640px) {\r\n      #tgus-equipo-panels .tgus-dept-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    }\r\n    @media (max-width: 420px) {\r\n      #tgus-equipo-panels .tgus-dept-grid { grid-template-columns: 1fr; }\r\n      #tgus-equipo-tabs { gap: .4rem; }\r\n      .tgus-equipo-tab { font-size: .78rem !important; padding: .5rem .9rem; }\r\n      .tgus-member-card { aspect-ratio: 4\/3; }\r\n    }\r\n  <\/style>\r\n\r\n  <div id=\"tgus-equipo-grid\" aria-hidden=\"true\"><\/div>\r\n  <div id=\"tgus-equipo-ambient\" aria-hidden=\"true\"><span><\/span><\/div>\r\n\r\n  <div id=\"tgus-equipo-inner\">\r\n    <div id=\"tgus-equipo-header\">\r\n      <p id=\"tgus-equipo-eyebrow\">The team<\/p>\r\n      <h2 id=\"tgus-equipo-title\">The strategic team for your AI, software and digital challenges<\/h2>\r\n      <p>We drive global growth for businesses across Latin America and the US through custom digital solutions that combine tailored software, app development and AI agent automation.<\/p>\r\n    <\/div>\r\n\r\n    <div id=\"tgus-equipo-tabs\" role=\"tablist\" aria-label=\"Team departments\">\r\n      <button class=\"tgus-equipo-tab tgus-tab-active\" type=\"button\" data-tab=\"directores\">Directors<\/button>\r\n      <button class=\"tgus-equipo-tab\" type=\"button\" data-tab=\"comercial\">Sales Advisors<\/button>\r\n      <button class=\"tgus-equipo-tab\" type=\"button\" data-tab=\"software\">Software Development &amp; AI Agents<\/button>\r\n      <button class=\"tgus-equipo-tab\" type=\"button\" data-tab=\"web\">Web, SEO &amp; Automation<\/button>\r\n      <button class=\"tgus-equipo-tab\" type=\"button\" data-tab=\"ads\">Google Ads &amp; Copywriting<\/button>\r\n      <button class=\"tgus-equipo-tab\" type=\"button\" data-tab=\"redes\">Social Media &amp; Branding<\/button>\r\n      <button class=\"tgus-equipo-tab\" type=\"button\" data-tab=\"admin\">Administration &amp; Finance<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"tgus-equipo-panels\">\r\n      <div class=\"tgus-equipo-panel tgus-panel-active\" data-panel=\"directores\" data-dept-name=\"Directors\">\r\n        <div class=\"tgus-dept-grid\">\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Esteban Jaramillo\" data-role=\"Software &amp; Administrative Director\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2026\/04\/Fotos-Individuales.jpg\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Stephanie Fortuna\" data-role=\"Marketing &amp; Content Director\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-24.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"V\u00edctor Villagr\u00e1n\" data-role=\"SEO\/Google Director\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-23.png\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-equipo-panel\" data-panel=\"comercial\" data-dept-name=\"Sales Advisors\">\r\n        <div class=\"tgus-dept-grid\">\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Santiago Solano\" data-role=\"Sales Advisor\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-09.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Andr\u00e9s Franco\" data-role=\"Sales Advisor\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-08.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Joan Osorio\" data-role=\"Sales Advisor\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2026\/05\/Joan3.jpg.jpg\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-equipo-panel\" data-panel=\"software\" data-dept-name=\"Software Development &amp; AI Agents\">\r\n        <div class=\"tgus-dept-grid\">\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Esteban Jaramillo\" data-role=\"Development Director\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2026\/04\/Fotos-Individuales-1250-1.jpg\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Juan Manuel Torres\" data-role=\"Technical Lead\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-04-1.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Juan Diego Tapias\" data-role=\"Front-end \/ Mobile Lead\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-07.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Katherin Cadavid\" data-role=\"Back-end \/ Mobile Developer\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-05.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Carlos V\u00e9lez\" data-role=\"Front-end Developer\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-02.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Miguel Vanegas\" data-role=\"UX\/UI Designer\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Andrea Cardona\" data-role=\"Front-end Developer\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-01.png\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-equipo-panel\" data-panel=\"web\" data-dept-name=\"Web, SEO &amp; Automation\">\r\n        <div class=\"tgus-dept-grid\">\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Miguel Vanegas\" data-role=\"Web Design Lead\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-11.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Valentina Mesa\" data-role=\"Web Designer \/ Automation Manager\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-12.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Harold Botero\" data-role=\"Web Designer\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-14.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Juan Gonzales\" data-role=\"Web Designer\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-13.png\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-equipo-panel\" data-panel=\"ads\" data-dept-name=\"Google Ads &amp; Copywriting\">\r\n        <div class=\"tgus-dept-grid\">\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"V\u00edctor Villagr\u00e1n\" data-role=\"SEO\/Google Director\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2026\/04\/Fotos-Individuales-125.jpg\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"G\u00e9nesis P\u00e9rez\" data-role=\"Content Writer\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-15.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Lilly Manrique\" data-role=\"Copywriter\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales_.png\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-equipo-panel\" data-panel=\"redes\" data-dept-name=\"Social Media &amp; Branding\">\r\n        <div class=\"tgus-dept-grid\">\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Stephanie Fortuna\" data-role=\"Marketing &amp; Content Director\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-21.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Juan Manuel Mu\u00f1oz\" data-role=\"Community Manager\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-18.png\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Annaliese Chiniros\" data-role=\"Copywriter\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-20-1.png\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tgus-equipo-panel\" data-panel=\"admin\" data-dept-name=\"Administration &amp; Finance\">\r\n        <div class=\"tgus-dept-grid\">\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Esteban Jaramillo\" data-role=\"Software &amp; Administrative Director\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2026\/04\/Fotos-Individuales.jpg\"><\/div>\r\n          <div class=\"tgus-member-card\" data-tgus-flip data-name=\"Claudia Jaramillo\" data-role=\"Lawyer\" data-photo=\"http:\/\/togrowagencia.com\/wp-content\/uploads\/2025\/10\/Fotos-Individuales-27.png\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-equipo-section');\r\n      if(!root) return;\r\n      var tabs = Array.prototype.slice.call(root.querySelectorAll('.tgus-equipo-tab'));\r\n      var panels = Array.prototype.slice.call(root.querySelectorAll('.tgus-equipo-panel'));\r\n\r\n      \/\/ ---- build each member card's front\/back faces from its data attributes ----\r\n      function buildCard(card, deptName){\r\n        var name = card.getAttribute('data-name') || '';\r\n        var role = card.getAttribute('data-role') || '';\r\n        var photo = card.getAttribute('data-photo') || '';\r\n\r\n        card.setAttribute('data-flipped', 'false');\r\n        card.setAttribute('tabindex', '0');\r\n        card.setAttribute('role', 'button');\r\n        card.setAttribute('aria-label', name + ', ' + role + '. Press to flip and see details.');\r\n\r\n        var flip = document.createElement('div');\r\n        flip.className = 'tgus-member-flip';\r\n\r\n        var front = document.createElement('div');\r\n        front.className = 'tgus-member-face tgus-face-front';\r\n        var img = document.createElement('img');\r\n        img.src = photo;\r\n        img.alt = '';\r\n        img.loading = 'lazy';\r\n        img.decoding = 'async';\r\n        var nameTag = document.createElement('div');\r\n        nameTag.className = 'tgus-member-face-name';\r\n        var strong = document.createElement('strong');\r\n        strong.textContent = name;\r\n        nameTag.appendChild(strong);\r\n        var hint = document.createElement('span');\r\n        hint.className = 'tgus-member-tap-hint';\r\n        hint.setAttribute('aria-hidden', 'true');\r\n        hint.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>';\r\n        front.appendChild(img);\r\n        front.appendChild(nameTag);\r\n        front.appendChild(hint);\r\n\r\n        var back = document.createElement('div');\r\n        back.className = 'tgus-member-face tgus-face-back';\r\n        var deptTag = document.createElement('span');\r\n        deptTag.className = 'tgus-member-dept-tag';\r\n        deptTag.innerHTML = deptName;\r\n        var backName = document.createElement('p');\r\n        backName.className = 'tgus-member-face-back-name';\r\n        backName.textContent = name;\r\n        var backRole = document.createElement('p');\r\n        backRole.className = 'tgus-member-face-back-role';\r\n        backRole.innerHTML = role;\r\n        back.appendChild(deptTag);\r\n        back.appendChild(backName);\r\n        back.appendChild(backRole);\r\n\r\n        flip.appendChild(front);\r\n        flip.appendChild(back);\r\n        card.appendChild(flip);\r\n      }\r\n\r\n      panels.forEach(function(panel){\r\n        var deptName = panel.getAttribute('data-dept-name') || '';\r\n        panel.querySelectorAll('[data-tgus-flip]').forEach(function(card){\r\n          buildCard(card, deptName);\r\n        });\r\n      });\r\n\r\n      \/\/ ---- flip interaction: one flipped card at a time per panel ----\r\n      function toggleFlip(card){\r\n        var panel = card.closest('.tgus-equipo-panel');\r\n        if(!panel) return;\r\n        var isFlipped = card.getAttribute('data-flipped') === 'true';\r\n        panel.querySelectorAll('.tgus-member-card').forEach(function(other){\r\n          other.setAttribute('data-flipped', other === card ? String(!isFlipped) : 'false');\r\n        });\r\n      }\r\n\r\n      root.querySelectorAll('.tgus-member-card').forEach(function(card){\r\n        card.addEventListener('click', function(){ toggleFlip(card); });\r\n        card.addEventListener('keydown', function(e){\r\n          if(e.key === 'Enter' || e.key === ' '){\r\n            e.preventDefault();\r\n            toggleFlip(card);\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ ---- department tabs ----\r\n      tabs.forEach(function(tab){\r\n        tab.addEventListener('click', function(){\r\n          var target = tab.getAttribute('data-tab');\r\n          tabs.forEach(function(t){ t.classList.toggle('tgus-tab-active', t === tab); });\r\n          panels.forEach(function(p){\r\n            var isTarget = p.getAttribute('data-panel') === target;\r\n            p.classList.toggle('tgus-panel-active', isTarget);\r\n            if(!isTarget){\r\n              p.querySelectorAll('.tgus-member-card').forEach(function(c){ c.setAttribute('data-flipped', 'false'); });\r\n            }\r\n          });\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72bcf52 elementor-widget elementor-widget-html\" data-id=\"72bcf52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-ciudades-section\" class=\"tgus-ciudades-section\">\r\n  <style>\r\n    #tgus-ciudades-section {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-blue-400: #3b82f6;\r\n      --tgus-blue-500: #2563eb;\r\n      --tgus-blue-600: #1d4ed8;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-cyan-300: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(4.5rem, 9vw, 7.5rem) clamp(1.25rem, 5vw, 4rem);\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      min-width: 0;\r\n    }\r\n    #tgus-ciudades-section *, #tgus-ciudades-section *::before, #tgus-ciudades-section *::after { box-sizing: border-box; }\r\n\r\n    #tgus-ciudades-ambient {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    #tgus-ciudades-ambient span {\r\n      width: 56rem; height: 34rem;\r\n      border-radius: 50%;\r\n      background: radial-gradient(ellipse, rgba(59,130,246,.2) 0%, rgba(139,124,246,.1) 45%, transparent 75%);\r\n      filter: blur(30px);\r\n    }\r\n\r\n    #tgus-ciudades-inner {\r\n      position: relative; z-index: 2;\r\n      max-width: 780px;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n    #tgus-ciudades-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .8rem !important;\r\n      font-weight: 600 !important;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      color: var(--tgus-cyan) !important;\r\n      margin: 0 0 .9rem !important;\r\n    }\r\n    #tgus-ciudades-eyebrow::before,\r\n    #tgus-ciudades-eyebrow::after {\r\n      content: '';\r\n      width: 1.4rem; height: 1px;\r\n      background: var(--tgus-cyan);\r\n      display: inline-block;\r\n    }\r\n    #tgus-ciudades-title {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1.9rem, 3.6vw, 2.75rem) !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: -0.02em !important;\r\n      margin: 0 0 1.1rem !important;\r\n      color: var(--tgus-text) !important;\r\n      text-wrap: balance;\r\n    }\r\n    #tgus-ciudades-inner > p {\r\n      font-size: 1.02rem !important;\r\n      line-height: 1.65 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      margin: 0 auto clamp(2rem, 4vw, 2.5rem) !important;\r\n      max-width: 62ch;\r\n    }\r\n\r\n    \/* ================================================================\r\n       GLOBE \u2014 ported from a React component built on `cobe` (npm\/\r\n       WebGL library) into a real d3-geo implementation, reusing this\r\n       project's existing globe (same technique as the on-demand-apps\r\n       section's globe): d3.geoOrthographic() projection + an actual\r\n       Natural Earth land GeoJSON fetched at runtime, with a proper\r\n       point-in-polygon test generating the dot-matrix, instead of\r\n       importing `cobe` (impossible in an Elementor widget). Recolored\r\n       from the source's orange marker\/white base to this project's\r\n       dark sphere + cyan markers. 17 markers instead of the source's\r\n       10, one per city this section lists.\r\n       ================================================================ *\/\r\n    #tgus-ciudades-globe-wrap {\r\n      position: relative;\r\n      width: 100%;\r\n      max-width: 460px;\r\n      margin: 0 auto clamp(1.5rem, 3vw, 2rem);\r\n      aspect-ratio: 1 \/ 1;\r\n      user-select: none;\r\n    }\r\n    #tgus-ciudades-globe-canvas {\r\n      width: 100%;\r\n      height: 100%;\r\n      cursor: grab;\r\n      opacity: 0;\r\n      transition: opacity 1s ease;\r\n      touch-action: none;\r\n      display: block;\r\n    }\r\n    #tgus-ciudades-globe-canvas:active { cursor: grabbing; }\r\n\r\n    #tgus-ciudades-globe-tooltip {\r\n      position: absolute;\r\n      z-index: 5;\r\n      pointer-events: none;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: .45rem;\r\n      background: hsla(228,40%,15%,.98);\r\n      border: 1px solid var(--tgus-border);\r\n      padding: .4rem .7rem;\r\n      border-radius: .5rem;\r\n      font-size: .78rem;\r\n      font-weight: 600;\r\n      color: var(--tgus-text);\r\n      white-space: nowrap;\r\n      transform: translate(-50%, -130%);\r\n      opacity: 0;\r\n      transition: opacity .15s ease;\r\n      box-shadow: 0 10px 24px -8px rgba(0,0,0,.6);\r\n    }\r\n    #tgus-ciudades-globe-tooltip.tgus-is-visible { opacity: 1; }\r\n\r\n    \/* CTA \u2014 standard project button *\/\r\n    #tgus-ciudades-cta-wrap { display: inline-block; }\r\n    #tgus-ciudades-cta {\r\n      --border-radius: 999px;\r\n      --padding: 4px;\r\n      --transition: .4s;\r\n      position: relative;\r\n      isolation: isolate;\r\n      user-select: none;\r\n      display: flex !important;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: .6rem;\r\n      padding: .9rem .9rem .9rem 1.5rem !important;\r\n      font-family: var(--tgus-font-body) !important;\r\n      font-size: .95rem !important;\r\n      font-weight: 600 !important;\r\n      text-decoration: none !important;\r\n      color: #fff !important;\r\n      background-image: linear-gradient(180deg, var(--tgus-blue-400) 0%, var(--tgus-blue-600) 100%);\r\n      box-shadow:\r\n        inset 0px 1px 1px rgba(255,255,255,.45),\r\n        inset 0px 2px 3px rgba(255,255,255,.3),\r\n        inset 0px 4px 6px rgba(255,255,255,.15),\r\n        inset 0px 10px 14px rgba(255,255,255,.08),\r\n        0px -1px 1px rgba(0,0,0,.05),\r\n        0px -3px 4px rgba(0,0,0,.1),\r\n        0px -8px 14px rgba(0,0,0,.18),\r\n        0px 8px 20px -6px rgba(10,40,110,.55);\r\n      border: solid 1px rgba(255,255,255,.28) !important;\r\n      border-radius: var(--border-radius);\r\n      cursor: pointer;\r\n      outline: none;\r\n      -webkit-tap-highlight-color: transparent;\r\n      transition: box-shadow var(--transition), border var(--transition), background-image var(--transition), transform var(--transition);\r\n    }\r\n    #tgus-ciudades-cta::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: calc(0px - var(--padding));\r\n      left: calc(0px - var(--padding));\r\n      width: calc(100% + var(--padding) * 2);\r\n      height: calc(100% + var(--padding) * 2);\r\n      border-radius: calc(var(--border-radius) + var(--padding));\r\n      pointer-events: none;\r\n      background-image: linear-gradient(0deg, #0004, #000a);\r\n      z-index: -1;\r\n      box-shadow:\r\n        1px 1px 1px rgba(255,255,255,.12),\r\n        2px 2px 2px rgba(255,255,255,.06),\r\n        -1px -1px 1px rgba(0,0,0,.13),\r\n        -2px -2px 2px rgba(0,0,0,.06);\r\n    }\r\n    #tgus-ciudades-cta::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      width: 100%; height: 100%;\r\n      border-radius: inherit;\r\n      pointer-events: none;\r\n      background-image: linear-gradient(0deg, #fff, var(--tgus-cyan-300), var(--tgus-blue-500) 50%, transparent 85%);\r\n      opacity: 0;\r\n      transition: opacity var(--transition);\r\n    }\r\n    #tgus-ciudades-cta:hover {\r\n      border: solid 1px rgba(94,200,242,.5) !important;\r\n      background-image: linear-gradient(180deg, var(--tgus-cyan-300) 0%, var(--tgus-blue-500) 100%);\r\n      transform: translateY(-1px);\r\n    }\r\n    #tgus-ciudades-cta:hover::after {\r\n      opacity: 1;\r\n      -webkit-mask-image: linear-gradient(0deg, #fff, transparent);\r\n      mask-image: linear-gradient(0deg, #fff, transparent);\r\n    }\r\n    #tgus-ciudades-cta:active {\r\n      border: solid 1px rgba(94,200,242,.7) !important;\r\n      background-image: linear-gradient(180deg, var(--tgus-blue-500) 0%, var(--tgus-blue-600) 100%);\r\n      transform: translateY(0) scale(.99);\r\n    }\r\n    #tgus-ciudades-cta:focus-visible {\r\n      outline: 2px solid var(--tgus-cyan-300);\r\n      outline-offset: 3px;\r\n    }\r\n    #tgus-ciudades-cta-letters {\r\n      color: rgba(255,255,255,.92);\r\n      text-shadow: 0 1px 1px rgba(0,0,0,.25);\r\n    }\r\n    #tgus-ciudades-cta-svg {\r\n      width: 16px; height: 16px;\r\n      flex-shrink: 0;\r\n      fill: none;\r\n      stroke: #fff;\r\n      stroke-width: 2;\r\n      transition: transform var(--transition);\r\n    }\r\n    #tgus-ciudades-cta:hover #tgus-ciudades-cta-svg { transform: translateX(2px); }\r\n  <\/style>\r\n\r\n  <div id=\"tgus-ciudades-ambient\" aria-hidden=\"true\"><span><\/span><\/div>\r\n\r\n  <div id=\"tgus-ciudades-inner\">\r\n    <p id=\"tgus-ciudades-eyebrow\">Where we've worked<\/p>\r\n    <h2 id=\"tgus-ciudades-title\">Driving businesses toward success across the region<\/h2>\r\n    <p>Discover how we've helped drive businesses toward success with our digital marketing strategies in cities across Latin America and the United States.<\/p>\r\n\r\n    <div id=\"tgus-ciudades-globe-wrap\">\r\n      <div id=\"tgus-ciudades-globe-tooltip\" role=\"tooltip\"><\/div>\r\n      <canvas id=\"tgus-ciudades-globe-canvas\" role=\"img\" aria-label=\"Globe showing cities where ToGrow has worked: New York, Lima, Mexico City, Barcelona, Madrid, Quito, Los Angeles, Orlando, Miami, Santiago, Guatemala City, Panama City, Medell\u00edn, Bogot\u00e1, Las Vegas, Santo Domingo and San Jos\u00e9\"><\/canvas>\r\n    <\/div>\r\n\r\n    <span style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);\">\r\n      Cities: New York, Lima, Mexico City, Barcelona, Madrid, Quito, Los Angeles, Orlando, Miami, Santiago, Guatemala City, Panama City, Medell\u00edn, Bogot\u00e1, Las Vegas, Santo Domingo, San Jos\u00e9\r\n    <\/span>\r\n\r\n    <span id=\"tgus-ciudades-cta-wrap\">\r\n      <a id=\"tgus-ciudades-cta\" href=\"https:\/\/api.whatsapp.com\/send?phone=573103597580\" target=\"_blank\" rel=\"noopener\">\r\n        <span id=\"tgus-ciudades-cta-letters\">Learn more about us<\/span>\r\n        <svg id=\"tgus-ciudades-cta-svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/a>\r\n    <\/span>\r\n  <\/div>\r\n\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/d3\/7.9.0\/d3.min.js\" defer><\/script>\r\n  <script defer>\r\n  (function(){\r\n    var canvas = document.getElementById('tgus-ciudades-globe-canvas');\r\n    var tooltip = document.getElementById('tgus-ciudades-globe-tooltip');\r\n    if(!canvas) return;\r\n\r\n    var reduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    \/* The 17 cities this section lists, at real coordinates. *\/\r\n    var CITIES = [\r\n      { name: 'New York', lon: -74.006, lat: 40.7128 },\r\n      { name: 'Lima', lon: -77.0428, lat: -12.0464 },\r\n      { name: 'Mexico City', lon: -99.1332, lat: 19.4326 },\r\n      { name: 'Barcelona', lon: 2.1734, lat: 41.3851 },\r\n      { name: 'Madrid', lon: -3.7038, lat: 40.4168 },\r\n      { name: 'Quito', lon: -78.4678, lat: -0.1807 },\r\n      { name: 'Los Angeles', lon: -118.2437, lat: 34.0522 },\r\n      { name: 'Orlando', lon: -81.3792, lat: 28.5383 },\r\n      { name: 'Miami', lon: -80.1918, lat: 25.7617 },\r\n      { name: 'Santiago', lon: -70.6693, lat: -33.4489 },\r\n      { name: 'Guatemala City', lon: -90.5069, lat: 14.6349 },\r\n      { name: 'Panama City', lon: -79.5199, lat: 8.9824 },\r\n      { name: 'Medell\u00edn', lon: -75.5812, lat: 6.2442 },\r\n      { name: 'Bogot\u00e1', lon: -74.0721, lat: 4.711 },\r\n      { name: 'Las Vegas', lon: -115.1398, lat: 36.1699 },\r\n      { name: 'Santo Domingo', lon: -69.9312, lat: 18.4861 },\r\n      { name: 'San Jos\u00e9', lon: -84.0907, lat: 9.9281 }\r\n    ];\r\n\r\n    function startWhenReady(){\r\n      if(!window.d3){ setTimeout(startWhenReady, 50); return; }\r\n      boot();\r\n    }\r\n    startWhenReady();\r\n\r\n    function boot(){\r\n      var ctx = canvas.getContext('2d');\r\n      var wrap = canvas.parentElement;\r\n\r\n      var W = 0, H = 0, dpr = Math.min(window.devicePixelRatio || 1, 2);\r\n      var radius = 0;\r\n      var projection = d3.geoOrthographic().clipAngle(90);\r\n      var path = d3.geoPath(projection, ctx);\r\n      var graticule = d3.geoGraticule();\r\n\r\n      \/* Rotation centered between the Americas and Europe (mid-\r\n         Atlantic) so all 17 cities \u2014 15 in the Americas, 2 in Spain \u2014\r\n         sit in the front-facing hemisphere on load, verified by\r\n         checking each city's great-circle distance from this view\r\n         center stays under 90\u00b0. *\/\r\n      var rotation = [45, -10];\r\n      var autoRotate = !reduced;\r\n      var speed = 0.045;\r\n      var land = null;\r\n      var dots = [];\r\n      var markerScreenPos = [];\r\n\r\n      function sizeCanvas(){\r\n        W = wrap.clientWidth || 300;\r\n        H = W;\r\n        radius = (Math.min(W, H) \/ 2) * 0.94;\r\n        canvas.width = W * dpr;\r\n        canvas.height = H * dpr;\r\n        canvas.style.width = W + 'px';\r\n        canvas.style.height = H + 'px';\r\n        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\r\n        projection.scale(radius).translate([W \/ 2, H \/ 2]);\r\n      }\r\n      sizeCanvas();\r\n      if('ResizeObserver' in window){\r\n        new ResizeObserver(function(){ sizeCanvas(); draw(); }).observe(wrap);\r\n      } else {\r\n        window.addEventListener('resize', function(){ sizeCanvas(); draw(); });\r\n      }\r\n\r\n      \/\/ ---- dot-matrix from real land geometry ----\r\n      function pointInRing(pt, ring){\r\n        var x = pt[0], y = pt[1], inside = false;\r\n        for(var i=0, j=ring.length-1; i<ring.length; j=i++){\r\n          var xi=ring[i][0], yi=ring[i][1], xj=ring[j][0], yj=ring[j][1];\r\n          var intersect = ((yi > y) !== (yj > y)) && (x < (xj - xi) * (y - yi) \/ (yj - yi) + xi);\r\n          if(intersect) inside = !inside;\r\n        }\r\n        return inside;\r\n      }\r\n      function pointInFeature(pt, feature){\r\n        var g = feature.geometry;\r\n        if(g.type === 'Polygon'){\r\n          if(!pointInRing(pt, g.coordinates[0])) return false;\r\n          for(var i=1;i<g.coordinates.length;i++){ if(pointInRing(pt, g.coordinates[i])) return false; }\r\n          return true;\r\n        }\r\n        if(g.type === 'MultiPolygon'){\r\n          for(var p=0;p<g.coordinates.length;p++){\r\n            var poly = g.coordinates[p];\r\n            if(pointInRing(pt, poly[0])){\r\n              var inHole = false;\r\n              for(var k=1;k<poly.length;k++){ if(pointInRing(pt, poly[k])){ inHole = true; break; } }\r\n              if(!inHole) return true;\r\n            }\r\n          }\r\n          return false;\r\n        }\r\n        return false;\r\n      }\r\n      function dotsForFeature(feature, spacingDeg){\r\n        var out = [];\r\n        var bounds = d3.geoBounds(feature);\r\n        var minLng = bounds[0][0], minLat = bounds[0][1], maxLng = bounds[1][0], maxLat = bounds[1][1];\r\n        for(var lng = minLng; lng <= maxLng; lng += spacingDeg){\r\n          for(var lat = minLat; lat <= maxLat; lat += spacingDeg){\r\n            if(pointInFeature([lng, lat], feature)) out.push([lng, lat]);\r\n          }\r\n        }\r\n        return out;\r\n      }\r\n\r\n      fetch('https:\/\/raw.githubusercontent.com\/martynafford\/natural-earth-geojson\/refs\/heads\/master\/110m\/physical\/ne_110m_land.json')\r\n        .then(function(r){ return r.json(); })\r\n        .then(function(json){\r\n          land = json;\r\n          var spacing = 1.3;\r\n          land.features.forEach(function(f){\r\n            dotsForFeature(f, spacing).forEach(function(d){ dots.push(d); });\r\n          });\r\n          draw();\r\n        })\r\n        .catch(function(){ draw(); });\r\n\r\n      function draw(){\r\n        ctx.clearRect(0, 0, W, H);\r\n\r\n        \/\/ base sphere \u2014 dark, matching the section's own atmosphere\r\n        ctx.beginPath();\r\n        ctx.arc(W\/2, H\/2, radius, 0, 2*Math.PI);\r\n        ctx.fillStyle = '#070911';\r\n        ctx.fill();\r\n        ctx.lineWidth = 1.1;\r\n        ctx.strokeStyle = 'rgba(255,255,255,.16)';\r\n        ctx.stroke();\r\n\r\n        \/\/ graticule\r\n        ctx.beginPath(); path(graticule());\r\n        ctx.strokeStyle = 'rgba(255,255,255,.08)'; ctx.lineWidth = .6; ctx.stroke();\r\n\r\n        \/\/ land dot-matrix\r\n        ctx.fillStyle = 'rgba(94,200,242,.55)';\r\n        for(var i=0;i<dots.length;i++){\r\n          var pr = projection(dots[i]);\r\n          if(!pr) continue;\r\n          ctx.beginPath();\r\n          ctx.arc(pr[0], pr[1], 1.15, 0, 2*Math.PI);\r\n          ctx.fill();\r\n        }\r\n\r\n        \/\/ city markers + record screen position for tooltip\r\n        markerScreenPos = [];\r\n        for(var c=0;c<CITIES.length;c++){\r\n          var city = CITIES[c];\r\n          var vis = isFrontFacing([city.lon, city.lat]);\r\n          var pm = projection([city.lon, city.lat]);\r\n          if(!pm || !vis) continue;\r\n          ctx.save();\r\n          ctx.shadowColor = '#5ec8f2'; ctx.shadowBlur = 8;\r\n          ctx.fillStyle = '#5ec8f2';\r\n          ctx.beginPath(); ctx.arc(pm[0], pm[1], 2.6, 0, 2*Math.PI); ctx.fill();\r\n          ctx.restore();\r\n          markerScreenPos.push({ x: pm[0], y: pm[1], city: city });\r\n        }\r\n      }\r\n\r\n      function isFrontFacing(coord){\r\n        var r = projection.rotate();\r\n        var angle = d3.geoDistance(coord, [-r[0], -r[1]]);\r\n        return angle < Math.PI\/2;\r\n      }\r\n\r\n      \/\/ ---- animation \/ auto-rotation ----\r\n      var timer = d3.timer(function(){\r\n        if(autoRotate){\r\n          rotation[0] += speed;\r\n          projection.rotate(rotation);\r\n          draw();\r\n        }\r\n      });\r\n\r\n      if('IntersectionObserver' in window){\r\n        var io = new IntersectionObserver(function(es){\r\n          var visible = es[0].isIntersecting;\r\n          if(!dragging) autoRotate = visible && !reduced;\r\n        }, { threshold:.01 });\r\n        io.observe(canvas);\r\n      }\r\n\r\n      \/\/ ---- drag to rotate ----\r\n      var dragging = false, lastX = 0, lastY = 0;\r\n      function pointerDown(x, y){\r\n        dragging = true; autoRotate = false; lastX = x; lastY = y;\r\n        canvas.style.cursor = 'grabbing';\r\n      }\r\n      function pointerMove(x, y){\r\n        if(!dragging) return;\r\n        var dx = x - lastX, dy = y - lastY;\r\n        rotation[0] += dx * 0.35;\r\n        rotation[1] = Math.max(-85, Math.min(85, rotation[1] - dy * 0.35));\r\n        lastX = x; lastY = y;\r\n        projection.rotate(rotation);\r\n        draw();\r\n      }\r\n      function pointerUp(){\r\n        dragging = false;\r\n        canvas.style.cursor = 'grab';\r\n        setTimeout(function(){ if(!reduced) autoRotate = true; }, 400);\r\n      }\r\n\r\n      canvas.addEventListener('pointerdown', function(e){ pointerDown(e.clientX, e.clientY); });\r\n      window.addEventListener('pointermove', function(e){ pointerMove(e.clientX, e.clientY); });\r\n      window.addEventListener('pointerup', pointerUp);\r\n\r\n      \/\/ ---- tooltip on hover ----\r\n      if(tooltip){\r\n        canvas.addEventListener('mousemove', function(e){\r\n          if(dragging){ tooltip.classList.remove('tgus-is-visible'); return; }\r\n          var rect = canvas.getBoundingClientRect();\r\n          var mx = e.clientX - rect.left, my = e.clientY - rect.top;\r\n          var hit = null, best = 10;\r\n          for(var i=0;i<markerScreenPos.length;i++){\r\n            var m = markerScreenPos[i];\r\n            var d = Math.hypot(mx - m.x, my - m.y);\r\n            if(d < best){ best = d; hit = m; }\r\n          }\r\n          if(hit){\r\n            tooltip.textContent = hit.city.name;\r\n            tooltip.style.left = hit.x + 'px';\r\n            tooltip.style.top = hit.y + 'px';\r\n            tooltip.classList.add('tgus-is-visible');\r\n            canvas.style.cursor = 'pointer';\r\n          } else {\r\n            tooltip.classList.remove('tgus-is-visible');\r\n            canvas.style.cursor = dragging ? 'grabbing' : 'grab';\r\n          }\r\n        });\r\n        canvas.addEventListener('mouseleave', function(){\r\n          tooltip.classList.remove('tgus-is-visible');\r\n        });\r\n      }\r\n\r\n      setTimeout(function(){ canvas.style.opacity = 1; }, 60);\r\n\r\n      window.addEventListener('beforeunload', function(){\r\n        timer.stop();\r\n      });\r\n    }\r\n  })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9143cb2 elementor-widget elementor-widget-html\" data-id=\"9143cb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-mv-section\" class=\"tgus-mv-section\">\r\n  <style>\r\n    #tgus-mv-section {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-bg-2: #15151f;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(4.5rem, 9vw, 7.5rem) clamp(1.25rem, 5vw, 4rem);\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      min-width: 0;\r\n    }\r\n    #tgus-mv-section *, #tgus-mv-section *::before, #tgus-mv-section *::after { box-sizing: border-box; }\r\n\r\n    #tgus-mv-grid {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      background-image: radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1.4px);\r\n      background-size: 26px 26px;\r\n      -webkit-mask-image: radial-gradient(ellipse 75% 65% at 50% 45%, black, transparent 75%);\r\n      mask-image: radial-gradient(ellipse 75% 65% at 50% 45%, black, transparent 75%);\r\n      pointer-events: none;\r\n    }\r\n    #tgus-mv-ambient {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    #tgus-mv-ambient span {\r\n      width: 56rem; height: 34rem;\r\n      border-radius: 50%;\r\n      background: radial-gradient(ellipse, rgba(59,130,246,.2) 0%, rgba(139,124,246,.12) 45%, transparent 75%);\r\n      filter: blur(30px);\r\n      animation: tgus-mv-drift 27s cubic-bezier(.16,1,.3,1) infinite alternate;\r\n    }\r\n    @keyframes tgus-mv-drift {\r\n      from { transform: translate(0, 0); }\r\n      to { transform: translate(-2rem, 2rem); }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-mv-ambient span { animation: none !important; }\r\n    }\r\n\r\n    \/* ================================================================\r\n       MISSION \/ VISION CARDS \u2014 3D pointer-tilt (perspective rotateX\/Y\r\n       driven by cursor position, not just a flat spotlight), a giant\r\n       watermark letter (\"M\"\/\"V\") behind each card's content as a\r\n       depth layer, and an icon that lifts + glows on hover. The tilt\r\n       gives genuine cursor feedback rather than a static box; the\r\n       watermark gives each card a distinct visual anchor at a glance\r\n       before reading a word of copy.\r\n       ================================================================ *\/\r\n    #tgus-mv-inner {\r\n      position: relative; z-index: 2;\r\n      max-width: 1080px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 1.25rem;\r\n      perspective: 1400px;\r\n    }\r\n\r\n    .tgus-mv-card {\r\n      position: relative;\r\n      background: var(--tgus-bg-2);\r\n      border: 1px solid var(--tgus-border);\r\n      border-radius: 1.25rem;\r\n      padding: clamp(2rem, 4vw, 2.75rem);\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      animation: tgus-mv-in .8s var(--tgus-ease) forwards;\r\n      transform-style: preserve-3d;\r\n      will-change: transform;\r\n      transition: border-color .4s var(--tgus-ease), box-shadow .4s var(--tgus-ease);\r\n    }\r\n    #tgus-mv-inner .tgus-mv-card:nth-child(1) { animation-delay: .12s; }\r\n    #tgus-mv-inner .tgus-mv-card:nth-child(2) { animation-delay: .2s; }\r\n    @keyframes tgus-mv-in { to { opacity: 1; transform: translateY(0); } }\r\n\r\n    .tgus-mv-watermark {\r\n      position: absolute;\r\n      top: -.15em; right: -.05em;\r\n      z-index: 0;\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-weight: 800 !important;\r\n      font-size: clamp(7rem, 14vw, 11rem) !important;\r\n      line-height: 1;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1px rgba(255,255,255,.05);\r\n      pointer-events: none;\r\n      user-select: none;\r\n      transition: -webkit-text-stroke-color .4s var(--tgus-ease);\r\n    }\r\n\r\n    .tgus-mv-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      opacity: 0;\r\n      background: radial-gradient(360px circle at var(--tgus-mx, 50%) var(--tgus-my, 50%), rgba(94,200,242,.14), transparent 70%);\r\n      transition: opacity .35s var(--tgus-ease);\r\n      pointer-events: none;\r\n    }\r\n    @media (hover: hover) and (pointer: fine) {\r\n      .tgus-mv-card:hover::before { opacity: 1; }\r\n      .tgus-mv-card:hover { border-color: rgba(94,200,242,.28); box-shadow: 0 30px 60px -30px rgba(37,99,235,.4); }\r\n      .tgus-mv-card:hover .tgus-mv-watermark { -webkit-text-stroke-color: rgba(94,200,242,.14); }\r\n      .tgus-mv-card:hover .tgus-mv-icon {\r\n        transform: translateY(-3px) scale(1.06);\r\n        border-color: rgba(94,200,242,.4);\r\n        background: rgba(94,200,242,.12);\r\n      }\r\n      .tgus-mv-card:hover .tgus-mv-icon svg { color: var(--tgus-cyan); }\r\n    }\r\n\r\n    .tgus-mv-icon {\r\n      position: relative; z-index: 1;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 2.75rem;\r\n      height: 2.75rem;\r\n      border-radius: .85rem;\r\n      background: rgba(94,200,242,.08);\r\n      border: 1px solid rgba(94,200,242,.2);\r\n      margin-bottom: 1.25rem;\r\n      transition: transform .4s var(--tgus-ease), border-color .4s var(--tgus-ease), background .4s var(--tgus-ease);\r\n    }\r\n    .tgus-mv-icon svg {\r\n      width: 1.25rem; height: 1.25rem;\r\n      color: var(--tgus-cyan);\r\n      transition: color .4s var(--tgus-ease);\r\n    }\r\n    .tgus-mv-card h2 {\r\n      position: relative; z-index: 1;\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1.3rem, 2.2vw, 1.6rem) !important;\r\n      font-weight: 700 !important;\r\n      color: var(--tgus-text) !important;\r\n      margin: 0 0 .9rem !important;\r\n    }\r\n    .tgus-mv-card p {\r\n      position: relative; z-index: 1;\r\n      font-size: .96rem !important;\r\n      line-height: 1.65 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      margin: 0 !important;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .tgus-mv-card {\r\n        animation-duration: .01ms !important; opacity: 1 !important; transform: none !important;\r\n      }\r\n      .tgus-mv-icon, .tgus-mv-card::before, .tgus-mv-watermark { transition: none !important; }\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n      #tgus-mv-inner { grid-template-columns: 1fr; }\r\n    }\r\n    @media (hover: none), (pointer: coarse) {\r\n      .tgus-mv-card { transform: none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div id=\"tgus-mv-grid\" aria-hidden=\"true\"><\/div>\r\n  <div id=\"tgus-mv-ambient\" aria-hidden=\"true\"><span><\/span><\/div>\r\n\r\n  <div id=\"tgus-mv-inner\">\r\n    <article class=\"tgus-mv-card\" data-tgus-tilt>\r\n      <span class=\"tgus-mv-watermark\" aria-hidden=\"true\">M<\/span>\r\n      <span class=\"tgus-mv-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 3 7l9 5 9-5-9-5Z\"\/><path d=\"M3 17l9 5 9-5M3 12l9 5 9-5\"\/><\/svg>\r\n      <\/span>\r\n      <h2>Mission<\/h2>\r\n      <p>To give the Spanish-speaking market the hybrid commercial infrastructure and strategic engineering needed to automate sales without losing their human essence. We combine autonomous AI agents with custom software and app development, operating from Medell\u00edn, ensuring predictable and secure business scale.<\/p>\r\n    <\/article>\r\n    <article class=\"tgus-mv-card\" data-tgus-tilt>\r\n      <span class=\"tgus-mv-watermark\" aria-hidden=\"true\">V<\/span>\r\n      <span class=\"tgus-mv-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"\/><path d=\"M2.5 12S6 5 12 5s9.5 7 9.5 7-3.5 7-9.5 7-9.5-7-9.5-7Z\"\/><\/svg>\r\n      <\/span>\r\n      <h2>Vision<\/h2>\r\n      <p>To become, by the end of 2028, the leading multinational platform for commercial orchestration and AI automation. We're consolidating our bi-national expansion, connecting the Hispanic US market with key nodes across Latin America \u2014 Colombia, Mexico, Peru and Ecuador \u2014 leading the way toward operationally efficient businesses with borderless technological growth.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-mv-section');\r\n      if(!root) return;\r\n\r\n      var isFinePointer = window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches;\r\n      if(!isFinePointer) return; \/\/ tilt + spotlight are decorative-only; skip entirely on touch\r\n\r\n      var MAX_TILT_DEG = 6;\r\n\r\n      root.querySelectorAll('[data-tgus-tilt]').forEach(function(card){\r\n        card.addEventListener('pointermove', function(e){\r\n          var rect = card.getBoundingClientRect();\r\n          var x = e.clientX - rect.left;\r\n          var y = e.clientY - rect.top;\r\n\r\n          \/\/ spotlight position\r\n          card.style.setProperty('--tgus-mx', x + 'px');\r\n          card.style.setProperty('--tgus-my', y + 'px');\r\n\r\n          \/\/ 3D tilt: normalize cursor position to -1..1 across the card,\r\n          \/\/ then map to a small rotation so it reads as a subtle\r\n          \/\/ pointer-follow rather than a dramatic flip\r\n          var nx = (x \/ rect.width) * 2 - 1;\r\n          var ny = (y \/ rect.height) * 2 - 1;\r\n          var rotateY = nx * MAX_TILT_DEG;\r\n          var rotateX = -ny * MAX_TILT_DEG;\r\n          card.style.transform = 'perspective(1400px) rotateX(' + rotateX.toFixed(2) + 'deg) rotateY(' + rotateY.toFixed(2) + 'deg)';\r\n        });\r\n\r\n        card.addEventListener('pointerleave', function(){\r\n          card.style.transform = 'perspective(1400px) rotateX(0deg) rotateY(0deg)';\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd5b9cf elementor-widget elementor-widget-html\" data-id=\"fd5b9cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-valores-section\" class=\"tgus-valores-section\">\r\n  <style>\r\n    #tgus-valores-section {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-bg-2: #15151f;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-text-dimmer: #5a5c6c;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(4.5rem, 9vw, 7.5rem) clamp(1.25rem, 5vw, 4rem);\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      min-width: 0;\r\n    }\r\n    #tgus-valores-section *, #tgus-valores-section *::before, #tgus-valores-section *::after { box-sizing: border-box; }\r\n\r\n    #tgus-valores-ambient {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    #tgus-valores-ambient span {\r\n      width: 58rem; height: 34rem;\r\n      border-radius: 50%;\r\n      background: radial-gradient(ellipse, rgba(139,124,246,.2) 0%, rgba(59,130,246,.1) 45%, transparent 75%);\r\n      filter: blur(30px);\r\n      animation: tgus-valores-drift 26s cubic-bezier(.16,1,.3,1) infinite alternate;\r\n    }\r\n    @keyframes tgus-valores-drift {\r\n      from { transform: translate(0, 0); }\r\n      to { transform: translate(2rem, -1.5rem); }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-valores-ambient span { animation: none !important; }\r\n    }\r\n\r\n    #tgus-valores-header { position: relative; z-index: 2; max-width: 720px; margin: 0 auto clamp(2.5rem, 5vw, 3.5rem); text-align: center; }\r\n    #tgus-valores-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .8rem !important;\r\n      font-weight: 600 !important;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      color: var(--tgus-cyan) !important;\r\n      margin: 0 0 .9rem !important;\r\n      opacity: 0; transform: translateY(10px);\r\n      animation: tgus-valores-in .7s var(--tgus-ease) forwards;\r\n    }\r\n    #tgus-valores-eyebrow::before,\r\n    #tgus-valores-eyebrow::after {\r\n      content: '';\r\n      width: 1.4rem; height: 1px;\r\n      background: var(--tgus-cyan);\r\n      display: inline-block;\r\n    }\r\n    #tgus-valores-title {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1.9rem, 3.6vw, 2.75rem) !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: -0.02em !important;\r\n      margin: 0 !important;\r\n      color: var(--tgus-text) !important;\r\n      text-wrap: balance;\r\n    }\r\n    #tgus-valores-title .tgus-word {\r\n      display: inline-block;\r\n      opacity: 0;\r\n      transform: translateY(16px);\r\n      animation: tgus-valores-in .6s var(--tgus-ease) forwards;\r\n      animation-delay: calc(35ms * var(--i, 0) + 60ms);\r\n    }\r\n    @keyframes tgus-valores-in { to { opacity: 1; transform: translateY(0); } }\r\n\r\n    \/* ================================================================\r\n       INTERACTIVE VALUES \u2014 click-to-expand accordion (one open at a\r\n       time) instead of static always-visible paragraphs. Each row\r\n       shows only the title and a giant faint number at rest; clicking\r\n       expands the description and shrinks\/dims the others, so reading\r\n       becomes a deliberate choice rather than a wall of four\r\n       paragraphs competing for attention at once. A left-edge progress\r\n       rail highlights which value is active, echoing the \"which step\r\n       am I on\" pattern used in the process section elsewhere on this\r\n       site. Mouse-follow spotlight added on top for cursor feedback\r\n       even before clicking.\r\n       ================================================================ *\/\r\n    #tgus-valores-list {\r\n      position: relative; z-index: 2;\r\n      max-width: 900px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: .6rem;\r\n    }\r\n\r\n    .tgus-valor-item {\r\n      position: relative;\r\n      background: var(--tgus-bg-2);\r\n      border: 1px solid var(--tgus-border);\r\n      border-radius: 1.1rem;\r\n      overflow: hidden;\r\n      opacity: 0;\r\n      transform: translateY(16px);\r\n      animation: tgus-valores-in .7s var(--tgus-ease) forwards;\r\n      transition: border-color .4s var(--tgus-ease);\r\n    }\r\n    #tgus-valores-list .tgus-valor-item:nth-child(1) { animation-delay: .3s; }\r\n    #tgus-valores-list .tgus-valor-item:nth-child(2) { animation-delay: .38s; }\r\n    #tgus-valores-list .tgus-valor-item:nth-child(3) { animation-delay: .46s; }\r\n    #tgus-valores-list .tgus-valor-item:nth-child(4) { animation-delay: .54s; }\r\n\r\n    .tgus-valor-item::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      opacity: 0;\r\n      background: radial-gradient(320px circle at var(--tgus-mx, 50%) var(--tgus-my, 50%), rgba(94,200,242,.12), transparent 70%);\r\n      transition: opacity .35s var(--tgus-ease);\r\n      pointer-events: none;\r\n    }\r\n    @media (hover: hover) and (pointer: fine) {\r\n      .tgus-valor-item:hover::before { opacity: 1; }\r\n    }\r\n\r\n    \/* left progress rail \u2014 fills solid cyan when the item is active *\/\r\n    .tgus-valor-item::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      width: 3px; height: 100%;\r\n      background: var(--tgus-border);\r\n      transition: background .4s var(--tgus-ease);\r\n      z-index: 1;\r\n    }\r\n    .tgus-valor-item[data-open=\"true\"] { border-color: rgba(94,200,242,.3); }\r\n    .tgus-valor-item[data-open=\"true\"]::after { background: var(--tgus-cyan); }\r\n\r\n    .tgus-valor-num-bg {\r\n      position: absolute;\r\n      top: 50%; right: clamp(.5rem, 3vw, 2rem);\r\n      transform: translateY(-50%);\r\n      z-index: 0;\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-weight: 800 !important;\r\n      font-size: clamp(4rem, 10vw, 7rem) !important;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1px rgba(255,255,255,.06);\r\n      line-height: 1;\r\n      pointer-events: none;\r\n      transition: -webkit-text-stroke-color .4s var(--tgus-ease);\r\n      user-select: none;\r\n    }\r\n    .tgus-valor-item[data-open=\"true\"] .tgus-valor-num-bg {\r\n      -webkit-text-stroke: 1px rgba(94,200,242,.16);\r\n    }\r\n\r\n    .tgus-valor-trigger {\r\n      position: relative; z-index: 1;\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      background: none !important;\r\n      border: none !important;\r\n      text-align: left;\r\n      padding: clamp(1.1rem, 2.5vw, 1.5rem) clamp(1.25rem, 3vw, 1.75rem);\r\n      cursor: pointer;\r\n      outline: none;\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n    .tgus-valor-trigger:focus-visible {\r\n      outline: 2px solid var(--tgus-cyan);\r\n      outline-offset: -2px;\r\n    }\r\n    .tgus-valor-num {\r\n      flex-shrink: 0;\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: .82rem !important;\r\n      font-weight: 700 !important;\r\n      color: var(--tgus-text-dimmer) !important;\r\n      transition: color .4s var(--tgus-ease);\r\n    }\r\n    .tgus-valor-item[data-open=\"true\"] .tgus-valor-num { color: var(--tgus-cyan) !important; }\r\n\r\n    .tgus-valor-trigger h3 {\r\n      flex: 1 1 auto;\r\n      min-width: 0;\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1rem, 2vw, 1.15rem) !important;\r\n      font-weight: 700 !important;\r\n      color: var(--tgus-text) !important;\r\n      margin: 0 !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n    .tgus-valor-chevron {\r\n      flex-shrink: 0;\r\n      width: 1.6rem; height: 1.6rem;\r\n      border-radius: 50%;\r\n      background: rgba(255,255,255,.05);\r\n      border: 1px solid var(--tgus-border);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: transform .4s var(--tgus-ease), border-color .4s var(--tgus-ease), background .4s var(--tgus-ease);\r\n    }\r\n    .tgus-valor-chevron svg {\r\n      width: .8rem; height: .8rem;\r\n      color: var(--tgus-text-dim);\r\n      transition: color .4s var(--tgus-ease);\r\n    }\r\n    .tgus-valor-item[data-open=\"true\"] .tgus-valor-chevron {\r\n      transform: rotate(45deg);\r\n      border-color: rgba(94,200,242,.4);\r\n      background: rgba(94,200,242,.1);\r\n    }\r\n    .tgus-valor-item[data-open=\"true\"] .tgus-valor-chevron svg { color: var(--tgus-cyan); }\r\n\r\n    .tgus-valor-panel {\r\n      position: relative; z-index: 1;\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height .45s var(--tgus-ease);\r\n    }\r\n    .tgus-valor-panel p {\r\n      margin: 0 !important;\r\n      padding: 0 clamp(1.25rem, 3vw, 1.75rem) clamp(1.25rem, 2.5vw, 1.6rem) calc(clamp(1.25rem, 3vw, 1.75rem) + .82rem + 1rem);\r\n      font-size: .93rem !important;\r\n      line-height: 1.65 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      max-width: 68ch;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-valores-eyebrow, #tgus-valores-title .tgus-word, .tgus-valor-item {\r\n        animation-duration: .01ms !important; opacity: 1 !important; transform: none !important;\r\n      }\r\n      .tgus-valor-chevron, .tgus-valor-panel, .tgus-valor-item::before { transition: none !important; }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n      .tgus-valor-num-bg { display: none; }\r\n      .tgus-valor-panel p { padding-left: clamp(1.25rem, 3vw, 1.75rem); }\r\n    }\r\n  <\/style>\r\n\r\n  <div id=\"tgus-valores-ambient\" aria-hidden=\"true\"><span><\/span><\/div>\r\n\r\n  <div id=\"tgus-valores-header\">\r\n    <p id=\"tgus-valores-eyebrow\">Our institutional values<\/p>\r\n    <h2 id=\"tgus-valores-title\"><span id=\"tgus-valores-title-words\" aria-hidden=\"true\"><\/span><\/h2>\r\n  <\/div>\r\n\r\n  <div id=\"tgus-valores-list\">\r\n    <div class=\"tgus-valor-item\" data-open=\"true\" data-tgus-spotlight>\r\n      <span class=\"tgus-valor-num-bg\" aria-hidden=\"true\">01<\/span>\r\n      <button class=\"tgus-valor-trigger\" type=\"button\" aria-expanded=\"true\">\r\n        <span class=\"tgus-valor-num\">01<\/span>\r\n        <h3>Human-Centaur Synergy (Augmented Operational Leadership)<\/h3>\r\n        <span class=\"tgus-valor-chevron\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n      <div class=\"tgus-valor-panel\">\r\n        <p>We believe in the power of Artificial Intelligence to multiply execution capacity, but we champion human judgment as the true strategic engine. Every team member acts as the leader and director of their own AI agents, governing their day-to-day operations and ensuring technology retains the empathy, context and quality the market demands.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tgus-valor-item\" data-open=\"false\" data-tgus-spotlight>\r\n      <span class=\"tgus-valor-num-bg\" aria-hidden=\"true\">02<\/span>\r\n      <button class=\"tgus-valor-trigger\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"tgus-valor-num\">02<\/span>\r\n        <h3>Orchestration Engineering (Hybrid Intellectual Property)<\/h3>\r\n        <span class=\"tgus-valor-chevron\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n      <div class=\"tgus-valor-panel\">\r\n        <p>We don't reinvent the wheel; we accelerate it. We build value by combining the best global technologies on the market with our own software development in critical layers \u2014 finance, data control and scraping \u2014 creating a proprietary, agile and scalable moat.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tgus-valor-item\" data-open=\"false\" data-tgus-spotlight>\r\n      <span class=\"tgus-valor-num-bg\" aria-hidden=\"true\">03<\/span>\r\n      <button class=\"tgus-valor-trigger\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"tgus-valor-num\">03<\/span>\r\n        <h3>Impact Localization (Hyper-Local Engineering)<\/h3>\r\n        <span class=\"tgus-valor-chevron\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n      <div class=\"tgus-valor-panel\">\r\n        <p>We develop and adapt technology connected directly to the financial, cultural and regulatory reality of the markets we operate in. We don't build software in a vacuum: we integrate natively with local payment gateways, secure APIs and key regional accounting systems, like Bancolombia and Siigo.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tgus-valor-item\" data-open=\"false\" data-tgus-spotlight>\r\n      <span class=\"tgus-valor-num-bg\" aria-hidden=\"true\">04<\/span>\r\n      <button class=\"tgus-valor-trigger\" type=\"button\" aria-expanded=\"false\">\r\n        <span class=\"tgus-valor-num\">04<\/span>\r\n        <h3>Obsession With Real Adoption (Frictionless Tech)<\/h3>\r\n        <span class=\"tgus-valor-chevron\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n      <div class=\"tgus-valor-panel\">\r\n        <p>Technology is only useful if it's actually used. We're obsessed with delivering turnkey, ready-to-use solutions \u2014 coaching and training our clients' sales teams to make sure the infrastructure translates into measurable results and real revenue from day one.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-valores-section');\r\n      if(!root) return;\r\n\r\n      \/\/ ---- title word-by-word reveal ----\r\n      var titleTarget = root.querySelector('#tgus-valores-title-words');\r\n      if(titleTarget){\r\n        var titleText = 'The principles that govern how we build technology';\r\n        titleText.split(' ').forEach(function(word, i){\r\n          var span = document.createElement('span');\r\n          span.className = 'tgus-word';\r\n          span.style.setProperty('--i', i);\r\n          span.textContent = word;\r\n          titleTarget.appendChild(span);\r\n          titleTarget.appendChild(document.createTextNode(' '));\r\n        });\r\n      }\r\n      var titleHeading = root.querySelector('#tgus-valores-title');\r\n      if(titleHeading) titleHeading.setAttribute('aria-label', 'The principles that govern how we build technology');\r\n\r\n      \/\/ ---- accordion: one open at a time ----\r\n      var items = Array.prototype.slice.call(root.querySelectorAll('.tgus-valor-item'));\r\n\r\n      function setPanelHeight(item, open){\r\n        var panel = item.querySelector('.tgus-valor-panel');\r\n        var trigger = item.querySelector('.tgus-valor-trigger');\r\n        if(open){\r\n          panel.style.maxHeight = panel.scrollHeight + 'px';\r\n          trigger.setAttribute('aria-expanded', 'true');\r\n          item.setAttribute('data-open', 'true');\r\n        } else {\r\n          panel.style.maxHeight = '0px';\r\n          trigger.setAttribute('aria-expanded', 'false');\r\n          item.setAttribute('data-open', 'false');\r\n        }\r\n      }\r\n\r\n      items.forEach(function(item){\r\n        var trigger = item.querySelector('.tgus-valor-trigger');\r\n        trigger.addEventListener('click', function(){\r\n          var isOpen = item.getAttribute('data-open') === 'true';\r\n          items.forEach(function(other){ setPanelHeight(other, other === item ? !isOpen : false); });\r\n        });\r\n      });\r\n\r\n      \/\/ set initial state (first item open) after layout is ready so\r\n      \/\/ scrollHeight reads correctly\r\n      requestAnimationFrame(function(){\r\n        items.forEach(function(item){\r\n          setPanelHeight(item, item.getAttribute('data-open') === 'true');\r\n        });\r\n      });\r\n\r\n      \/\/ recompute the open panel's height on resize \u2014 the description\r\n      \/\/ text reflows to more\/fewer lines at different widths, and a\r\n      \/\/ stale pixel max-height would clip it or leave a gap\r\n      var resizeRaf = null;\r\n      window.addEventListener('resize', function(){\r\n        if(resizeRaf) return;\r\n        resizeRaf = requestAnimationFrame(function(){\r\n          resizeRaf = null;\r\n          items.forEach(function(item){\r\n            if(item.getAttribute('data-open') === 'true'){\r\n              var panel = item.querySelector('.tgus-valor-panel');\r\n              panel.style.maxHeight = panel.scrollHeight + 'px';\r\n            }\r\n          });\r\n        });\r\n      });\r\n\r\n      \/\/ ---- mouse-follow spotlight, desktop-only ----\r\n      var isFinePointer = window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches;\r\n      if(isFinePointer){\r\n        root.querySelectorAll('[data-tgus-spotlight]').forEach(function(item){\r\n          item.addEventListener('pointermove', function(e){\r\n            var rect = item.getBoundingClientRect();\r\n            item.style.setProperty('--tgus-mx', (e.clientX - rect.left) + 'px');\r\n            item.style.setProperty('--tgus-my', (e.clientY - rect.top) + 'px');\r\n          });\r\n        });\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-947ad17 elementor-widget elementor-widget-html\" data-id=\"947ad17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"tgus-marcas-section\" class=\"tgus-marcas-section\">\r\n  <style>\r\n    #tgus-marcas-section {\r\n      --tgus-bg-0: #05050a;\r\n      --tgus-blue: #3b82f6;\r\n      --tgus-violet: #8b7cf6;\r\n      --tgus-cyan: #5ec8f2;\r\n      --tgus-text: #f4f4f8;\r\n      --tgus-text-dim: #9a9aa8;\r\n      --tgus-border: rgba(255,255,255,.08);\r\n      --tgus-ease: cubic-bezier(.16,1,.3,1);\r\n      --tgus-font-display: 'Bricolage Grotesque', system-ui, sans-serif;\r\n      --tgus-font-body: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n\r\n      position: relative;\r\n      background: var(--tgus-bg-0);\r\n      color: var(--tgus-text);\r\n      font-family: var(--tgus-font-body) !important;\r\n      padding: clamp(4rem, 8vw, 6.5rem) 0;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      min-width: 0;\r\n    }\r\n    #tgus-marcas-section *, #tgus-marcas-section *::before, #tgus-marcas-section *::after { box-sizing: border-box; }\r\n\r\n    #tgus-marcas-grid {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      background-image: radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1.4px);\r\n      background-size: 26px 26px;\r\n      -webkit-mask-image: radial-gradient(ellipse 75% 65% at 50% 40%, black, transparent 75%);\r\n      mask-image: radial-gradient(ellipse 75% 65% at 50% 40%, black, transparent 75%);\r\n      pointer-events: none;\r\n    }\r\n    #tgus-marcas-ambient {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    #tgus-marcas-ambient span {\r\n      width: 58rem; height: 34rem;\r\n      border-radius: 50%;\r\n      background: radial-gradient(ellipse, rgba(59,130,246,.2) 0%, rgba(139,124,246,.11) 45%, transparent 75%);\r\n      filter: blur(30px);\r\n      animation: tgus-marcas-drift 27s cubic-bezier(.16,1,.3,1) infinite alternate;\r\n    }\r\n    @keyframes tgus-marcas-drift {\r\n      from { transform: translate(0, 0); }\r\n      to { transform: translate(2rem, -1.5rem); }\r\n    }\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-marcas-ambient span { animation: none !important; }\r\n    }\r\n\r\n    #tgus-marcas-header {\r\n      position: relative; z-index: 2;\r\n      max-width: 680px;\r\n      margin: 0 auto clamp(2.5rem, 5vw, 3.5rem);\r\n      padding: 0 clamp(1.25rem, 5vw, 4rem);\r\n      text-align: center;\r\n    }\r\n    #tgus-marcas-eyebrow {\r\n      display: inline-flex; align-items: center; gap: .5em;\r\n      font-size: .8rem !important;\r\n      font-weight: 600 !important;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      color: var(--tgus-cyan) !important;\r\n      margin: 0 0 .9rem !important;\r\n      opacity: 0; transform: translateY(10px);\r\n      animation: tgus-marcas-in .7s var(--tgus-ease) forwards;\r\n    }\r\n    #tgus-marcas-eyebrow::before,\r\n    #tgus-marcas-eyebrow::after {\r\n      content: '';\r\n      width: 1.4rem; height: 1px;\r\n      background: var(--tgus-cyan);\r\n      display: inline-block;\r\n    }\r\n    #tgus-marcas-title {\r\n      font-family: var(--tgus-font-display) !important;\r\n      font-size: clamp(1.7rem, 3.2vw, 2.35rem) !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: -0.02em !important;\r\n      margin: 0 0 .9rem !important;\r\n      color: var(--tgus-text) !important;\r\n      text-wrap: balance;\r\n    }\r\n    #tgus-marcas-title .tgus-word {\r\n      display: inline-block;\r\n      opacity: 0;\r\n      transform: translateY(16px);\r\n      animation: tgus-marcas-in .6s var(--tgus-ease) forwards;\r\n      animation-delay: calc(35ms * var(--i, 0) + 60ms);\r\n    }\r\n    #tgus-marcas-header p {\r\n      font-size: .98rem !important;\r\n      line-height: 1.6 !important;\r\n      color: var(--tgus-text-dim) !important;\r\n      margin: 0 !important;\r\n      opacity: 0; transform: translateY(14px);\r\n      animation: tgus-marcas-in .8s var(--tgus-ease) .5s forwards;\r\n    }\r\n    @keyframes tgus-marcas-in { to { opacity: 1; transform: translateY(0); } }\r\n\r\n    \/* ================================================================\r\n       LOGO MARQUEE \u2014 real client logo images now that URLs are\r\n       available, replacing the earlier text-wordmark placeholder.\r\n       Same double-row, opposite-direction infinite scroll technique\r\n       used for the tech-stack marquee elsewhere in this project.\r\n       Added on top: each logo gets a lift + glow + full-color reveal\r\n       on hover (logos sit desaturated\/dim at rest), and the whole\r\n       marquee fades in staggered by row after the header settles.\r\n       ================================================================ *\/\r\n    #tgus-marcas-marquee-wrap {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: clamp(1.75rem, 3.5vw, 2.5rem);\r\n      -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);\r\n      mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);\r\n      opacity: 0;\r\n      animation: tgus-marcas-in 1s var(--tgus-ease) .6s forwards;\r\n    }\r\n    .tgus-marcas-row { display: flex; overflow: hidden; }\r\n    .tgus-marcas-track {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: clamp(2.5rem, 5vw, 4rem);\r\n      flex-shrink: 0;\r\n      will-change: transform;\r\n      padding: 0 clamp(1.25rem, 2.5vw, 2rem);\r\n    }\r\n    .tgus-marcas-track.tgus-m-left { animation: tgus-marcas-left 65s linear infinite; }\r\n    .tgus-marcas-track.tgus-m-right { animation: tgus-marcas-right 65s linear infinite; }\r\n    @keyframes tgus-marcas-left { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n    @keyframes tgus-marcas-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }\r\n\r\n    .tgus-marcas-logo {\r\n      flex: none;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      height: clamp(3rem, 5vw, 4rem);\r\n      padding: .4rem 0;\r\n      filter: grayscale(1) brightness(1.7) contrast(.9);\r\n      opacity: .65;\r\n      transition: opacity .35s var(--tgus-ease), filter .35s var(--tgus-ease), transform .35s var(--tgus-ease);\r\n    }\r\n    .tgus-marcas-logo img {\r\n      height: 100%;\r\n      width: auto;\r\n      max-width: clamp(6rem, 9vw, 8.5rem);\r\n      object-fit: contain;\r\n      display: block;\r\n    }\r\n    @media (hover: hover) and (pointer: fine) {\r\n      .tgus-marcas-logo:hover {\r\n        opacity: 1;\r\n        filter: grayscale(0) brightness(1) contrast(1);\r\n        transform: translateY(-3px) scale(1.05);\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #tgus-marcas-eyebrow, #tgus-marcas-title .tgus-word, #tgus-marcas-header p, #tgus-marcas-marquee-wrap {\r\n        animation-duration: .01ms !important; opacity: 1 !important; transform: none !important;\r\n      }\r\n      .tgus-marcas-track.tgus-m-left, .tgus-marcas-track.tgus-m-right { animation: none !important; }\r\n      .tgus-marcas-row { overflow-x: auto; }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n      .tgus-marcas-track { gap: 2rem; }\r\n      .tgus-marcas-logo { height: 2.5rem; }\r\n    }\r\n  <\/style>\r\n\r\n  <div id=\"tgus-marcas-grid\" aria-hidden=\"true\"><\/div>\r\n  <div id=\"tgus-marcas-ambient\" aria-hidden=\"true\"><span><\/span><\/div>\r\n\r\n  <div id=\"tgus-marcas-header\">\r\n    <p id=\"tgus-marcas-eyebrow\">Brands that trust us<\/p>\r\n    <h2 id=\"tgus-marcas-title\"><span id=\"tgus-marcas-title-words\" aria-hidden=\"true\"><\/span><\/h2>\r\n    <p>We grow, learn and improve every day with our clients, and that's why our best endorsement is their trust, their recommendation and recognition \u2014 because we're already part of their teams.<\/p>\r\n  <\/div>\r\n\r\n  <div id=\"tgus-marcas-marquee-wrap\" aria-hidden=\"true\">\r\n    <div class=\"tgus-marcas-row\">\r\n      <div class=\"tgus-marcas-track tgus-m-left\" id=\"tgus-marcas-track-1\"><\/div>\r\n    <\/div>\r\n    <div class=\"tgus-marcas-row\">\r\n      <div class=\"tgus-marcas-track tgus-m-right\" id=\"tgus-marcas-track-2\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <span style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);\">\r\n    Clients: Ediciones Hisp\u00e1nicas, Azucantillo, SAYC, Adatec, Dr. Carlos Recio, Ecar, Notar\u00eda, and other partner brands\r\n  <\/span>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('tgus-marcas-section');\r\n      if(!root) return;\r\n\r\n      \/\/ ---- title word-by-word reveal ----\r\n      var titleTarget = root.querySelector('#tgus-marcas-title-words');\r\n      if(titleTarget){\r\n        var titleText = 'They already know us';\r\n        titleText.split(' ').forEach(function(word, i){\r\n          var span = document.createElement('span');\r\n          span.className = 'tgus-word';\r\n          span.style.setProperty('--i', i);\r\n          span.textContent = word;\r\n          titleTarget.appendChild(span);\r\n          titleTarget.appendChild(document.createTextNode(' '));\r\n        });\r\n      }\r\n      var titleHeading = root.querySelector('#tgus-marcas-title');\r\n      if(titleHeading) titleHeading.setAttribute('aria-label', 'They already know us');\r\n\r\n      \/* Real client logo URLs. *\/\r\n      var LOGOS = [\r\n        { name: 'Client 1', src: 'https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/descarga.png' },\r\n        { name: 'Client 2', src: 'https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/Logos-de-Clientes-Buho_.-6-e1684512931169.avif' },\r\n        { name: 'Adatec', src: 'https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/Logo-Color-Adatec.avif' },\r\n        { name: 'Client 4', src: 'https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/Logos-de-Clientes-Buho_.-01-e1684512985926.avif' },\r\n        { name: 'Dr. Carlos Recio', src: 'https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/Cliente-Carlos-Recio.avif' },\r\n        { name: 'Client 6', src: 'https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/Logos-de-Clientes-Buho_.-09-e1684512900285-1.avif' },\r\n        { name: 'Client 7', src: 'https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/Logos-de-Clientes-Buho_.-7-e1684512919254.avif' },\r\n        { name: 'Client 8', src: 'https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/Logos-de-Clientes-Buho_.-5-e1684512943709.avif' },\r\n        { name: 'Ecar', src: 'https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/Ecar.avif' },\r\n        { name: 'Notar\u00eda', src: 'https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/logo-verde-cliente-Notaria-1.avif' },\r\n        { name: 'Client 11', src: 'https:\/\/togrowagencia.com\/en\/wp-content\/uploads\/2026\/08\/Logos-de-Clientes-Buho_.-09-e1684512900285.avif' }\r\n      ];\r\n\r\n      var mid = Math.ceil(LOGOS.length \/ 2);\r\n      var rowSets = [LOGOS.slice(0, mid), LOGOS.slice(mid)];\r\n\r\n      function buildTrack(trackEl, logos){\r\n        var doubled = logos.concat(logos);\r\n        doubled.forEach(function(logo){\r\n          var span = document.createElement('span');\r\n          span.className = 'tgus-marcas-logo';\r\n          var img = document.createElement('img');\r\n          img.src = logo.src;\r\n          img.alt = logo.name;\r\n          img.loading = 'lazy';\r\n          img.decoding = 'async';\r\n          img.onerror = function(){ span.style.display = 'none'; };\r\n          span.appendChild(img);\r\n          trackEl.appendChild(span);\r\n        });\r\n      }\r\n\r\n      var t1 = root.querySelector('#tgus-marcas-track-1');\r\n      var t2 = root.querySelector('#tgus-marcas-track-2');\r\n      if(t1) buildTrack(t1, rowSets[0]);\r\n      if(t2) buildTrack(t2, rowSets[1]);\r\n    })();\r\n  <\/script>\r\n<\/section>\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>Software Experts, App Builders and Leaders of the AI Agent Revolution We fuse 12 years of strategic experience with the speed of hybrid technology to give your business intelligent commercial infrastructure. Contact us Our story ToGrow wasn&#8217;t born out of improvisation; it&#8217;s the result of 12 years of strategic evolution in the high-revenue markets of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-624","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/pages\/624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/comments?post=624"}],"version-history":[{"count":17,"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/pages\/624\/revisions"}],"predecessor-version":[{"id":1206,"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/pages\/624\/revisions\/1206"}],"wp:attachment":[{"href":"https:\/\/togrowagencia.com\/en\/wp-json\/wp\/v2\/media?parent=624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}