{"id":589,"date":"2026-04-29T16:45:14","date_gmt":"2026-04-29T16:45:14","guid":{"rendered":"https:\/\/ito.export.com.gt\/?page_id=589"},"modified":"2026-07-14T23:05:20","modified_gmt":"2026-07-14T23:05:20","slug":"home","status":"publish","type":"page","link":"https:\/\/ito.export.com.gt\/en\/","title":{"rendered":"ITO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"589\" class=\"elementor elementor-589\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1665de2 e-con-full e-flex e-con e-parent\" data-id=\"1665de2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbe8219 elementor-widget elementor-widget-html\" data-id=\"fbe8219\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== SLIDER BASE ===== *\/\n.pro-slider {\n  position: relative;\n  width: 100%;\n  height: 700px;\n  overflow: hidden;\n  font-family: poppins;\n}\n\n\/* ===== SLIDES ===== *\/\n.pro-slide {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n  display: flex;          \/* FIX 1: centrar contenido verticalmente *\/\n  align-items: center;    \/* FIX 1: centrar contenido verticalmente *\/\n}\n\n.pro-slide.active {\n  opacity: 1;\n  z-index: 2;\n}\n\n\/* ===== BACKGROUND ===== *\/\n.pro-bg {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center;\n  transform: scale(1.1);\n  transition: transform 10 ease;\n}\n\n.pro-slide.active .pro-bg {\n  transform: scale(1);\n}\n\n\/* ===== OVERLAY ===== *\/\n.pro-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to right,\n    rgba(0,0,0,0.75) 0%,\n    rgba(0,0,0,0.55) 40%,\n    rgba(0,0,0,0.2) 70%,\n    transparent 100%\n  );\n}\n\n\/* ===== CONTENT ===== *\/\n.pro-content {\n  position: relative;\n  z-index: 3;\n  max-width: 80%;\n  padding: 100px 8%;\n  color: #fff;\n\n}\n\n.pro-title {\n  font-size: 50px;\n  font-weight: 500;\n  line-height: 1.1;\n  margin-bottom: 20px;\n  transform: translateY(40px);\n  opacity: 0;\n  transition: all 0.8s ease;\n}\n\n.pro-desc {\n  font-size: 18px;\n  opacity: 0.8;\n  margin-bottom: 30px;\n  transform: translateY(40px);\n  opacity: 0;\n  transition: all 0.8s ease 0.2s;\n}\n\n.pro-btn {\n  display: inline-block;\n  background: #FF6B00;\n  color: #fff;\n  padding: 14px 28px;\n  border-radius: 50px;\n  text-decoration: none;\n  font-weight: 500;\n  transition: all 0.3s ease;\n  -webkit-tap-highlight-color: transparent;   \/* FIX 3: sin resaltado al tocar *\/\n}\n\n.pro-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 30px rgba(255, 107, 0, 0.36);\n  color: #fff;\n}\n\n\/* ===== ACTIVE ANIMATION ===== *\/\n.pro-slide.active .pro-title,\n.pro-slide.active .pro-desc {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n\/* ===== ARROWS ===== *\/\n.pro-nav {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 5;\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.1);\n  backdrop-filter: blur(10px);\n  color: #fff;\n  border: none;\n  cursor: pointer;\n  transition: 0.3s;\n  -webkit-tap-highlight-color: transparent;   \/* FIX 3: sin resaltado al tocar *\/\n}\n\n.pro-nav:hover {\n  background: rgba(255,255,255,0.3);\n}\n\n\/* FIX 3: elimina el contorno\/color de focus del navegador tras el click *\/\n.pro-nav:focus,\n.pro-btn:focus {\n  outline: none;\n}\n\n.pro-prev { left: 20px; }\n.pro-next { right: 20px; }\n\n\n\n\/* ===== TIMER ===== *\/\n.pro-timer {\n  position: absolute;\n  bottom: 30px;\n  left: 8%;\n  right: 8%;\n  display: flex;\n  gap: 10px;\n  z-index: 5;\n}\n\n.pro-bar {\n  flex: 1;\n  height: 4px;\n  background: rgba(255,255,255,0.2);\n  overflow: hidden;\n  border-radius: 10px;\n}\n\n.pro-progress {\n  height: 100%;\n  width: 0%;\n  background: #fff;\n}\n\n\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width: 768px){\n  .pro-title { font-size: 24px; }\n  .pro-desc { font-size: 16px; }\n  .pro-content { padding: 80px 20px; }\n\n  .pro-content {\n  max-width: 98%\n  }\n  .pro-slider {\n  height: 89vh;\n}\n\n    .pro-nav {\n  top: 85%;\n    }\n\n<\/style>\n\n\n<div class=\"pro-slider\">\n\n  <!-- SLIDE 1 -->\n  <div class=\"pro-slide active\">\n    <div class=\"pro-bg\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/development-hero-image-1-scaled.webp');\"><\/div>\n    <div class=\"pro-overlay\"><\/div>\n    <div class=\"pro-content\">\n      <h1 class=\"pro-title\">Ideamos, desarrollamos e implementamos soluciones tecnol\u00f3gicas escalables<\/h1>\n      <p class=\"pro-desc\">La Comisi\u00f3n de Tecnolog\u00eda (ITO) de <a href=\"https:\/\/www.export.com.gt\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: inherit\"><b>AGEXPORT<\/b><\/a> impulsa la internacionalizaci\u00f3n de empresas guatemaltecas que ofrecen servicios tecnol\u00f3gicos, facilitando su acceso a mercados internacionales, el fortalecimiento de sus capacidades y la generaci\u00f3n de oportunidades de negocio.<\/p>\n      <a href=\"#hero-section\" class=\"pro-btn\">Conoce nuestros servicios<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- SLIDE 2 -->\n  <div class=\"pro-slide\">\n    <div class=\"pro-bg\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/ITO-global.webp');\"><\/div>\n    <div class=\"pro-overlay\"><\/div>\n    <div class=\"pro-content\">\n      <h2 class=\"pro-title\">Accede a +mercados<br>y genera negocios<\/h2>\n      <p class=\"pro-desc\">Lleva a tu empresa m\u00e1s all\u00e1 de las fronteras y descubre un mundo de oportunidades dise\u00f1adas para escalar tu crecimiento por medio de misiones comerciales estrat\u00e9gicas, networking de alto nivel y vinculaci\u00f3n real efectiva. <\/p>\n      <a href=\"https:\/\/ito.export.com.gt\/registro-asociados\/\" class=\"pro-btn\">As\u00f3ciate Ahora<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- SLIDE 3 -->\n  <div class=\"pro-slide\">\n    <div class=\"pro-bg\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/equipo-de-development-ito-scaled.webp');\"><\/div>\n    <div class=\"pro-overlay\"><\/div>\n    <div class=\"pro-content\">\n      <h2 class=\"pro-title\">Escala, Compite <br>y Conquista el Mercado Mundial<\/h2>\n      <p class=\"pro-desc\">Trabajamos con empresas especializadas en desarrollo de software, soluciones digitales, servicios en la nube, ciberseguridad, marketing digital y tecnolog\u00edas emergentes, conect\u00e1ndolas con compradores, aliados estrat\u00e9gicos e iniciativas que les permitan escalar y competir a nivel global.<\/p>\n      <a href=\"https:\/\/ito.export.com.gt\/registro-servicios\/\" class=\"pro-btn\">Cont\u00e1ctanos<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- NAV -->\n  <button class=\"pro-nav pro-prev\">&#10094;<\/button>\n  <button class=\"pro-nav pro-next\">&#10095;<\/button>\n\n  <!-- TIMER -->\n  <div class=\"pro-timer\">\n    <div class=\"pro-bar\"><div class=\"pro-progress\"><\/div><\/div>\n    <div class=\"pro-bar\"><div class=\"pro-progress\"><\/div><\/div>\n    <div class=\"pro-bar\"><div class=\"pro-progress\"><\/div><\/div>\n  <\/div>\n\n<\/div>\n\n<script>\nconst slides = document.querySelectorAll('.pro-slide');\nconst progressBars = document.querySelectorAll('.pro-progress');\nconst next = document.querySelector('.pro-next');\nconst prev = document.querySelector('.pro-prev');\n\nlet index = 0;\nlet duration = 18000;\nlet timer;\nlet rafId;                       \/\/ FIX 2: id para cancelar la animaci\u00f3n anterior\n\n\/* ===== SLIDE CHANGE ===== *\/\nfunction showSlide(i){\n  slides.forEach(s => s.classList.remove('active'));\n\n  \/* FIX 2: las barras anteriores quedan completas (100%); la actual y las\n     siguientes en 0% *\/\n  progressBars.forEach((bar, idx) => {\n    bar.style.width = idx < i ? '100%' : '0%';\n  });\n\n  slides[i].classList.add('active');\n\n  animateProgress(i);\n}\n\n\/* ===== PROGRESS ===== *\/\nfunction animateProgress(i){\n  cancelAnimationFrame(rafId);   \/\/ FIX 2: detiene la animaci\u00f3n de la barra previa\n  let start = null;\n\n  function step(timestamp){\n    if(!start) start = timestamp;\n    let progress = timestamp - start;\n    let percent = Math.min(progress \/ duration * 100, 100);\n\n    progressBars[i].style.width = percent + '%';\n\n    if(progress < duration){\n      rafId = requestAnimationFrame(step);\n    }\n  }\n  rafId = requestAnimationFrame(step);\n}\n\n\/* ===== AUTOPLAY ===== *\/\nfunction startAuto(){\n  timer = setInterval(()=>{\n    index = (index + 1) % slides.length;\n    showSlide(index);\n  }, duration);\n}\n\nfunction stopAuto(){\n  clearInterval(timer);\n}\n\n\/* ===== EVENTS ===== *\/\nnext.onclick = () => {\n  stopAuto();\n  index = (index + 1) % slides.length;\n  showSlide(index);\n  startAuto();\n};\n\nprev.onclick = () => {\n  stopAuto();\n  index = (index - 1 + slides.length) % slides.length;\n  showSlide(index);\n  startAuto();\n};\n\n\/* ===== INIT ===== *\/\nshowSlide(index);\nstartAuto();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99db2b4 e-con-full e-flex e-con e-parent\" data-id=\"99db2b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-69614ba e-con-full e-flex e-con e-child\" data-id=\"69614ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f516cb1 elementor-widget elementor-widget-html\" data-id=\"f516cb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Stats Section \u2014 Apple Style<\/title>\n\n  <style>\n    \/* ============================================\n       1. TOKENS \u2014 Modifica aqu\u00ed colores y medidas\n    ============================================ *\/\n    :root {\n      --bg-base: #000000;\n      --bg-soft: #0a0a0a;\n      --text-white: #ffffff;\n      --text-muted: rgba(255, 255, 255, 0.55);\n\n      \/* Naranja degradado *\/\n      --orange-1: #FF6B00;\n      --orange-2: #D4451D;\n      --orange-gradient: linear-gradient(135deg, var(--orange-1) 0%, var(--orange-2) 100%);\n\n      \/* Glass *\/\n      --glass-bg: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);\n      --glass-border: rgba(255, 255, 255, 0.08);\n      --glass-highlight: rgba(255, 255, 255, 0.12);\n\n      \/* Layout *\/\n      --radius-card: 24px;\n      --gap-cards: 20px;\n      --section-padding-y: clamp(32px, 5vw, 64px);\n\n      \/* Motion *\/\n      --ease-apple: cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    \/* ============================================\n       2. RESET + BASE\n    ============================================ *\/\n    *, *::before, *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n      background: var(--bg-base);\n      color: var(--text-white);\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      min-height: 100vh;\n    }\n\n    \/* ============================================\n       3. SECCI\u00d3N \u2014 Contenedor principal\n    ============================================ *\/\n    .stats-section {\n      position: relative;\n      padding: var(--section-padding-y) 0;\n      background: var(--bg-base);\n      overflow: hidden;\n      isolation: isolate;\n      \/* Lazy rendering nativo: el navegador difiere paint hasta acercarse al viewport *\/\n      content-visibility: auto;\n      contain-intrinsic-size: auto 500px;\n    }\n\n    \/* Atm\u00f3sfera: glow sutiles de fondo *\/\n    .stats-section::before,\n    .stats-section::after {\n      content: '';\n      position: absolute;\n      width: 600px;\n      height: 600px;\n      border-radius: 50%;\n      filter: blur(120px);\n      opacity: 0.15;\n      z-index: -1;\n      pointer-events: none;\n    }\n\n    .stats-section::before {\n      background: radial-gradient(circle, var(--orange-1) 0%, transparent 70%);\n      top: -200px;\n      left: -150px;\n    }\n\n    .stats-section::after {\n      background: radial-gradient(circle, var(--orange-2) 0%, transparent 70%);\n      bottom: -250px;\n      right: -150px;\n    }\n\n    \/* Tablet por defecto: 100% de ancho y padding lateral de 25px *\/\n    .stats-container {\n      width: 100%;\n      max-width: 100%;\n      margin: 0 auto;\n      padding: 0 25px;\n      position: relative;\n    }\n\n    \/* ============================================\n       4. GRID \u2014 TABLET: 3 columnas y 2 filas\n    ============================================ *\/\n    .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: var(--gap-cards);\n    }\n\n    \/* Desktop: 6 columnas y contenedor al 90% *\/\n    @media (min-width: 1100px) {\n      .stats-container {\n        width: 90%;\n        max-width: none;\n        padding: 0;\n      }\n\n      .stats-grid {\n        grid-template-columns: repeat(6, minmax(0, 1fr));\n      }\n    }\n\n    \/* ============================================\n       5. CARD \u2014 Estilo glass Apple\n    ============================================ *\/\n    .stat-card {\n      position: relative;\n      padding: clamp(24px, 3vw, 36px) clamp(20px, 2.5vw, 28px);\n      background: var(--glass-bg);\n      border: 1px solid var(--glass-border);\n      border-radius: var(--radius-card);\n      backdrop-filter: blur(24px);\n      -webkit-backdrop-filter: blur(24px);\n      text-align: center;\n      overflow: hidden;\n      isolation: isolate;\n      \/* A\u00edsla layout\/paint del resto del documento *\/\n      contain: layout paint;\n      transition:\n        transform 0.6s var(--ease-apple),\n        border-color 0.6s var(--ease-apple);\n      opacity: 0;\n      transform: translateY(24px);\n      animation: cardEnter 0.9s var(--ease-apple) forwards;\n    }\n\n    \/* Stagger en la entrada *\/\n    .stat-card:nth-child(1) { animation-delay: 0.05s; }\n    .stat-card:nth-child(2) { animation-delay: 0.12s; }\n    .stat-card:nth-child(3) { animation-delay: 0.19s; }\n    .stat-card:nth-child(4) { animation-delay: 0.26s; }\n    .stat-card:nth-child(5) { animation-delay: 0.33s; }\n    .stat-card:nth-child(6) { animation-delay: 0.40s; }\n\n    @keyframes cardEnter {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \/* Highlight superior tipo Apple *\/\n    .stat-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 12%;\n      right: 12%;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, var(--glass-highlight), transparent);\n      pointer-events: none;\n    }\n\n    \/* Glow naranja al completar (debajo del n\u00famero) *\/\n    .stat-card::after {\n      content: '';\n      position: absolute;\n      top: 35%;\n      left: 50%;\n      width: 180px;\n      height: 180px;\n      background: radial-gradient(circle, var(--orange-1) 0%, transparent 65%);\n      filter: blur(40px);\n      transform: translate(-50%, -50%) scale(0);\n      opacity: 0;\n      z-index: -1;\n      transition:\n        opacity 0.8s var(--ease-apple),\n        transform 0.8s var(--ease-apple);\n      pointer-events: none;\n    }\n\n    .stat-card.is-complete::after {\n      opacity: 0.45;\n      transform: translate(-50%, -50%) scale(1);\n    }\n\n    .stat-card:hover {\n      transform: translateY(-4px);\n      border-color: rgba(255, 255, 255, 0.14);\n    }\n\n    \/* ============================================\n       6. N\u00daMERO \u2014 Contador\n    ============================================ *\/\n    .stat-number-wrapper {\n      position: relative;\n      display: flex;\n      align-items: baseline;\n      justify-content: center;\n      gap: 2px;\n      margin-bottom: 12px;\n      font-size: clamp(2.5rem, 5vw, 3.75rem);\n      font-weight: 700;\n      letter-spacing: -0.04em;\n      line-height: 1;\n      white-space: nowrap;\n    }\n\n    .stat-prefix,\n    .stat-suffix,\n    .stat-number {\n      color: var(--text-white);\n      transition: color 0.6s var(--ease-apple);\n    }\n\n    .stat-suffix {\n      font-size: 0.55em;\n      font-weight: 600;\n      margin-left: 4px;\n      align-self: center;\n      opacity: 0.9;\n    }\n\n    \/* Al completar: degradado naranja en el n\u00famero *\/\n    .stat-card.is-complete .stat-prefix,\n    .stat-card.is-complete .stat-suffix,\n    .stat-card.is-complete .stat-number {\n      background: var(--orange-gradient);\n      -webkit-background-clip: text;\n      background-clip: text;\n      -webkit-text-fill-color: transparent;\n      color: transparent;\n    }\n\n    \/* ============================================\n       7. FLASH \u2014 Destello al completar\n    ============================================ *\/\n    .stat-flash {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100px;\n      height: 100px;\n      transform: translate(-50%, -50%) scale(0);\n      border-radius: 50%;\n      background: radial-gradient(\n        circle,\n        rgba(255, 255, 255, 0.9) 0%,\n        rgba(255, 107, 0, 0.4) 40%,\n        transparent 70%\n      );\n      pointer-events: none;\n      opacity: 0;\n    }\n\n    .stat-card.is-complete .stat-flash {\n      animation: flashBurst 0.9s var(--ease-apple) forwards;\n    }\n\n    @keyframes flashBurst {\n      0% {\n        opacity: 0;\n        transform: translate(-50%, -50%) scale(0.2);\n      }\n      30% {\n        opacity: 1;\n        transform: translate(-50%, -50%) scale(1);\n      }\n      100% {\n        opacity: 0;\n        transform: translate(-50%, -50%) scale(2.4);\n      }\n    }\n\n    \/* ============================================\n       8. LABEL \u2014 Texto debajo del n\u00famero\n    ============================================ *\/\n    .stat-label {\n      font-size: 0.875rem;\n      font-weight: 400;\n      letter-spacing: 0.01em;\n      color: var(--text-muted);\n      line-height: 1.4;\n    }\n\n    \/* ============================================\n       9. ACCESIBILIDAD \u2014 Reduce motion\n    ============================================ *\/\n    @media (prefers-reduced-motion: reduce) {\n      .stat-card,\n      .stat-card::after,\n      .stat-flash {\n        animation: none !important;\n        transition: none !important;\n        opacity: 1;\n        transform: none;\n      }\n    }\n\n    \/* ============================================\n       10. M\u00d3VIL \u2014 2 columnas y 3 filas\n    ============================================ *\/\n    @media (max-width: 768px) {\n      .stats-container {\n        width: 100%;\n        max-width: 100%;\n        padding: 0 15px;\n      }\n\n      .stats-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 20px;\n      }\n\n      .stat-card {\n        padding: 30px 10px 15px;\n        backdrop-filter: none;\n        -webkit-backdrop-filter: none;\n        background: rgba(255, 255, 255, 0.035);\n      }\n\n      .stat-number-wrapper {\n        font-size: clamp(1.85rem, 9vw, 2.5rem);\n      }\n\n      \/* Glows de fondo (600px + blur 120px) \u2014 costosos *\/\n      .stats-section::before,\n      .stats-section::after {\n        display: none;\n      }\n\n      \/* Glow naranja de cada card al completar *\/\n      .stat-card::after {\n        filter: blur(20px);\n        width: 120px;\n        height: 120px;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n  <!-- ============================================\n       SECCI\u00d3N DE STATS\n  ============================================ -->\n  <section class=\"stats-section\">\n    <div class=\"stats-container\">\n\n      <div class=\"stats-grid\">\n\n        <!-- 1. Asociados -->\n        <article class=\"stat-card\">\n          <div class=\"stat-number-wrapper\">\n            <span class=\"stat-prefix\">+<\/span>\n            <span class=\"stat-number\" data-target=\"90\" data-duration=\"2000\">0<\/span>\n            <span class=\"stat-flash\" aria-hidden=\"true\"><\/span>\n          <\/div>\n          <p class=\"stat-label\">Asociados<\/p>\n        <\/article>\n\n        <!-- 2. N\u00facleos -->\n        <article class=\"stat-card\">\n          <div class=\"stat-number-wrapper\">\n            <span class=\"stat-number\" data-target=\"5\" data-duration=\"1400\">0<\/span>\n            <span class=\"stat-flash\" aria-hidden=\"true\"><\/span>\n          <\/div>\n          <p class=\"stat-label\">N\u00facleos<\/p>\n        <\/article>\n\n        <!-- 3. Servicios -->\n        <article class=\"stat-card\">\n          <div class=\"stat-number-wrapper\">\n            <span class=\"stat-prefix\">+<\/span>\n            <span class=\"stat-number\" data-target=\"40\" data-duration=\"1700\">0<\/span>\n            <span class=\"stat-flash\" aria-hidden=\"true\"><\/span>\n          <\/div>\n          <p class=\"stat-label\">Servicios<\/p>\n        <\/article>\n\n        <!-- 4. Pa\u00edses -->\n        <article class=\"stat-card\">\n          <div class=\"stat-number-wrapper\">\n            <span class=\"stat-prefix\">+<\/span>\n            <span class=\"stat-number\" data-target=\"18\" data-duration=\"1600\">0<\/span>\n            <span class=\"stat-flash\" aria-hidden=\"true\"><\/span>\n          <\/div>\n          <p class=\"stat-label\">Pa\u00edses<\/p>\n        <\/article>\n\n        <!-- 5. Sectores -->\n        <article class=\"stat-card\">\n          <div class=\"stat-number-wrapper\">\n            <span class=\"stat-prefix\">+<\/span>\n            <span class=\"stat-number\" data-target=\"20\" data-duration=\"1600\">0<\/span>\n            <span class=\"stat-flash\" aria-hidden=\"true\"><\/span>\n          <\/div>\n          <p class=\"stat-label\">Sectores<\/p>\n        <\/article>\n\n        <!-- 6. Exportaciones -->\n        <article class=\"stat-card\">\n          <div class=\"stat-number-wrapper\">\n            <span class=\"stat-prefix\">+<\/span>\n            <span class=\"stat-number\" data-target=\"170\" data-duration=\"2100\">0<\/span>\n            <span class=\"stat-suffix\">MM&nbsp;<\/span>\n            <span class=\"stat-flash\" aria-hidden=\"true\"><\/span>\n          <\/div>\n          <p class=\"stat-label\">$ USD En exportaciones<\/p>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================\n       SCRIPT \u2014 Contador animado\n  ============================================ -->\n  <script>\n    (function () {\n      'use strict';\n\n      \/\/ Easing tipo Apple (easeOutCubic)\n      const easeOutCubic = t => 1 - Math.pow(1 - t, 3);\n\n      \/**\n       * Anima un contador desde 0 hasta target.\n       * @param {HTMLElement} el        Elemento .stat-number\n       * @param {number}      target    Valor final\n       * @param {number}      duration  Duraci\u00f3n en ms\n       *\/\n      function animateCounter(el, target, duration) {\n        const card = el.closest('.stat-card');\n        const startTime = performance.now();\n\n        function frame(now) {\n          const elapsed = now - startTime;\n          const progress = Math.min(elapsed \/ duration, 1);\n          const eased = easeOutCubic(progress);\n          const current = Math.floor(eased * target);\n\n          el.textContent = current;\n\n          if (progress < 1) {\n            requestAnimationFrame(frame);\n          } else {\n            el.textContent = target;\n            \/\/ Disparamos el estado completo: degradado + flash + glow\n            card.classList.add('is-complete');\n          }\n        }\n\n        requestAnimationFrame(frame);\n      }\n\n      \/**\n       * Observa cu\u00e1ndo cada card entra al viewport\n       * y lanza el contador una sola vez.\n       *\/\n      const counters = document.querySelectorAll('.stat-number');\n\n      \/\/ Fallback: si IntersectionObserver no existe, animar al cargar\n      if (!('IntersectionObserver' in window)) {\n        counters.forEach(el => {\n          const target = parseInt(el.dataset.target, 10);\n          const duration = parseInt(el.dataset.duration, 10) || 2000;\n          animateCounter(el, target, duration);\n        });\n        return;\n      }\n\n      const observer = new IntersectionObserver((entries, obs) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            const el = entry.target;\n            const target = parseInt(el.dataset.target, 10);\n            const duration = parseInt(el.dataset.duration, 10) || 2000;\n            animateCounter(el, target, duration);\n            obs.unobserve(el);\n          }\n        });\n      }, {\n        threshold: 0.35,\n        rootMargin: '0px 0px -50px 0px'\n      });\n\n      counters.forEach(el => observer.observe(el));\n    })();\n  <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdc9123 e-con-full e-flex e-con e-parent\" data-id=\"bdc9123\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8e9e98 elementor-widget elementor-widget-html\" data-id=\"b8e9e98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n(function () {\n\n  \/* \u2500\u2500 CAMBIA ESTO por el CSS ID que pusiste en tu secci\u00f3n \u2500\u2500 *\/\n  const SECTION_ID = 'hero-section';\n\n  \/* \u2500\u2500 CONFIG \u2500\u2500 *\/\n  const CELL       = 45;\n  const BASE_ALPHA = 0.04;\n  const MAX_ALPHA  = 0.22;\n  const RADIUS     = 150;\n  const LINE_COLOR = [200, 200, 200];\n  const DOT_COLOR  = [220, 220, 220];\n  \/* \u2500\u2500 END CONFIG \u2500\u2500 *\/\n\n  function init() {\n    const section = document.getElementById(SECTION_ID);\n    if (!section) return;\n\n    \/* Evitar duplicados si Elementor recarga el widget *\/\n    if (section.querySelector('canvas.tech-grid-canvas')) return;\n\n    const canvas = document.createElement('canvas');\n    canvas.classList.add('tech-grid-canvas');\n\n    Object.assign(canvas.style, {\n      position      : 'absolute',\n      inset         : '0',\n      width         : '100%',\n      height        : '100%',\n      pointerEvents : 'none',\n      zIndex        : '0',\n      display       : 'block',\n    });\n\n    \/* La secci\u00f3n debe ser el contexto de posicionamiento *\/\n    section.style.position = 'relative';\n    section.style.overflow = 'hidden';\n    section.insertBefore(canvas, section.firstChild);\n\n    \/* Asegura que el contenido quede encima *\/\n    const container = section.querySelector('.elementor-container');\n    if (container) container.style.position = 'relative';\n    if (container) container.style.zIndex   = '1';\n\n    const ctx = canvas.getContext('2d');\n    let W, H, mouse = { x: -9999, y: -9999 };\n    const [lr, lg, lb] = LINE_COLOR;\n    const [dr, dg, db] = DOT_COLOR;\n\n    function resize() {\n      W = canvas.width  = section.offsetWidth;\n      H = canvas.height = section.offsetHeight;\n    }\n\n    function dist(ax, ay, bx, by) {\n      const dx = ax - bx, dy = ay - by;\n      return Math.sqrt(dx * dx + dy * dy);\n    }\n\n    function draw() {\n      ctx.clearRect(0, 0, W, H);\n\n      const cols = Math.ceil(W \/ CELL) + 1;\n      const rows = Math.ceil(H \/ CELL) + 1;\n      const ox = (W % CELL) \/ 2;\n      const oy = (H % CELL) \/ 2;\n\n      for (let r = 0; r <= rows; r++) {\n        const y   = oy + r * CELL;\n        const clX = Math.max(ox, Math.min(ox + (cols - 1) * CELL, mouse.x));\n        const d   = dist(clX, y, mouse.x, mouse.y);\n        const t   = Math.max(0, 1 - d \/ RADIUS);\n        const a   = BASE_ALPHA + (MAX_ALPHA - BASE_ALPHA) * t * t;\n        ctx.beginPath();\n        ctx.moveTo(ox, y);\n        ctx.lineTo(ox + (cols - 1) * CELL, y);\n        ctx.strokeStyle = `rgba(${lr},${lg},${lb},${a})`;\n        ctx.lineWidth   = 0.4 + t * 0.6;\n        ctx.stroke();\n      }\n\n      for (let c = 0; c <= cols; c++) {\n        const x   = ox + c * CELL;\n        const clY = Math.max(oy, Math.min(oy + (rows - 1) * CELL, mouse.y));\n        const d   = dist(x, clY, mouse.x, mouse.y);\n        const t   = Math.max(0, 1 - d \/ RADIUS);\n        const a   = BASE_ALPHA + (MAX_ALPHA - BASE_ALPHA) * t * t;\n        ctx.beginPath();\n        ctx.moveTo(x, oy);\n        ctx.lineTo(x, oy + (rows - 1) * CELL);\n        ctx.strokeStyle = `rgba(${lr},${lg},${lb},${a})`;\n        ctx.lineWidth   = 0.4 + t * 0.6;\n        ctx.stroke();\n      }\n\n      for (let c = 0; c <= cols; c++) {\n        for (let r = 0; r <= rows; r++) {\n          const x = ox + c * CELL;\n          const y = oy + r * CELL;\n          const d = dist(x, y, mouse.x, mouse.y);\n          const t = Math.max(0, 1 - d \/ (RADIUS * 0.65));\n          if (t > 0.01) {\n            ctx.beginPath();\n            ctx.arc(x, y, 0.8 + t * 1.8, 0, Math.PI * 2);\n            ctx.fillStyle = `rgba(${dr},${dg},${db},${0.05 + t * 0.55})`;\n            ctx.fill();\n          }\n        }\n      }\n\n      requestAnimationFrame(draw);\n    }\n\n    section.addEventListener('mousemove', e => {\n      const rect = section.getBoundingClientRect();\n      mouse.x = e.clientX - rect.left;\n      mouse.y = e.clientY - rect.top;\n    });\n\n    section.addEventListener('mouseleave', () => {\n      mouse.x = -9999;\n      mouse.y = -9999;\n    });\n\n    new ResizeObserver(resize).observe(section);\n    resize();\n    draw();\n  }\n\n  \/* Espera a que el DOM est\u00e9 listo *\/\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2462f2e e-flex e-con-boxed e-con e-child\" data-id=\"2462f2e\" 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-f744347 elementor-widget elementor-widget-heading\" data-id=\"f744347\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tecnolog\u00eda <span class=\"palabra-color\"><b>Estrat\u00e9gica<\/b><\/span><br>para una tranformaci\u00f3n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-239e35f elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"239e35f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Acelera tu evoluci\u00f3n con tecnolog\u00edas dise\u00f1adas para el alto impacto. Nuestra metodolog\u00eda integra soluciones inteligentes que optimizan sus procesos actuales y proyectan su marca a escala internacional. Desde la arquitectura de sistemas hasta la seguridad y entrega final, impulsamos el crecimiento que tu empresa necesita para dominar el mercado global.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab3916f e-con-full e-flex e-con e-child\" data-id=\"ab3916f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-37c345f e-con-full borde-pro e-flex e-con e-child\" data-id=\"37c345f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97a30ee elementor-widget elementor-widget-image\" data-id=\"97a30ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/codigofuente.webp\" class=\"attachment-large size-large wp-image-966\" alt=\"c\u00f3digo fuente\" srcset=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/codigofuente.webp 500w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/codigofuente-300x300.webp 300w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/codigofuente-150x150.webp 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8cae93 elementor-widget elementor-widget-heading\" data-id=\"d8cae93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Software Development<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43ad0d2 elementor-widget elementor-widget-text-editor\" data-id=\"43ad0d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span data-olk-copy-source=\"MessageBody\">Desarrollo de soluciones Web, Mobile y Smart TV Apps adaptadas a las necesidades del negocio.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-559c978 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"559c978\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ito.export.com.gt\/en\/software-development\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66169d2 e-con-full borde-pro e-flex e-con e-child\" data-id=\"66169d2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4e6faf elementor-widget elementor-widget-image\" data-id=\"b4e6faf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/usuario.webp\" class=\"attachment-large size-large wp-image-967\" alt=\"user\" srcset=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/usuario.webp 500w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/usuario-300x300.webp 300w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/usuario-150x150.webp 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f65e9fc elementor-widget elementor-widget-heading\" data-id=\"f65e9fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Staff Augmentation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c52485f elementor-widget elementor-widget-text-editor\" data-id=\"c52485f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span data-olk-copy-source=\"MessageBody\">Integraci\u00f3n de talento tecnol\u00f3gico especializado para fortalecer equipos y acelerar proyectos.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-502bd11 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"502bd11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ito.export.com.gt\/en\/staff-augmentation-y-nearshoring\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28074c4 e-con-full borde-pro e-flex e-con e-child\" data-id=\"28074c4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8136d7 elementor-widget elementor-widget-image\" data-id=\"b8136d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/cloudservices.webp\" class=\"attachment-large size-large wp-image-965\" alt=\"cloud services\" srcset=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/cloudservices.webp 500w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/cloudservices-300x300.webp 300w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/cloudservices-150x150.webp 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba03bcb elementor-widget elementor-widget-heading\" data-id=\"ba03bcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cloud Solutions &amp; DevOps<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf2daad elementor-widget elementor-widget-text-editor\" data-id=\"bf2daad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span data-olk-copy-source=\"MessageBody\">Implementaci\u00f3n y gesti\u00f3n de infraestructura cloud, automatizaci\u00f3n y operaciones para entornos escalables y eficientes.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b962ce1 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"b962ce1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ito.export.com.gt\/en\/cloud-devops\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb854e1 e-con-full e-flex e-con e-child\" data-id=\"eb854e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2cd2593 e-con-full borde-pro e-flex e-con e-child\" data-id=\"2cd2593\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5374efc elementor-widget elementor-widget-image\" data-id=\"5374efc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/saas.webp\" class=\"attachment-large size-large wp-image-968\" alt=\"SAAS\" srcset=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/saas.webp 500w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/saas-300x300.webp 300w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/saas-150x150.webp 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad563e8 elementor-widget elementor-widget-heading\" data-id=\"ad563e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Software as a Service (SaaS)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a71553 elementor-widget elementor-widget-text-editor\" data-id=\"3a71553\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span data-olk-copy-source=\"MessageBody\">Desarrollo y administraci\u00f3n de plataformas digitales escalables basadas en modelos de suscripci\u00f3n.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a47cef6 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"a47cef6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ito.export.com.gt\/en\/software-como-servicio-saas\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf94f6f e-con-full borde-pro e-flex e-con e-child\" data-id=\"cf94f6f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39191de elementor-widget elementor-widget-image\" data-id=\"39191de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/dataanalyst.webp\" class=\"attachment-large size-large wp-image-969\" alt=\"DATA\" srcset=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/dataanalyst.webp 500w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/dataanalyst-300x300.webp 300w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/dataanalyst-150x150.webp 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6e564b elementor-widget elementor-widget-heading\" data-id=\"e6e564b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Data Analytics &amp; Business Intelligence<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c44778 elementor-widget elementor-widget-text-editor\" data-id=\"7c44778\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span data-olk-copy-source=\"MessageBody\">Transformaci\u00f3n de datos en informaci\u00f3n estrat\u00e9gica para optimizar la toma de decisiones.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3162e36 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"3162e36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ito.export.com.gt\/en\/data-analytics-business-intelligence\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d489fa e-con-full borde-pro e-flex e-con e-child\" data-id=\"3d489fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d56a2f elementor-widget elementor-widget-image\" data-id=\"7d56a2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/QA.webp\" class=\"attachment-large size-large wp-image-973\" alt=\"QA\" srcset=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/QA.webp 500w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/QA-300x300.webp 300w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/QA-150x150.webp 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6de3938 elementor-widget elementor-widget-heading\" data-id=\"6de3938\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">QA &amp; Testing<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74f109e elementor-widget elementor-widget-text-editor\" data-id=\"74f109e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span data-olk-copy-source=\"MessageBody\">Validaci\u00f3n y aseguramiento de calidad para productos digitales, plataformas y aplicaciones.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4187f4d elementor-align-right elementor-widget elementor-widget-button\" data-id=\"4187f4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ito.export.com.gt\/en\/qa-testing\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f0c3fa e-con-full e-flex e-con e-child\" data-id=\"9f0c3fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0c38a43 e-con-full borde-pro e-flex e-con e-child\" data-id=\"0c38a43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfcdd10 elementor-widget elementor-widget-image\" data-id=\"bfcdd10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/robotica.webp\" class=\"attachment-large size-large wp-image-975\" alt=\"ROBOTICA\" srcset=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/robotica.webp 500w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/robotica-300x300.webp 300w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/robotica-150x150.webp 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95b260a elementor-widget elementor-widget-heading\" data-id=\"95b260a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Robotic Process Automation (RPA)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5680dd1 elementor-widget elementor-widget-text-editor\" data-id=\"5680dd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span data-olk-copy-source=\"MessageBody\">Automatizaci\u00f3n de procesos operativos para mejorar productividad y eficiencia empresarial.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-babe90a elementor-align-right elementor-widget elementor-widget-button\" data-id=\"babe90a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ito.export.com.gt\/en\/automatizacion-de-procesos-rpa\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17526a1 e-con-full borde-pro e-flex e-con e-child\" data-id=\"17526a1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f69b81 elementor-widget elementor-widget-image\" data-id=\"2f69b81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/ciberseguridad.webp\" class=\"attachment-large size-large wp-image-976\" alt=\"CIBERSEGURIDAD\" srcset=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/ciberseguridad.webp 500w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/ciberseguridad-300x300.webp 300w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/ciberseguridad-150x150.webp 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-117e47d elementor-widget elementor-widget-heading\" data-id=\"117e47d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cybersecurity<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5794cd elementor-widget elementor-widget-text-editor\" data-id=\"d5794cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span data-olk-copy-source=\"MessageBody\">Protecci\u00f3n de infraestructura, aplicaciones y datos mediante soluciones avanzadas\u00a0de seguridad digital.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8744a6b elementor-align-right elementor-widget elementor-widget-button\" data-id=\"8744a6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ito.export.com.gt\/en\/ciberseguridad\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b036054 e-con-full borde-pro e-flex e-con e-child\" data-id=\"b036054\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1c2206 elementor-widget elementor-widget-image\" data-id=\"b1c2206\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/crm.webp\" class=\"attachment-large size-large wp-image-977\" alt=\"CRM\" srcset=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/crm.webp 500w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/crm-300x300.webp 300w, https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/crm-150x150.webp 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e79eb1 elementor-widget elementor-widget-heading\" data-id=\"9e79eb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ERP &amp; CRM Solutions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b59e271 elementor-widget elementor-widget-text-editor\" data-id=\"b59e271\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span data-olk-copy-source=\"MessageBody\">Implementaci\u00f3n e integraci\u00f3n de soluciones empresariales para optimizar la gesti\u00f3n y relaci\u00f3n con\u00a0clientes.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a7ffd5 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"0a7ffd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ito.export.com.gt\/en\/soluciones-erp-crm\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leer m\u00e1s<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25fbe3b e-con-full e-flex e-con e-parent\" data-id=\"25fbe3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4e00bea e-flex e-con-boxed e-con e-child\" data-id=\"4e00bea\" 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-c1c5b51 elementor-widget elementor-widget-heading\" data-id=\"c1c5b51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sectores que <span class=\"palabra-color\"><b>Transformamos<\/b><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e30578b elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"e30578b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>En un mercado que no perdona la lentitud, la automatizaci\u00f3n por medio de tecnolog\u00eda es el motor que te permite <b data-path-to-node=\"5,1\" data-index-in-node=\"75\">moverte m\u00e1s r\u00e1pido, decidir con precisi\u00f3n y escalar tu valor<\/b> de forma exponencial. No importa tu industria; el futuro pertenece a quienes dejan de reaccionar y empiezan a optimizar.<\/p>\t\t\t\t\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<div class=\"elementor-element elementor-element-59d851b e-con-full e-flex e-con e-parent\" data-id=\"59d851b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1fbff7e e-flex e-con-boxed e-con e-child\" data-id=\"1fbff7e\" 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-f939690 elementor-widget elementor-widget-html\" data-id=\"f939690\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==================================================\n   CAROUSEL PREMIUM INDUSTRIAS - ELEMENTOR SAFE\n   Clase principal \u00fanica: .agx-industries-carousel\n================================================== *\/\n\n.agx-industries-carousel {\n  position: relative;\n  width: 100%;\n  padding: 60px 0 110px;\n  overflow: hidden;\n  font-family: poppins;\n}\n\n\/* Track *\/\n.agx-industries-carousel .agx-track {\n  display: flex;\n  gap: 24px;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  scroll-snap-type: x mandatory;\n  padding: 0 7%;\n  scrollbar-width: none;\n}\n\n.agx-industries-carousel .agx-track::-webkit-scrollbar {\n  display: none;\n}\n\n\/* Card *\/\n.agx-industries-carousel .agx-card {\n  position: relative;\n  flex: 0 0 280px;\n  height: 430px;\n  border-radius: 32px;\n  overflow: hidden;\n  scroll-snap-align: start;\n  background: #111;\n  isolation: isolate;\n  transform: translateZ(0);\n}\n\n\/* Imagen *\/\n.agx-industries-carousel .agx-card-img {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center;\n  transition: transform 700ms cubic-bezier(.2,.8,.2,1);\n  will-change: transform;\n}\n\n\/* Hover controlado: la imagen escala dentro del contenedor *\/\n.agx-industries-carousel .agx-card:hover .agx-card-img {\n  transform: scale(1.06);\n}\n\n\/* Overlay *\/\n.agx-industries-carousel .agx-card-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.42) 45%, rgba(0,0,0,.08) 100%);\n  z-index: 2;\n}\n\n\/* Texto *\/\n.agx-industries-carousel .agx-card-title {\n  position: absolute;\n  left: 28px;\n  right: 28px;\n  bottom: 30px;\n  z-index: 3;\n  color: #fff;\n  font-size: clamp(24px, 2vw, 34px);\n  line-height: 1.18;\n  font-weight: 500;\n  letter-spacing: -0.6px;\n  margin: 0;\n}\n\n\/* Timer *\/\n.agx-industries-carousel .agx-timer {\n  position: absolute;\n  left: 50%;\n  bottom: 72px;\n  transform: translateX(-55%);\n  display: flex;\n  gap: 12px;\n  width: min(420px, 70%);\n  z-index: 5;\n}\n\n.agx-industries-carousel .agx-timer-bar {\n  flex: 1;\n  height: 3px;\n  border-radius: 99px;\n  overflow: hidden;\n  margin-bottom: 8px;\n  background: rgba(120, 124, 135, .20);\n}\n\n.agx-industries-carousel .agx-timer-progress {\n  width: 0%;\n  height: 100%;\n  border-radius: inherit;\n  background: rgba(105, 110, 122, .85);\n}\n\n\/* Flechas *\/\n.agx-industries-carousel .agx-controls {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  transform: translateX(-67%);\n  display: flex;\n  gap: 18px;\n  z-index: 6;\n}\n\n.agx-industries-carousel .agx-arrow {\n  width: 58px;\n  height: 58px;\n  border: 0;\n  border-radius: 50%;\n  background: #f0f0f4;\n  color: #747984;\n  font-size: 28px;\n  line-height: 1;\n  cursor: pointer;\n  transition: transform .25s ease, background .25s ease, color .25s ease;\n}\n\n.agx-industries-carousel .agx-arrow:hover {\n  transform: translateY(-2px);\n  background: #e5e5ec;\n  color: #222;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  .agx-industries-carousel .agx-card {\n    flex-basis: 250px;\n    height: 390px;\n  }\n}\n\n@media (max-width: 767px) {\n  .agx-industries-carousel {\n    padding: 35px 0 55px;\n  }\n\n  .agx-industries-carousel .agx-track {\n    padding: 0 20px;\n    gap: 16px;\n  }\n\n  .agx-industries-carousel .agx-card {\n    flex-basis: 78vw;\n    height: 390px;\n    border-radius: 28px;\n  }\n\n  .agx-industries-carousel .agx-controls {\n    display: none;\n  }\n\n  .agx-industries-carousel .agx-timer {\n    bottom: 18px;\n    width: 72%;\n  }\n}\n<\/style>\n\n<div class=\"agx-industries-carousel\" data-agx-carousel>\n  <div class=\"agx-track\">\n\n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/sector-financiero.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Banca & Servicios<\/h3>\n    <\/article>\n\n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/manufacturas.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Manufactura e Industria<\/h3>\n    <\/article>\n\n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/agroindustria.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Agroindustria y Exportaci\u00f3n<\/h3>\n    <\/article>\n\n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/servicios-profesionales.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Servicios Profesionales (B2B Services)<\/h3>\n    <\/article>\n\n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/retail.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Retail y Comercio<\/h3>\n    <\/article>\n\n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/bienes-raices.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Bienes Ra\u00edces y Construcci\u00f3n <\/h3>\n    <\/article>\n\n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/horecas.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">HORECA (Hoteles, Restaurantes y Catering)<\/h3>\n    <\/article>\n\n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/turismo.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Turismo y Hospitalidad<\/h3>\n    <\/article>\n    \n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/logi\u0301stica-y-transporte.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Log\u00edstica y Transporte<\/h3>\n    <\/article>\n    \n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/medios-y-entretenimiento.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Medios y Entretenimiento  <\/h3>\n    <\/article>\n    \n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/sector-salud.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Salud  <\/h3>\n    <\/article>\n\n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/information-technology-outsourcing-ITO.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Tecnolog\u00eda<\/h3>\n    <\/article>\n    \n    <article class=\"agx-card\">\n      <div class=\"agx-card-img\" style=\"background-image:url('https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/05\/sector-publico.webp');\"><\/div>\n      <div class=\"agx-card-overlay\"><\/div>\n      <h3 class=\"agx-card-title\">Sector P\u00fablico y Gobierno Digital<\/h3>\n    <\/article>\n\n  <\/div>\n\n  <div class=\"agx-timer\"><\/div>\n\n  <div class=\"agx-controls\">\n    <button class=\"agx-arrow agx-prev\" type=\"button\" aria-label=\"Anterior\">\u2039<\/button>\n    <button class=\"agx-arrow agx-next\" type=\"button\" aria-label=\"Siguiente\">\u203a<\/button>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  const carousels = document.querySelectorAll('[data-agx-carousel]');\n\n  carousels.forEach((carousel) => {\n    const track = carousel.querySelector('.agx-track');\n    const cards = carousel.querySelectorAll('.agx-card');\n    const timerWrap = carousel.querySelector('.agx-timer');\n    const btnPrev = carousel.querySelector('.agx-prev');\n    const btnNext = carousel.querySelector('.agx-next');\n\n    let currentIndex = 0;\n    let autoplay = null;\n    let progressAnimation = null;\n    const duration = 4500;\n\n    if (!track || !cards.length || !timerWrap) return;\n\n    \/* Crear barras seg\u00fan cantidad de slides *\/\n    cards.forEach(() => {\n      const bar = document.createElement('div');\n      bar.className = 'agx-timer-bar';\n\n      const progress = document.createElement('div');\n      progress.className = 'agx-timer-progress';\n\n      bar.appendChild(progress);\n      timerWrap.appendChild(bar);\n    });\n\n    const progresses = carousel.querySelectorAll('.agx-timer-progress');\n\n    function getCardStep() {\n      const firstCard = cards[0];\n      const styles = window.getComputedStyle(track);\n      const gap = parseFloat(styles.columnGap || styles.gap || 0);\n      return firstCard.offsetWidth + gap;\n    }\n\n    function resetProgress() {\n      progresses.forEach((item) => {\n        item.style.width = '0%';\n      });\n\n      if (progressAnimation) {\n        cancelAnimationFrame(progressAnimation);\n        progressAnimation = null;\n      }\n    }\n\n    function animateProgress(index) {\n      let startTime = null;\n\n      function frame(timestamp) {\n        if (!startTime) startTime = timestamp;\n\n        const elapsed = timestamp - startTime;\n        const percentage = Math.min((elapsed \/ duration) * 100, 100);\n\n        if (progresses[index]) {\n          progresses[index].style.width = percentage + '%';\n        }\n\n        if (elapsed < duration) {\n          progressAnimation = requestAnimationFrame(frame);\n        }\n      }\n\n      progressAnimation = requestAnimationFrame(frame);\n    }\n\n    function goTo(index) {\n      currentIndex = (index + cards.length) % cards.length;\n\n      track.scrollTo({\n        left: getCardStep() * currentIndex,\n        behavior: 'smooth'\n      });\n\n      resetProgress();\n      animateProgress(currentIndex);\n    }\n\n    function startAutoplay() {\n      stopAutoplay();\n      autoplay = setInterval(() => {\n        goTo(currentIndex + 1);\n      }, duration);\n    }\n\n    function stopAutoplay() {\n      if (autoplay) {\n        clearInterval(autoplay);\n        autoplay = null;\n      }\n    }\n\n    btnNext?.addEventListener('click', () => {\n      stopAutoplay();\n      goTo(currentIndex + 1);\n      startAutoplay();\n    });\n\n    btnPrev?.addEventListener('click', () => {\n      stopAutoplay();\n      goTo(currentIndex - 1);\n      startAutoplay();\n    });\n\n    carousel.addEventListener('mouseenter', stopAutoplay);\n    carousel.addEventListener('mouseleave', startAutoplay);\n\n    window.addEventListener('resize', () => {\n      goTo(currentIndex);\n    });\n\n    goTo(0);\n    startAutoplay();\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d668d58 e-con-full e-flex e-con e-parent\" data-id=\"d668d58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0d9ad75 e-con-full e-flex e-con e-child\" data-id=\"0d9ad75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a9fba9 elementor-widget elementor-widget-heading\" data-id=\"5a9fba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Las empresas que <span class=\"palabra-color\"><b>Redefinen<\/b><\/span><br>tu forma de crecer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffd8681 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"ffd8681\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>M\u00e1s de 90 empresas asociadas especializadas para crear soluciones tecnol\u00f3gicas que optimizar\u00e1n los procesos de tu empresa, impulsando la internacionalizaci\u00f3n y generando m\u00e1s negocios efectivos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d06304 e-con-full e-flex e-con e-parent\" data-id=\"0d06304\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-51cc26c e-con-full e-flex e-con e-child\" data-id=\"51cc26c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca7d79d elementor-widget elementor-widget-html\" data-id=\"ca7d79d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==================================================\n   SLIDER MARCAS PRO - AGX\n================================================== *\/\n.agx-brands {\n  position: relative;\n  overflow: hidden;\n  padding: 40px 0;\n}\n\/* Fade lateral elegante *\/\n.agx-brands::before,\n.agx-brands::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  width: 120px;\n  height: 100%;\n  z-index: 2;\n  pointer-events: none;\n}\n.agx-brands::before {\n  left: 0;\n  background: linear-gradient(to right, #F9FBFD 0%, transparent 100%);\n}\n.agx-brands::after {\n  right: 0;\n  background: linear-gradient(to left, #F9FBFD 0%, transparent 100%);\n}\n\/* Track *\/\n.agx-brands-track {\n  display: flex;\n  width: max-content;\n  animation: agx-scroll 30s linear infinite;\n  gap: 60px;\n  align-items: center;\n}\n\/* ITEM *\/\n.agx-brand {\n  flex: 0 0 auto;\n  opacity: 0.6;\n  filter: grayscale(100%);\n  transition: all 0.4s ease;\n}\n\/* LOGO *\/\n.agx-brand img {\n  height: 100px;\n  width: auto;\n  object-fit: contain;\n}\n\/* HOVER *\/\n.agx-brand:hover {\n  opacity: 1;\n  filter: grayscale(0%);\n  transform: scale(1.05);\n}\n\/* PAUSE ON HOVER *\/\n.agx-brands:hover .agx-brands-track {\n  animation-play-state: paused;\n}\n\/* ANIMATION *\/\n@keyframes agx-scroll {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(-50%);\n  }\n}\n\/* RESPONSIVE *\/\n@media(max-width:768px){\n  .agx-brands-track {\n    gap: 20px;\n    animation-duration: 20s;\n  }\n  .agx-brand img {\n    height: 80px;\n  }\n}\n<\/style>\n<div class=\"agx-brands\">\n  <div class=\"agx-brands-track\">\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/wotdev.webp\" alt=\"wotdev\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/tribal.webp\" alt=\"tribal\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/IUNGO.webp\" alt=\"iungo\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/hyco.webp\" alt=\"hyco\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/esconsulting.webp\" alt=\"esconsulting\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/devel.webp\" alt=\"devel\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/consystec.webp\" alt=\"consystec\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/ciancoders.webp\" alt=\"ciancoders\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/bowpi.webp\" alt=\"bowpi\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/BDG.webp\" alt=\"bdg\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/allied.webp\" alt=\"allied\"><\/div>\n\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/wotdev.webp\" alt=\"wotdev\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/tribal.webp\" alt=\"tribal\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/IUNGO.webp\" alt=\"iungo\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/hyco.webp\" alt=\"hyco\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/esconsulting.webp\" alt=\"esconsulting\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/devel.webp\" alt=\"devel\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/consystec.webp\" alt=\"consystec\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/ciancoders.webp\" alt=\"ciancoders\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/bowpi.webp\" alt=\"bowpi\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/BDG.webp\" alt=\"bdg\"><\/div>\n    <div class=\"agx-brand\"><img decoding=\"async\" src=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/allied.webp\" alt=\"allied\"><\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d130487 e-con-full e-flex e-con e-parent\" data-id=\"d130487\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-62ec0c7 e-con-full e-flex e-con e-child\" data-id=\"62ec0c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3366759 elementor-widget elementor-widget-html\" data-id=\"3366759\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================== -->\n<!-- SECCI\u00d3N: PROCESO DE DESARROLLO - INTEGRABLE EN ELEMENTOR (HTML WIDGET) -->\n<!-- Todo el c\u00f3digo est\u00e1 aislado bajo el namespace .pds-* para evitar conflictos -->\n<!-- ============================================== -->\n\n<style>\n\n  \/* ===== Reset local & tokens ===== *\/\n  .pds-section, .pds-section *, .pds-section *::before, .pds-section *::after {\n    box-sizing: border-box;\n  }\n\n  .pds-section {\n    --pds-bg: #050608;\n    --pds-bg-elev: #0a0b0f;\n    --pds-surface: #0d0f14;\n    --pds-border: rgba(120, 140, 200, 0.12);\n    --pds-border-strong: rgba(120, 140, 200, 0.28);\n    --pds-text: #e8ecf5;\n    --pds-text-dim: #8a93ab;\n    --pds-text-muted: #5a6485;\n    --pds-accent: #FF6B00;\n    --pds-accent-2: #FFA559;\n    --pds-accent-glow: rgba(255, 107, 0, 0.35);\n    --pds-grid-line: rgba(120, 140, 200, 0.05);\n\n    position: relative;\n    width: 100%;\n    padding: clamp(60px, 8vw, 120px) clamp(20px, 5vw, 60px);\n    background: var(--pds-bg);\n    color: var(--pds-text);\n    font-family: poppins;\n    overflow: hidden;\n    isolation: isolate;\n  }\n\n  \/* Grid de fondo tipo blueprint *\/\n  .pds-section::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(var(--pds-grid-line) 1px, transparent 1px),\n      linear-gradient(90deg, var(--pds-grid-line) 1px, transparent 1px);\n    background-size: 60px 60px;\n    mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);\n    -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  \/* Glow ambiental *\/\n  .pds-section::after {\n    content: '';\n    position: absolute;\n    top: -20%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80%;\n    height: 600px;\n    background: radial-gradient(ellipse, rgba(255, 107, 0, 0.18), transparent 60%);\n    pointer-events: none;\n    z-index: 0;\n    filter: blur(60px);\n  }\n\n  .pds-container {\n    position: relative;\n    max-width: 1280px;\n    margin: 0 auto;\n    z-index: 1;\n  }\n\n  \/* ===== Header ===== *\/\n  .pds-header {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    margin-bottom: clamp(40px, 6vw, 80px);\n    gap: 20px;\n  }\n\n  .pds-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 16px;\n    border: 1px solid var(--pds-border-strong);\n    border-radius: 100px;\n    font-family: 'JetBrains Mono', 'Courier New', monospace;\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--pds-accent);\n    background: rgba(255, 107, 0, 0.06);\n  }\n\n  .pds-eyebrow::before {\n    content: '';\n    width: 6px;\n    height: 6px;\n    background: var(--pds-accent);\n    border-radius: 50%;\n    box-shadow: 0 0 12px var(--pds-accent-glow);\n    animation: pds-pulse 2s ease-in-out infinite;\n  }\n\n  @keyframes pds-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.5; transform: scale(0.85); }\n  }\n\n  .pds-title {\n    font-family: poppins;\n    font-size: clamp(32px, 5vw, 56px);\n    font-weight: 700;\n    line-height: 1.05;\n    letter-spacing: -0.03em;\n    margin: 0;\n    max-width: 900px;\n    background: linear-gradient(180deg, #ffffff 0%, #b4bccf 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .pds-title .pds-accent-text {\n    display: inline-block;\n    background: linear-gradient(120deg, var(--pds-accent) 0%, var(--pds-accent-2) 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n    font-style: italic;\n    padding-right: 0.15em;\n    margin-right: -0.05em;\n  }\n\n  .pds-subtitle {\n    font-size: clamp(15px, 1.4vw, 17px);\n    color: var(--pds-text-dim);\n    max-width: 620px;\n    line-height: 1.6;\n    margin: 0;\n  }\n\n  \/* ===== Layout de proceso ===== *\/\n  .pds-process {\n    display: grid;\n    grid-template-columns: 320px 1fr;\n    gap: 40px;\n    align-items: start;\n  }\n\n  \/* ===== Steps Navigation ===== *\/\n  .pds-steps {\n    position: sticky;\n    top: 30px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .pds-step {\n    position: relative;\n    display: grid;\n    grid-template-columns: 56px 1fr;\n    gap: 16px;\n    align-items: center;\n    padding: 18px 20px;\n    background: transparent;\n    border: 1px solid transparent;\n    border-radius: 14px;\n    cursor: pointer;\n    text-align: left;\n    color: var(--pds-text-dim);\n    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n    font-family: inherit;\n    width: 100%;\n  }\n\n  .pds-step:hover {\n    background: var(--pds-bg-elev);\n    border-color: var(--pds-border);\n    color: var(--pds-text);\n  }\n\n  .pds-step.is-active {\n    background: linear-gradient(135deg, rgba(255, 107, 0, 0.08) 0%, rgba(255, 165, 89, 0.04) 100%);\n    border-color: var(--pds-border-strong);\n    color: var(--pds-text);\n  }\n\n  .pds-step-num {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    border: 1px solid var(--pds-border);\n    border-radius: 12px;\n    font-family: 'JetBrains Mono', 'Courier New', monospace;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--pds-text-dim);\n    background: var(--pds-bg-elev);\n    transition: all 0.4s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .pds-step.is-active .pds-step-num {\n    border-color: var(--pds-accent);\n    color: var(--pds-accent);\n    background: rgba(255, 107, 0, 0.08);\n    box-shadow: 0 0 0 4px rgba(255, 107, 0, 0.1), 0 0 20px var(--pds-accent-glow);\n  }\n\n  .pds-step-num::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, transparent 30%, rgba(255, 107, 0, 0.25) 50%, transparent 70%);\n    transform: translateX(-100%);\n    transition: transform 0.6s ease;\n  }\n\n  .pds-step.is-active .pds-step-num::after {\n    transform: translateX(100%);\n  }\n\n  .pds-step-info {\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n  }\n\n  .pds-step-label {\n    font-family: 'JetBrains Mono', 'Courier New', monospace;\n    font-size: 10.5px;\n    font-weight: 500;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--pds-text-muted);\n  }\n\n  .pds-step.is-active .pds-step-label {\n    color: var(--pds-accent);\n  }\n\n  .pds-step-title {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    font-size: 15px;\n    font-weight: 600;\n    letter-spacing: -0.01em;\n  }\n\n  \/* L\u00ednea conectora entre steps *\/\n  .pds-step:not(:last-child)::before {\n    content: '';\n    position: absolute;\n    left: 47px;\n    top: 78px;\n    width: 1px;\n    height: calc(100% - 60px);\n    background: linear-gradient(180deg, var(--pds-border) 0%, transparent 100%);\n    pointer-events: none;\n  }\n\n  \/* ===== Panel de contenido ===== *\/\n  .pds-panel {\n    position: relative;\n    min-height: 520px;\n    background: linear-gradient(160deg, var(--pds-surface) 0%, var(--pds-bg-elev) 100%);\n    border: 1px solid var(--pds-border);\n    border-radius: 20px;\n    overflow: hidden;\n  }\n\n  \/* Decorative corner brackets *\/\n  .pds-panel::before,\n  .pds-panel::after {\n    content: '';\n    position: absolute;\n    width: 24px;\n    height: 24px;\n    border-color: var(--pds-accent);\n    pointer-events: none;\n  }\n\n  .pds-panel::before {\n    top: 16px;\n    right: 16px;\n    border-top: 1px solid;\n    border-right: 1px solid;\n  }\n\n  .pds-panel::after {\n    bottom: 16px;\n    left: 16px;\n    border-bottom: 1px solid;\n    border-left: 1px solid;\n  }\n\n  .pds-content {\n    display: none;\n    padding: clamp(28px, 4vw, 48px);\n    animation: pds-fadeIn 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n  }\n\n  .pds-content.is-active {\n    display: block;\n  }\n\n  @keyframes pds-fadeIn {\n    from { opacity: 0; transform: translateY(12px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Header del contenido *\/\n  .pds-content-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    margin-bottom: 32px;\n    padding-bottom: 24px;\n    border-bottom: 1px dashed var(--pds-border);\n    flex-wrap: wrap;\n  }\n\n  .pds-content-meta {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .pds-content-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'JetBrains Mono', 'Courier New', monospace;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--pds-accent);\n  }\n\n  .pds-content-tag span {\n    color: var(--pds-text-muted);\n  }\n\n  .pds-content-title {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    font-size: clamp(24px, 3vw, 32px);\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: -0.02em;\n    margin: 0;\n    color: var(--pds-text);\n  }\n\n  .pds-content-subtitle {\n    font-size: 15px;\n    color: var(--pds-text-dim);\n    line-height: 1.6;\n    margin: 8px 0 0;\n    max-width: 580px;\n  }\n\n  .pds-content-icon {\n    flex-shrink: 0;\n    width: 64px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255, 107, 0, 0.08);\n    border: 1px solid var(--pds-border-strong);\n    border-radius: 14px;\n    color: var(--pds-accent);\n  }\n\n  .pds-content-icon svg {\n    width: 28px;\n    height: 28px;\n  }\n\n  \/* ===== Lista de deliverables ===== *\/\n  .pds-deliverables {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n    gap: 12px;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  .pds-deliverable {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 16px 18px;\n    background: var(--pds-bg);\n    border: 1px solid var(--pds-border);\n    border-radius: 12px;\n    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n    overflow: hidden;\n    opacity: 0;\n    transform: translateY(8px);\n    animation: pds-slideIn 0.5s ease forwards;\n  }\n\n  .pds-content.is-active .pds-deliverable:nth-child(1) { animation-delay: 0.1s; }\n  .pds-content.is-active .pds-deliverable:nth-child(2) { animation-delay: 0.18s; }\n  .pds-content.is-active .pds-deliverable:nth-child(3) { animation-delay: 0.26s; }\n  .pds-content.is-active .pds-deliverable:nth-child(4) { animation-delay: 0.34s; }\n  .pds-content.is-active .pds-deliverable:nth-child(5) { animation-delay: 0.42s; }\n\n  @keyframes pds-slideIn {\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .pds-deliverable:hover {\n    border-color: var(--pds-accent);\n    background: linear-gradient(135deg, rgba(255, 107, 0, 0.06) 0%, transparent 100%);\n    transform: translateY(-2px);\n  }\n\n  .pds-deliverable::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    width: 3px;\n    height: 0;\n    background: var(--pds-accent);\n    transform: translateY(-50%);\n    transition: height 0.3s ease;\n    border-radius: 0 3px 3px 0;\n  }\n\n  .pds-deliverable:hover::before {\n    height: 60%;\n  }\n\n  .pds-check {\n    flex-shrink: 0;\n    width: 22px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--pds-border-strong);\n    border-radius: 6px;\n    background: var(--pds-bg-elev);\n    color: var(--pds-accent);\n    transition: all 0.3s ease;\n  }\n\n  .pds-deliverable:hover .pds-check {\n    background: var(--pds-accent);\n    color: var(--pds-bg);\n    border-color: var(--pds-accent);\n    box-shadow: 0 0 12px var(--pds-accent-glow);\n  }\n\n  .pds-check svg {\n    width: 12px;\n    height: 12px;\n  }\n\n  .pds-deliverable-text {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--pds-text);\n    letter-spacing: -0.005em;\n  }\n\n  \/* ===== Progress bar ===== *\/\n  .pds-progress {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: var(--pds-border);\n  }\n\n  .pds-progress-bar {\n    height: 100%;\n    background: linear-gradient(90deg, var(--pds-accent) 0%, var(--pds-accent-2) 100%);\n    width: 20%;\n    transition: width 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n    box-shadow: 0 0 12px var(--pds-accent-glow);\n  }\n\n  \/* ===== Responsive ===== *\/\n  @media (max-width: 900px) {\n    .pds-process {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n\n    .pds-steps {\n      position: relative;\n      top: 0;\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 8px;\n    }\n\n    .pds-step {\n      padding: 12px 14px;\n      grid-template-columns: 40px 1fr;\n      gap: 12px;\n      min-height: 64px;\n    }\n\n    \/* La quinta fase ocupa todo el ancho *\/\n    .pds-step:nth-child(5) {\n      grid-column: 1 \/ -1;\n    }\n\n    .pds-step:not(:last-child)::before {\n      display: none;\n    }\n\n    .pds-step-num {\n      width: 40px;\n      height: 40px;\n      font-size: 13px;\n      border-radius: 10px;\n    }\n\n    .pds-step-label {\n      font-size: 9.5px;\n    }\n\n    .pds-step-title {\n      font-size: 13px;\n      line-height: 1.25;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .pds-steps {\n      grid-template-columns: 1fr;\n    }\n\n    .pds-step:nth-child(5) {\n      grid-column: auto;\n    }\n\n    .pds-step {\n      min-height: auto;\n    }\n\n    .pds-content-header {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    .pds-deliverables {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  \/* Reduced motion *\/\n  @media (prefers-reduced-motion: reduce) {\n    .pds-section *, .pds-section *::before, .pds-section *::after {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n<\/style>\n\n<section class=\"pds-section\" aria-label=\"Nuestro proceso de desarrollo\">\n  <div class=\"pds-container\">\n\n    <!-- HEADER -->\n    <header class=\"pds-header\">\n      <span class=\"pds-eyebrow\">Metodolog\u00eda \u00b7 Proceso end-to-end<\/span>\n      <h2 class=\"pds-title\">\n        C\u00f3mo construimos software <span class=\"pds-accent-text\">que escala<\/span>\n      <\/h2>\n      <p class=\"pds-subtitle\">\n        Un proceso probado que va desde la idea hasta la operaci\u00f3n continua. Cinco fases pensadas para entregar valor real, sin fricci\u00f3n y con tecnolog\u00eda de punta.\n      <\/p>\n    <\/header>\n\n    <!-- PROCESS -->\n    <div class=\"pds-process\">\n\n      <!-- STEPS NAV -->\n      <nav class=\"pds-steps\" role=\"tablist\" aria-label=\"Fases del proceso\">\n        <button class=\"pds-step is-active\" role=\"tab\" aria-selected=\"true\" data-pds-step=\"1\">\n          <span class=\"pds-step-num\">01<\/span>\n          <span class=\"pds-step-info\">\n            <span class=\"pds-step-label\">Fase 01<\/span>\n            <span class=\"pds-step-title\">Concepto &amp; Estrategia<\/span>\n          <\/span>\n        <\/button>\n\n        <button class=\"pds-step\" role=\"tab\" aria-selected=\"false\" data-pds-step=\"2\">\n          <span class=\"pds-step-num\">02<\/span>\n          <span class=\"pds-step-info\">\n            <span class=\"pds-step-label\">Fase 02<\/span>\n            <span class=\"pds-step-title\">Desarrollo &amp; Construcci\u00f3n<\/span>\n          <\/span>\n        <\/button>\n\n        <button class=\"pds-step\" role=\"tab\" aria-selected=\"false\" data-pds-step=\"3\">\n          <span class=\"pds-step-num\">03<\/span>\n          <span class=\"pds-step-info\">\n            <span class=\"pds-step-label\">Fase 03<\/span>\n            <span class=\"pds-step-title\">Implementaci\u00f3n &amp; Activaci\u00f3n<\/span>\n          <\/span>\n        <\/button>\n\n        <button class=\"pds-step\" role=\"tab\" aria-selected=\"false\" data-pds-step=\"4\">\n          <span class=\"pds-step-num\">04<\/span>\n          <span class=\"pds-step-info\">\n            <span class=\"pds-step-label\">Fase 04<\/span>\n            <span class=\"pds-step-title\">Operaci\u00f3n &amp; Soporte<\/span>\n          <\/span>\n        <\/button>\n\n        <button class=\"pds-step\" role=\"tab\" aria-selected=\"false\" data-pds-step=\"5\">\n          <span class=\"pds-step-num\">05<\/span>\n          <span class=\"pds-step-info\">\n            <span class=\"pds-step-label\">Fase 05<\/span>\n            <span class=\"pds-step-title\">Evoluci\u00f3n &amp; Escalabilidad<\/span>\n          <\/span>\n        <\/button>\n      <\/nav>\n\n      <!-- PANEL -->\n      <div class=\"pds-panel\">\n        <div class=\"pds-progress\">\n          <div class=\"pds-progress-bar\" id=\"pds-progressBar\"><\/div>\n        <\/div>\n\n        <!-- CONTENT 1 -->\n        <article class=\"pds-content is-active\" data-pds-content=\"1\" role=\"tabpanel\">\n          <div class=\"pds-content-header\">\n            <div class=\"pds-content-meta\">\n              <span class=\"pds-content-tag\">\/\/ Fase_01 <span>\u00b7<\/span> Discovery<\/span>\n              <h3 class=\"pds-content-title\">Concepto &amp; Estrategia<\/h3>\n              <p class=\"pds-content-subtitle\">Definici\u00f3n de la idea y validaci\u00f3n de negocio. Aqu\u00ed transformamos visi\u00f3n en un plan ejecutable.<\/p>\n            <\/div>\n            <div class=\"pds-content-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M9.66 18a4 4 0 0 1-1.5-3.13c0-2.91 4.5-5.74 4.5-8.74a3 3 0 0 0-6 0c0 1.5.5 2.5 1.5 3.5\"\/>\n                <path d=\"M14.34 18a4 4 0 0 0 1.5-3.13c0-2.91-4.5-5.74-4.5-8.74\"\/>\n                <line x1=\"9\" y1=\"22\" x2=\"15\" y2=\"22\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <ul class=\"pds-deliverables\">\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Discovery de producto<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Definici\u00f3n de alcance<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">UX\/UI inicial<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Roadmap tecnol\u00f3gico<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Validaci\u00f3n de mercado<\/span>\n            <\/li>\n          <\/ul>\n        <\/article>\n\n        <!-- CONTENT 2 -->\n        <article class=\"pds-content\" data-pds-content=\"2\" role=\"tabpanel\">\n          <div class=\"pds-content-header\">\n            <div class=\"pds-content-meta\">\n              <span class=\"pds-content-tag\">\/\/ Fase_02 <span>\u00b7<\/span> Build<\/span>\n              <h3 class=\"pds-content-title\">Desarrollo &amp; Construcci\u00f3n<\/h3>\n              <p class=\"pds-content-subtitle\">Creaci\u00f3n de la soluci\u00f3n tecnol\u00f3gica con est\u00e1ndares enterprise y arquitectura preparada para escalar.<\/p>\n            <\/div>\n            <div class=\"pds-content-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"16 18 22 12 16 6\"\/>\n                <polyline points=\"8 6 2 12 8 18\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <ul class=\"pds-deliverables\">\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Desarrollo a la medida (web, mobile, SaaS)<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Integraciones (ERP, CRM, APIs)<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Arquitectura cloud<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">QA y testing<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Implementaci\u00f3n de IA (seg\u00fan necesidad)<\/span>\n            <\/li>\n          <\/ul>\n        <\/article>\n\n        <!-- CONTENT 3 -->\n        <article class=\"pds-content\" data-pds-content=\"3\" role=\"tabpanel\">\n          <div class=\"pds-content-header\">\n            <div class=\"pds-content-meta\">\n              <span class=\"pds-content-tag\">\/\/ Fase_03 <span>\u00b7<\/span> Launch<\/span>\n              <h3 class=\"pds-content-title\">Implementaci\u00f3n &amp; Activaci\u00f3n<\/h3>\n              <p class=\"pds-content-subtitle\">Puesta en marcha y adopci\u00f3n. Llevamos la soluci\u00f3n a producci\u00f3n con cero fricci\u00f3n para tu equipo.<\/p>\n            <\/div>\n            <div class=\"pds-content-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/>\n                <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/>\n                <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/>\n                <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <ul class=\"pds-deliverables\">\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Deployment<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Migraci\u00f3n de datos<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Configuraci\u00f3n de plataformas<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Capacitaci\u00f3n de equipos<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Acompa\u00f1amiento en lanzamiento<\/span>\n            <\/li>\n          <\/ul>\n        <\/article>\n\n        <!-- CONTENT 4 -->\n        <article class=\"pds-content\" data-pds-content=\"4\" role=\"tabpanel\">\n          <div class=\"pds-content-header\">\n            <div class=\"pds-content-meta\">\n              <span class=\"pds-content-tag\">\/\/ Fase_04 <span>\u00b7<\/span> Operate<\/span>\n              <h3 class=\"pds-content-title\">Operaci\u00f3n &amp; Soporte<\/h3>\n              <p class=\"pds-content-subtitle\">Continuidad y estabilidad del servicio. Tu plataforma protegida, monitoreada y siempre disponible.<\/p>\n            <\/div>\n            <div class=\"pds-content-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                <path d=\"m9 12 2 2 4-4\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <ul class=\"pds-deliverables\">\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Soporte t\u00e9cnico<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Monitoreo<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Gesti\u00f3n de incidentes<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Ciberseguridad<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Optimizaci\u00f3n de performance<\/span>\n            <\/li>\n          <\/ul>\n        <\/article>\n\n        <!-- CONTENT 5 -->\n        <article class=\"pds-content\" data-pds-content=\"5\" role=\"tabpanel\">\n          <div class=\"pds-content-header\">\n            <div class=\"pds-content-meta\">\n              <span class=\"pds-content-tag\">\/\/ Fase_05 <span>\u00b7<\/span> Scale<\/span>\n              <h3 class=\"pds-content-title\">Evoluci\u00f3n &amp; Escalabilidad<\/h3>\n              <p class=\"pds-content-subtitle\">Mejora continua y crecimiento. Llevamos tu producto al siguiente nivel con datos, IA y nuevas tecnolog\u00edas.<\/p>\n            <\/div>\n            <div class=\"pds-content-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/>\n                <polyline points=\"16 7 22 7 22 13\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <ul class=\"pds-deliverables\">\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Nuevas funcionalidades<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Automatizaci\u00f3n de procesos<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Anal\u00edtica y data<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Escalabilidad cloud<\/span>\n            <\/li>\n            <li class=\"pds-deliverable\">\n              <span class=\"pds-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span class=\"pds-deliverable-text\">Innovaci\u00f3n (IA, nuevas tecnolog\u00edas)<\/span>\n            <\/li>\n          <\/ul>\n        <\/article>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  'use strict';\n\n  var section = document.currentScript.previousElementSibling;\n  \/\/ Fallback por si el script se reposiciona en Elementor\n  if (!section || !section.classList || !section.classList.contains('pds-section')) {\n    section = document.querySelector('.pds-section');\n  }\n  if (!section) return;\n\n  var steps = section.querySelectorAll('.pds-step');\n  var contents = section.querySelectorAll('.pds-content');\n  var progressBar = section.querySelector('#pds-progressBar');\n  var totalSteps = steps.length;\n\n  function activate(stepNum) {\n    steps.forEach(function(s) {\n      var isMatch = s.getAttribute('data-pds-step') === String(stepNum);\n      s.classList.toggle('is-active', isMatch);\n      s.setAttribute('aria-selected', isMatch ? 'true' : 'false');\n    });\n\n    contents.forEach(function(c) {\n      var isMatch = c.getAttribute('data-pds-content') === String(stepNum);\n      c.classList.toggle('is-active', isMatch);\n    });\n\n    if (progressBar) {\n      progressBar.style.width = (stepNum \/ totalSteps * 100) + '%';\n    }\n  }\n\n  steps.forEach(function(step) {\n    step.addEventListener('click', function() {\n      var num = this.getAttribute('data-pds-step');\n      activate(num);\n\n      \/\/ En m\u00f3vil, hace scroll suave al panel de contenido\n      if (window.innerWidth <= 900) {\n        var panel = section.querySelector('.pds-panel');\n        if (panel) {\n          var rect = panel.getBoundingClientRect();\n          var offset = window.pageYOffset + rect.top - 20;\n          window.scrollTo({ top: offset, behavior: 'smooth' });\n        }\n      }\n    });\n\n    \/\/ Accesibilidad por teclado\n    step.addEventListener('keydown', function(e) {\n      var current = parseInt(this.getAttribute('data-pds-step'), 10);\n      var next = current;\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {\n        e.preventDefault();\n        next = current < totalSteps ? current + 1 : 1;\n      } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\n        e.preventDefault();\n        next = current > 1 ? current - 1 : totalSteps;\n      }\n\n      if (next !== current) {\n        activate(next);\n        var target = section.querySelector('[data-pds-step=\"' + next + '\"]');\n        if (target) target.focus();\n      }\n    });\n  });\n\n  \/\/ Inicializar progress bar\n  activate(1);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ideamos, desarrollamos e implementamos soluciones tecnol\u00f3gicas escalables La Comisi\u00f3n de Tecnolog\u00eda (ITO) de AGEXPORT impulsa la internacionalizaci\u00f3n de empresas guatemaltecas que ofrecen servicios tecnol\u00f3gicos, facilitando su acceso a mercados internacionales, el fortalecimiento de sus capacidades y la generaci\u00f3n de oportunidades de negocio. Conoce nuestros servicios Accede a +mercadosy genera negocios Lleva a tu empresa m\u00e1s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":147,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-589","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ITO - ITO de AGEXPORT<\/title>\n<meta name=\"description\" content=\"Conecta con empresas L\u00edderes de Outsourcing de TI en Guatemala. Talento certificado en desarrollo de software y transformaci\u00f3n digital.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ito.export.com.gt\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ITO - ITO de AGEXPORT\" \/>\n<meta property=\"og:description\" content=\"Conecta con empresas L\u00edderes de Outsourcing de TI en Guatemala. Talento certificado en desarrollo de software y transformaci\u00f3n digital.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ito.export.com.gt\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"ITO de AGEXPORT\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/agexport\/?locale=es_LA\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-14T23:05:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/ITO-AGEXPORT@4x.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"190\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@AGEXPORTGT\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"26 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/\",\"url\":\"https:\\\/\\\/ito.export.com.gt\\\/\",\"name\":\"ITO - ITO de AGEXPORT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ito.export.com.gt\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ITO-AGEXPORT@4x.webp\",\"datePublished\":\"2026-04-29T16:45:14+00:00\",\"dateModified\":\"2026-07-14T23:05:20+00:00\",\"description\":\"Conecta con empresas L\u00edderes de Outsourcing de TI en Guatemala. Talento certificado en desarrollo de software y transformaci\u00f3n digital.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ito.export.com.gt\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ito.export.com.gt\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ITO-AGEXPORT@4x.webp\",\"contentUrl\":\"https:\\\/\\\/ito.export.com.gt\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ITO-AGEXPORT@4x.webp\",\"width\":500,\"height\":190},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ito.export.com.gt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ITO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#website\",\"url\":\"https:\\\/\\\/ito.export.com.gt\\\/\",\"name\":\"ITO de AGEXPORT\",\"description\":\"Information Technology Outsourcing (ITO)\",\"publisher\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#organization\"},\"alternateName\":\"ITO\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ito.export.com.gt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#organization\",\"name\":\"ITO de AGEXPORT\",\"alternateName\":\"ITO\",\"url\":\"https:\\\/\\\/ito.export.com.gt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ito.export.com.gt\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ITO-AGEXPORT@4x.webp\",\"contentUrl\":\"https:\\\/\\\/ito.export.com.gt\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ITO-AGEXPORT@4x.webp\",\"width\":500,\"height\":190,\"caption\":\"ITO de AGEXPORT\"},\"image\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/agexport\\\/?locale=es_LA\",\"https:\\\/\\\/x.com\\\/AGEXPORTGT\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ITO - ITO de AGEXPORT","description":"Conecta con empresas L\u00edderes de Outsourcing de TI en Guatemala. Talento certificado en desarrollo de software y transformaci\u00f3n digital.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ito.export.com.gt\/en\/","og_locale":"en_US","og_type":"article","og_title":"ITO - ITO de AGEXPORT","og_description":"Conecta con empresas L\u00edderes de Outsourcing de TI en Guatemala. Talento certificado en desarrollo de software y transformaci\u00f3n digital.","og_url":"https:\/\/ito.export.com.gt\/en\/","og_site_name":"ITO de AGEXPORT","article_publisher":"https:\/\/www.facebook.com\/agexport\/?locale=es_LA","article_modified_time":"2026-07-14T23:05:20+00:00","og_image":[{"width":500,"height":190,"url":"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/ITO-AGEXPORT@4x.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_site":"@AGEXPORTGT","twitter_misc":{"Est. reading time":"26 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ito.export.com.gt\/","url":"https:\/\/ito.export.com.gt\/","name":"ITO - ITO de AGEXPORT","isPartOf":{"@id":"https:\/\/ito.export.com.gt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ito.export.com.gt\/#primaryimage"},"image":{"@id":"https:\/\/ito.export.com.gt\/#primaryimage"},"thumbnailUrl":"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/ITO-AGEXPORT@4x.webp","datePublished":"2026-04-29T16:45:14+00:00","dateModified":"2026-07-14T23:05:20+00:00","description":"Conecta con empresas L\u00edderes de Outsourcing de TI en Guatemala. Talento certificado en desarrollo de software y transformaci\u00f3n digital.","breadcrumb":{"@id":"https:\/\/ito.export.com.gt\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ito.export.com.gt\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ito.export.com.gt\/#primaryimage","url":"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/ITO-AGEXPORT@4x.webp","contentUrl":"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/ITO-AGEXPORT@4x.webp","width":500,"height":190},{"@type":"BreadcrumbList","@id":"https:\/\/ito.export.com.gt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ito.export.com.gt\/"},{"@type":"ListItem","position":2,"name":"ITO"}]},{"@type":"WebSite","@id":"https:\/\/ito.export.com.gt\/#website","url":"https:\/\/ito.export.com.gt\/","name":"ITO de AGEXPORT","description":"Information Technology Outsourcing (ITO)","publisher":{"@id":"https:\/\/ito.export.com.gt\/#organization"},"alternateName":"ITO","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ito.export.com.gt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ito.export.com.gt\/#organization","name":"ITO de AGEXPORT","alternateName":"ITO","url":"https:\/\/ito.export.com.gt\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ito.export.com.gt\/#\/schema\/logo\/image\/","url":"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/ITO-AGEXPORT@4x.webp","contentUrl":"https:\/\/ito.export.com.gt\/wp-content\/uploads\/2026\/04\/ITO-AGEXPORT@4x.webp","width":500,"height":190,"caption":"ITO de AGEXPORT"},"image":{"@id":"https:\/\/ito.export.com.gt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/agexport\/?locale=es_LA","https:\/\/x.com\/AGEXPORTGT"]}]}},"_links":{"self":[{"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/comments?post=589"}],"version-history":[{"count":51,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/589\/revisions"}],"predecessor-version":[{"id":1720,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/589\/revisions\/1720"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/media\/147"}],"wp:attachment":[{"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/media?parent=589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}