Tech Background \u2014 Apple Style<\/title>\n<style>\n \/* =========================================\n DEMO PAGE STYLES (no copiar a Elementor)\n ========================================= *\/\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Helvetica Neue\", sans-serif;\n background: #000;\n color: #fff;\n min-height: 100vh;\n overflow-x: hidden;\n }\n .demo-section {\n position: relative;\n min-height: 450px;\n display: flex;\n align-items: top;\n justify-content: center;\n padding: 2rem;\n overflow: hidden;\n background: #000;\n }\n .demo-content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 800px;\n pointer-events: none;\n }\n .demo-content h1 {\n font-size: clamp(2.5rem, 6vw, 5rem);\n font-weight: 600;\n letter-spacing: -0.03em;\n line-height: 1.05;\n margin-bottom: 1.5rem;\n margin-top: 110px;\n background: linear-gradient(180deg, #fff 0%, #999 100%);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .demo-content p {\n font-size: clamp(1rem, 1.5vw, 1.25rem);\n color: rgba(255, 255, 255, 0.6);\n font-weight: 400;\n letter-spacing: -0.01em;\n }\n .demo-content .accent { color: #FF6B00; }\n\n \/* =========================================\n \u2b07\ufe0f C\u00d3DIGO A USAR EN ELEMENTOR \u2b07\ufe0f\n Copia desde aqu\u00ed hasta el cierre de <\/script>\n al final del archivo.\n ========================================= *\/\n\n .tech-bg {\n position: absolute;\n inset: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: 0;\n background: radial-gradient(ellipse at 50% 0%, #0a0a0a 0%, #000 70%);\n isolation: isolate;\n }\n\n .tech-bg__grid {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000 30%, transparent 80%);\n opacity: 0;\n animation: techBgFadeIn 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;\n }\n\n .tech-bg__canvas {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n animation: techBgFadeIn 2s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards;\n }\n\n .tech-bg__spotlight {\n position: absolute;\n inset: 0;\n background: radial-gradient(\n 600px circle at var(--mx, 50%) var(--my, 50%),\n rgba(255, 107, 0, 0.08),\n transparent 50%\n );\n opacity: 0;\n transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n will-change: background;\n }\n .tech-bg.is-hovering .tech-bg__spotlight { opacity: 1; }\n\n .tech-bg__shapes {\n position: absolute;\n inset: 0;\n transform: translate3d(0, 0, 0);\n will-change: transform;\n }\n\n .tech-shape {\n position: absolute;\n left: var(--x);\n top: var(--y);\n width: var(--size);\n height: var(--size);\n transform: translate(-50%, -50%);\n opacity: 0;\n animation:\n techBgFadeIn 1.4s cubic-bezier(0.16, 1, 0.3, 1) var(--delay, 0s) forwards,\n techBgFloat 12s ease-in-out var(--delay, 0s) infinite;\n }\n\n .tech-shape__inner {\n width: 100%;\n height: 100%;\n will-change: transform;\n }\n\n \/* Anillo *\/\n .tech-shape--ring .tech-shape__inner {\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 50%;\n position: relative;\n animation: techBgRotate 24s linear infinite;\n }\n .tech-shape--ring .tech-shape__inner::before {\n content: \"\";\n position: absolute;\n inset: 8px;\n border: 1px solid rgba(255, 107, 0, 0.18);\n border-radius: 50%;\n border-top-color: transparent;\n border-right-color: transparent;\n }\n .tech-shape--ring .tech-shape__inner::after {\n content: \"\";\n position: absolute;\n top: -3px;\n left: 50%;\n width: 6px;\n height: 6px;\n background: #FF6B00;\n border-radius: 50%;\n transform: translateX(-50%);\n box-shadow: 0 0 12px rgba(255, 107, 0, 0.6), 0 0 24px rgba(255, 107, 0, 0.3);\n }\n\n \/* Hex\u00e1gono *\/\n .tech-shape--hex .tech-shape__inner {\n background:\n linear-gradient(135deg, rgba(255, 107, 0, 0.04), transparent 60%);\n clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n border: 1px solid transparent;\n position: relative;\n animation: techBgRotate 40s linear infinite reverse;\n }\n .tech-shape--hex .tech-shape__inner::before {\n content: \"\";\n position: absolute;\n inset: 0;\n clip-path: polygon(\n 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%,\n 50% 0%, 49% 1%, 1% 26%, 1% 74%, 50% 99%, 99% 74%, 99% 26%, 50% 0%\n );\n background: rgba(255, 255, 255, 0.12);\n }\n\n \/* Cubo isom\u00e9trico *\/\n .tech-shape--cube { perspective: 600px; }\n .tech-shape--cube .tech-shape__inner {\n position: relative;\n transform-style: preserve-3d;\n animation: techBgCube 18s linear infinite;\n }\n .tech-shape--cube .tech-shape__inner > span {\n position: absolute;\n inset: 0;\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: linear-gradient(135deg, rgba(255, 107, 0, 0.03), rgba(255, 255, 255, 0.02));\n }\n .tech-shape--cube .tech-shape__inner > span:nth-child(1) { transform: translateZ(calc(var(--size) \/ 2)); }\n .tech-shape--cube .tech-shape__inner > span:nth-child(2) { transform: rotateY(180deg) translateZ(calc(var(--size) \/ 2)); }\n .tech-shape--cube .tech-shape__inner > span:nth-child(3) { transform: rotateY(90deg) translateZ(calc(var(--size) \/ 2)); }\n .tech-shape--cube .tech-shape__inner > span:nth-child(4) { transform: rotateY(-90deg) translateZ(calc(var(--size) \/ 2)); }\n .tech-shape--cube .tech-shape__inner > span:nth-child(5) { transform: rotateX(90deg) translateZ(calc(var(--size) \/ 2)); }\n .tech-shape--cube .tech-shape__inner > span:nth-child(6) { transform: rotateX(-90deg) translateZ(calc(var(--size) \/ 2)); }\n\n \/* Punto pulsante *\/\n .tech-shape--dot .tech-shape__inner {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .tech-shape--dot .tech-shape__inner::before,\n .tech-shape--dot .tech-shape__inner::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n }\n .tech-shape--dot .tech-shape__inner::before {\n width: 6px; height: 6px;\n background: #FF6B00;\n box-shadow: 0 0 16px rgba(255, 107, 0, 0.8), 0 0 32px rgba(255, 107, 0, 0.4);\n }\n .tech-shape--dot .tech-shape__inner::after {\n width: 100%; height: 100%;\n border: 1px solid rgba(255, 107, 0, 0.4);\n animation: techBgPulse 3s cubic-bezier(0.16, 1, 0.3, 1) infinite;\n }\n\n \/* Vi\u00f1eta *\/\n .tech-bg__vignette {\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.6) 100%);\n pointer-events: none;\n }\n\n \/* Keyframes *\/\n @keyframes techBgFadeIn {\n to { opacity: 1; }\n }\n @keyframes techBgFloat {\n 0%, 100% { transform: translate(-50%, -50%) translateY(0); }\n 50% { transform: translate(-50%, -50%) translateY(-20px); }\n }\n @keyframes techBgRotate {\n to { transform: rotate(360deg); }\n }\n @keyframes techBgCube {\n 0% { transform: rotateX(0) rotateY(0); }\n 100% { transform: rotateX(360deg) rotateY(360deg); }\n }\n @keyframes techBgPulse {\n 0% { transform: scale(0.3); opacity: 1; }\n 100% { transform: scale(1); opacity: 0; }\n }\n\n \/* Accesibilidad: respeta usuarios con motion reducido *\/\n @media (prefers-reduced-motion: reduce) {\n .tech-shape, .tech-shape__inner,\n .tech-bg__canvas, .tech-bg__grid {\n animation: none !important;\n opacity: 1 !important;\n }\n .tech-shape__inner { transform: none !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"demo-section\">\n \n <div class=\"tech-bg\" id=\"techBg\" aria-hidden=\"true\">\n <div class=\"tech-bg__grid\"><\/div>\n <canvas class=\"tech-bg__canvas\" id=\"techBgCanvas\"><\/canvas>\n <div class=\"tech-bg__spotlight\"><\/div>\n <div class=\"tech-bg__shapes\" id=\"techBgShapes\">\n <div class=\"tech-shape tech-shape--ring\" style=\"--x:12%; --y:22%; --size:140px; --delay:0.6s;\">\n <div class=\"tech-shape__inner\"><\/div>\n <\/div>\n <div class=\"tech-shape tech-shape--cube\" style=\"--x:82%; --y:28%; --size:70px; --delay:0.9s;\">\n <div class=\"tech-shape__inner\">\n <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n <\/div>\n <\/div>\n <div class=\"tech-shape tech-shape--hex\" style=\"--x:22%; --y:78%; --size:110px; --delay:1.1s;\">\n <div class=\"tech-shape__inner\"><\/div>\n <\/div>\n <div class=\"tech-shape tech-shape--ring\" style=\"--x:75%; --y:75%; --size:80px; --delay:1.3s;\">\n <div class=\"tech-shape__inner\"><\/div>\n <\/div>\n <div class=\"tech-shape tech-shape--dot\" style=\"--x:50%; --y:12%; --size:40px; --delay:1.5s;\">\n <div class=\"tech-shape__inner\"><\/div>\n <\/div>\n <div class=\"tech-shape tech-shape--dot\" style=\"--x:90%; --y:55%; --size:30px; --delay:1.7s;\">\n <div class=\"tech-shape__inner\"><\/div>\n <\/div>\n <\/div>\n <div class=\"tech-bg__vignette\"><\/div>\n <\/div>\n \n\n <div class=\"demo-content\">\n <h1>ITO<br> <span class=\"accent\"> te conecta<\/span><br>con el futuro.<\/h1>\n <p>Ideamos, desarrollamos e Implementamos.<\/p>\n <\/div>\n<\/section>\n\n<script>\n(function () {\n 'use strict';\n\n const root = document.getElementById('techBg');\n const canvas = document.getElementById('techBgCanvas');\n const shapesEl = document.getElementById('techBgShapes');\n if (!root || !canvas) return;\n\n const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n const ctx = canvas.getContext('2d', { alpha: true });\n\n let width = 0, height = 0, dpr = 1;\n let particles = [];\n let mouse = { x: -9999, y: -9999, active: false };\n let targetMouse = { x: 0, y: 0 };\n let smoothMouse = { x: 0, y: 0 };\n let rafId = null;\n let isVisible = true;\n let lastFrame = 0;\n\n const ACCENT = { r: 255, g: 107, b: 0 };\n const WHITE = { r: 255, g: 255, b: 255 };\n\n function resize() {\n const rect = root.getBoundingClientRect();\n dpr = Math.min(window.devicePixelRatio || 1, 2);\n width = rect.width;\n height = rect.height;\n canvas.width = width * dpr;\n canvas.height = height * dpr;\n canvas.style.width = width + 'px';\n canvas.style.height = height + 'px';\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n initParticles();\n }\n\n function initParticles() {\n \/\/ Densidad responsive: menos part\u00edculas en pantallas peque\u00f1as\n const area = width * height;\n const target = Math.min(80, Math.max(28, Math.floor(area \/ 18000)));\n particles = [];\n for (let i = 0; i < target; i++) {\n particles.push({\n x: Math.random() * width,\n y: Math.random() * height,\n vx: (Math.random() - 0.5) * 0.25,\n vy: (Math.random() - 0.5) * 0.25,\n r: Math.random() * 1.4 + 0.6,\n accent: Math.random() < 0.18 \/\/ ~18% naranjas\n });\n }\n }\n\n function draw(ts) {\n if (!isVisible) { rafId = requestAnimationFrame(draw); return; }\n \/\/ Cap a ~60fps; sirve para fluidez consistente\n if (ts - lastFrame < 16) { rafId = requestAnimationFrame(draw); return; }\n lastFrame = ts;\n\n \/\/ Easing del mouse \u2014 sensaci\u00f3n Apple\n smoothMouse.x += (targetMouse.x - smoothMouse.x) * 0.08;\n smoothMouse.y += (targetMouse.y - smoothMouse.y) * 0.08;\n\n \/\/ Parallax sutil en las formas\n if (shapesEl) {\n const px = (smoothMouse.x \/ width - 0.5) * 20;\n const py = (smoothMouse.y \/ height - 0.5) * 20;\n shapesEl.style.transform = `translate3d(${px}px, ${py}px, 0)`;\n }\n\n ctx.clearRect(0, 0, width, height);\n\n const maxDist = 140;\n const mouseRadius = 180;\n\n \/\/ Actualizar y dibujar part\u00edculas\n for (let i = 0; i < particles.length; i++) {\n const p = particles[i];\n\n \/\/ Atracci\u00f3n suave al cursor\n if (mouse.active) {\n const dx = mouse.x - p.x;\n const dy = mouse.y - p.y;\n const d = Math.sqrt(dx * dx + dy * dy);\n if (d < mouseRadius && d > 0) {\n const force = (1 - d \/ mouseRadius) * 0.04;\n p.vx += (dx \/ d) * force;\n p.vy += (dy \/ d) * force;\n }\n }\n\n p.x += p.vx;\n p.y += p.vy;\n\n \/\/ Fricci\u00f3n para que no acelere infinitamente\n p.vx *= 0.985;\n p.vy *= 0.985;\n\n \/\/ Drift base m\u00ednimo\n if (Math.abs(p.vx) < 0.05) p.vx += (Math.random() - 0.5) * 0.02;\n if (Math.abs(p.vy) < 0.05) p.vy += (Math.random() - 0.5) * 0.02;\n\n \/\/ Bordes (wrap suave)\n if (p.x < -10) p.x = width + 10;\n if (p.x > width + 10) p.x = -10;\n if (p.y < -10) p.y = height + 10;\n if (p.y > height + 10) p.y = -10;\n\n \/\/ Punto\n const c = p.accent ? ACCENT : WHITE;\n const alpha = p.accent ? 0.9 : 0.55;\n ctx.beginPath();\n ctx.fillStyle = `rgba(${c.r}, ${c.g}, ${c.b}, ${alpha})`;\n ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n ctx.fill();\n\n \/\/ Halo extra para part\u00edculas accent\n if (p.accent) {\n ctx.beginPath();\n ctx.fillStyle = `rgba(${c.r}, ${c.g}, ${c.b}, 0.15)`;\n ctx.arc(p.x, p.y, p.r * 3.5, 0, Math.PI * 2);\n ctx.fill();\n }\n }\n\n \/\/ Conexiones entre part\u00edculas cercanas\n for (let i = 0; i < particles.length; i++) {\n for (let j = i + 1; j < particles.length; j++) {\n const a = particles[i], b = particles[j];\n const dx = a.x - b.x, dy = a.y - b.y;\n const d = Math.sqrt(dx * dx + dy * dy);\n if (d < maxDist) {\n const opacity = (1 - d \/ maxDist) * 0.18;\n const useAccent = a.accent || b.accent;\n const c = useAccent ? ACCENT : WHITE;\n ctx.strokeStyle = `rgba(${c.r}, ${c.g}, ${c.b}, ${opacity})`;\n ctx.lineWidth = 0.5;\n ctx.beginPath();\n ctx.moveTo(a.x, a.y);\n ctx.lineTo(b.x, b.y);\n ctx.stroke();\n }\n }\n }\n\n \/\/ L\u00ednea del cursor a part\u00edculas cercanas (efecto \"magn\u00e9tico\")\n if (mouse.active) {\n for (let i = 0; i < particles.length; i++) {\n const p = particles[i];\n const dx = mouse.x - p.x;\n const dy = mouse.y - p.y;\n const d = Math.sqrt(dx * dx + dy * dy);\n if (d < mouseRadius) {\n const opacity = (1 - d \/ mouseRadius) * 0.4;\n ctx.strokeStyle = `rgba(255, 107, 0, ${opacity})`;\n ctx.lineWidth = 0.7;\n ctx.beginPath();\n ctx.moveTo(mouse.x, mouse.y);\n ctx.lineTo(p.x, p.y);\n ctx.stroke();\n }\n }\n }\n\n rafId = requestAnimationFrame(draw);\n }\n\n function onPointerMove(e) {\n const rect = root.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n mouse.x = x; mouse.y = y; mouse.active = true;\n targetMouse.x = x; targetMouse.y = y;\n root.style.setProperty('--mx', x + 'px');\n root.style.setProperty('--my', y + 'px');\n root.classList.add('is-hovering');\n }\n function onPointerLeave() {\n mouse.active = false;\n mouse.x = -9999; mouse.y = -9999;\n root.classList.remove('is-hovering');\n }\n\n \/\/ Pausa el render cuando el background no est\u00e1 visible (perf)\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((entries) => {\n entries.forEach(e => { isVisible = e.isIntersecting; });\n }, { threshold: 0 });\n io.observe(root);\n }\n\n \/\/ Resize con debounce\n let resizeTimer;\n window.addEventListener('resize', () => {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(resize, 150);\n });\n\n \/\/ Listeners en el padre (la section) para que detecte el mouse\n \/\/ aunque el background tenga pointer-events:none\n const parent = root.parentElement || root;\n parent.addEventListener('pointermove', onPointerMove, { passive: true });\n parent.addEventListener('pointerleave', onPointerLeave, { passive: true });\n\n resize();\n if (!reduceMotion) {\n rafId = requestAnimationFrame(draw);\n } else {\n \/\/ Render est\u00e1tico sin animaci\u00f3n\n ctx.clearRect(0, 0, width, height);\n for (const p of particles) {\n const c = p.accent ? ACCENT : WHITE;\n const alpha = p.accent ? 0.9 : 0.5;\n ctx.beginPath();\n ctx.fillStyle = `rgba(${c.r}, ${c.g}, ${c.b}, ${alpha})`;\n ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n ctx.fill();\n }\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83790e2 e-con-full e-flex e-con e-parent\" data-id=\"83790e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-098ddde e-con-full e-flex e-con e-child\" data-id=\"098ddde\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-63d486f e-con-full glass-section e-flex e-con e-child\" data-id=\"63d486f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-600b8ad elementor-widget elementor-widget-heading\" data-id=\"600b8ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Inicia el viaje de la <br><span class=\"palabra-color\"><b>Automatizaci\u00f3n<\/b><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80f1b03 elementor-widget elementor-widget-wpforms\" data-id=\"80f1b03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style id=\"wpforms-css-vars-elementor-widget-80f1b03\">\n\t\t\t\t.elementor-widget-wpforms.elementor-element-80f1b03 {\n\t\t\t\t--wpforms-field-border-radius: 15px;\n--wpforms-field-background-color: #FFFFFF;\n--wpforms-field-border-color: #EBEBEB40;\n--wpforms-field-border-color-spare: #EBEBEB40;\n--wpforms-field-text-color: #39434E;\n--wpforms-label-color: #FFFFFFD9;\n--wpforms-label-sublabel-color: #FFFFFFD9;\n--wpforms-button-border-radius: 15px;\n--wpforms-button-background-color: #FF6B00;\n--wpforms-button-size-font-size: 20px;\n--wpforms-button-size-height: 48px;\n--wpforms-button-size-padding-h: 20px;\n--wpforms-button-size-margin-top: 15px;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-form-abandonment wpforms-container-save-resume wpforms-render-modern\" id=\"wpforms-444\"><form id=\"wpforms-form-444\" class=\"wpforms-validate wpforms-form\" data-formid=\"444\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/1197\" data-token=\"4e3e490f68a776076d5ac72dabd23ea2\" data-token-time=\"1788960931\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><input type=\"hidden\" name=\"wpforms[form_abandonment_token]\" value=\"4e3e490f68a776076d5ac72dabd23ea2\"><div class=\"wpforms-field-container\"><div id=\"wpforms-444-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-type=\"name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Nombre <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-large\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-444-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-444-field_1-error\" required><label for=\"wpforms-444-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-444-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-444-field_1-last-error\" required><label for=\"wpforms-444-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-444-field_8-container\" class=\"wpforms-field wpforms-field-layout\" data-field-type=\"layout\" data-field-id=\"8\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-444-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-type=\"email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_2\">Correo electr\u00f3nico <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-444-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-444-field_2-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-444-field_3-container\" class=\"wpforms-field wpforms-field-phone\" data-field-type=\"phone\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_3\">N\u00famero telef\u00f3nico o WhatsApp <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-444-field_3\" class=\"wpforms-field-large wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][3]\" aria-label=\"N\u00famero telef\u00f3nico o WhatsApp\" aria-errormessage=\"wpforms-444-field_3-error\" required><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-444-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_4\">\u00bfC\u00f3mo se llama tu empresa? o Comparte el LinkedIn <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-444-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-444-field_4-error\" required><\/div>\t\t<div id=\"wpforms-444-field_9-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"9\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-444-field_9\" >Correo tu tu<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-444-field_9\" class=\"wpforms-field-medium\" name=\"wpforms[fields][9]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-444-field_5-container\" class=\"wpforms-field wpforms-field-select wpforms-conditional-trigger wpforms-field-select-style-modern\" data-field-type=\"select\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_5\">\u00bfCu\u00e1l es tu inter\u00e9s en nuestros servicios? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-444-field_5\" class=\"wpforms-field-large wpforms-field-required choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"\" name=\"wpforms[fields][5]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecciona la opci\u00f3n --<\/option><option value=\"Busco partner tecnol\u00f3gico\" class=\"choice-1 depth-1\" >Busco partner tecnol\u00f3gico<\/option><option value=\"Necesito desarrollar una soluci\u00f3n digital\" class=\"choice-2 depth-1\" >Necesito desarrollar una soluci\u00f3n digital<\/option><option value=\"Quiero automatizar mi operaci\u00f3n\" class=\"choice-3 depth-1\" >Quiero automatizar mi operaci\u00f3n<\/option><option value=\"Busco apoyo en transformaci\u00f3n digital\" class=\"choice-4 depth-1\" >Busco apoyo en transformaci\u00f3n digital<\/option><option value=\"Quiero fortalecer la seguridad de mi empresa\" class=\"choice-5 depth-1\" >Quiero fortalecer la seguridad de mi empresa<\/option><option value=\"Otro\" class=\"choice-6 depth-1\" >Otro<\/option><\/select><\/div><div id=\"wpforms-444-field_6-container\" class=\"wpforms-field wpforms-field-textarea wpforms-conditional-field wpforms-conditional-show\" data-field-type=\"textarea\" data-field-id=\"6\" style=\"display:none;\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_6\">Cu\u00e9ntanos sobre tu proyecto <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-444-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-444-field_6-error\" required><\/textarea><\/div><div id=\"wpforms-444-field_7-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"7\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_7\">\u00bfDe qu\u00e9 pa\u00eds te comunicas? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-444-field_7\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][7]\" aria-errormessage=\"wpforms-444-field_7-error\" required><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-444-field_9-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-444-field_9-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-444-field_9-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-recaptcha-container wpforms-is-recaptcha wpforms-is-recaptcha-type-v3\" ><input type=\"hidden\" name=\"wpforms[recaptcha]\" value=\"\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"444\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/1197\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-444\" class=\"wpforms-submit\" data-alt-text=\"Enviando...\" data-submit-text=\"Enviar\" aria-live=\"assertive\" value=\"wpforms-submit\">Enviar<\/button><a href=\"#\" class=\"wpforms-save-resume-button\"><span>Guardar y reanudar m\u00e1s tarde<\/span><\/a><\/div><\/form><\/div> \n<div class=\"wpforms-save-resume-disclaimer\" id=\"wpforms-save-resume-disclaimer-444\" style=\"display: none\">\n\t\t<div class=\"message\">\n\t\t<p>\u00a1Atenci\u00f3n! Si guardas tu progreso ahora, se almacenar\u00e1 una copia de tu env\u00edo en este servidor y el propietario del sitio podr\u00e1 tener acceso a ella. Por razones de seguridad, la informaci\u00f3n sensible, como las tarjetas de cr\u00e9dito y las direcciones de correo, junto con la carga de archivos, tendr\u00e1 que volver a introducirse cuando se reanude.<\/p>\n\t<\/div>\n\n\t<div class=\"wpforms-form\">\n\t\t<button type=\"submit\" class=\"wpforms-save-resume-disclaimer-continue wpforms-submit\">\n\t\t\tContinue\t\t<\/button>\n\t\t<a href=\"#\" class=\"wpforms-save-resume-disclaimer-back\">\n\t\t\t<span>Go Back<\/span>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n<div class=\"wpforms-save-resume-confirmation\" id=\"wpforms-save-resume-confirmation-444\" style=\"display: none\">\n\n\t\n\t<div class=\"message\">\n\t\t<p>Se ha guardado tu env\u00edo de formulario y se ha creado un enlace \u00fanico al que puedes acceder para reanudarlo.<\/p>\n<p>Introduce tu direcci\u00f3n de correo electr\u00f3nico para recibir el enlace por correo electr\u00f3nico. Tambi\u00e9n puedes copiar y guardar el enlace que aparece a continuaci\u00f3n.<\/p>\n<p>Por favor, ten en cuenta que este enlace no debe ser compartido y caducar\u00e1 en 30 d\u00edas. Despu\u00e9s, tu env\u00edo de formulario ser\u00e1 eliminado.<\/p>\n\t<\/div>\n\n\t<div class=\"wpforms-save-resume-actions\">\n\t\t\t\t\t<div class=\"wpforms-field\">\n\t\t\t\t<label class=\"wpforms-field-label wpforms-save-resume-label\">\n\t\t\t\t\tCopy Link\t\t\t\t<\/label>\n\t\t\t\t<div class=\"wpforms-save-resume-shortcode-container\">\n\t\t\t\t\t<input type=\"text\" class=\"wpforms-save-resume-shortcode\" value=\"\" disabled \/>\n\t\t\t\t\t<span class=\"wpforms-save-resume-shortcode-copy\" title=\"Copy resume link to clipboard\">\n\t\t\t\t\t\t\t<span class=\"copy-icon\"><\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<form class=\"wpforms-validate wpforms-form wpforms-save-resume-email-notification\" method=\"post\" action=\"\/en\/wp-json\/wp\/v2\/pages\/1197\" data-token=\"e1e8999516f9fdaaa385ee4747545703\">\n\t\t\t\t<div class=\"wpforms-field wpforms-field-email\">\n\t\t\t\t\t<label class=\"wpforms-field-label wpforms-save-resume-label\">\n\t\t\t\t\t\tEmail\t\t\t\t\t\t<span class=\"wpforms-required-label\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"email\" name=\"wpforms[save_resume_email]\" required>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"wpforms-submit-container\">\n\t\t\t\t\t<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"1354e41d5d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1197\" \/>\t\t\t\t\t<input type=\"hidden\" name=\"wpforms[form_id]\" value=\"444\">\n\t\t\t\t\t<input type=\"hidden\" name=\"wpforms[resume_hash]\" class=\"wpforms-save-resume-resume-hash\" value=\"\">\n\t\t\t\t\t<button type=\"submit\" name=\"wpforms[save-resume]\" class=\"wpforms-submit\" value=\"wpforms-submit\" disabled>\n\t\t\t\t\t\tSend Link\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/form>\n\t\t\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b169b7b e-con-full e-flex e-con e-child\" data-id=\"b169b7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-154c8ba elementor-widget elementor-widget-html\" data-id=\"154c8ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"agx-process\" id=\"agx-process\">\n\n \n <div class=\"agx-atmosphere\" aria-hidden=\"true\">\n <div class=\"agx-grid-bg\"><\/div>\n <div class=\"agx-orb agx-orb--primary\"><\/div>\n <div class=\"agx-orb agx-orb--secondary\"><\/div>\n <\/div>\n\n \n <div class=\"agx-container\">\n\n \n <div class=\"agx-cards\">\n\n \n <article class=\"agx-card\" data-agx-card style=\"--agx-i:0;\">\n <div class=\"agx-card-inner\">\n <div class=\"agx-card-top\">\n <div class=\"agx-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\/>\n <path d=\"M12 1 V4\"\/>\n <path d=\"M12 20 V23\"\/>\n <path d=\"M1 12 H4\"\/>\n <path d=\"M20 12 H23\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">01<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Concepto y Estrategia<\/h3>\n <p class=\"agx-card-desc\">Definici\u00f3n de la idea y validaci\u00f3n de negocio. Aqu\u00ed transformamos visi\u00f3n en un plan ejecutable.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"agx-card\" data-agx-card style=\"--agx-i:1;\">\n <div class=\"agx-card-inner\">\n <div class=\"agx-card-top\">\n <div class=\"agx-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M8 6 L2 12 L8 18\"\/>\n <path d=\"M16 6 L22 12 L16 18\"\/>\n <path d=\"M14 4 L10 20\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">02<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Desarrollo & Construcci\u00f3n<\/h3>\n <p class=\"agx-card-desc\">Creaci\u00f3n de la soluci\u00f3n tecnol\u00f3gica con est\u00e1ndares enterprise y arquitectura preparada para escalar.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"agx-card\" data-agx-card style=\"--agx-i:2;\">\n <div class=\"agx-card-inner\">\n <div class=\"agx-card-top\">\n <div class=\"agx-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M12 2 C14.5 5 16 8.5 16 12 V16 H8 V12 C8 8.5 9.5 5 12 2 Z\"\/>\n <circle cx=\"12\" cy=\"10\" r=\"1.5\"\/>\n <path d=\"M8 13 L5 15 V18 L8 17\"\/>\n <path d=\"M16 13 L19 15 V18 L16 17\"\/>\n <path d=\"M10 18 L11 22 L12 19 L13 22 L14 18\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">03<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Implementaci\u00f3n & Activaci\u00f3n<\/h3>\n <p class=\"agx-card-desc\">Puesta en marcha y adopci\u00f3n. Llevamos la soluci\u00f3n a producci\u00f3n con cero fricci\u00f3n para tu equipo.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"agx-card\" data-agx-card style=\"--agx-i:3;\">\n <div class=\"agx-card-inner\">\n <div class=\"agx-card-top\">\n <div class=\"agx-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <path d=\"M6 11 L9 11 L10.5 8 L12 14 L13.5 11 L18 11\"\/>\n <path d=\"M8 22 H16\"\/>\n <path d=\"M12 18 V22\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">04<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Operaci\u00f3n & Soporte<\/h3>\n <p class=\"agx-card-desc\">Continuidad y estabilidad del servicio. Tu plataforma protegida, monitoreada y siempre disponible.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"agx-card\" data-agx-card style=\"--agx-i:4;\">\n <div class=\"agx-card-inner\">\n <div class=\"agx-card-top\">\n <div class=\"agx-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M3 17 L9 11 L13 14 L20 7\"\/>\n <path d=\"M15 7 H20 V12\"\/>\n <path d=\"M5 4 L5.6 5.4 L7 6 L5.6 6.6 L5 8 L4.4 6.6 L3 6 L4.4 5.4 Z\" fill=\"currentColor\" stroke=\"none\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">05<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Evoluci\u00f3n & Escalabilidad<\/h3>\n <p class=\"agx-card-desc\">Mejora continua y crecimiento. Llevamos tu producto al siguiente nivel con datos, IA y nuevas tecnolog\u00edas.<\/p>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n AGX PROCESS \u00b7 Variables editables (cambia colores aqu\u00ed)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.agx-process {\n \/* \u2014 Colores institucionales \u2014 *\/\n --agx-primary: #FF6B00;\n --agx-secondary: #D4451D;\n\n \/* \u2014 Tonos oscuros \/ vidrio \u2014 *\/\n --agx-bg-1: #0A0A0B;\n --agx-bg-2: #131316;\n --agx-glass: rgba(255, 255, 255, 0.035);\n --agx-glass-hover: rgba(255, 255, 255, 0.06);\n --agx-border: rgba(255, 255, 255, 0.08);\n\n \/* \u2014 Tipograf\u00eda \u2014 *\/\n --agx-text: rgba(255, 255, 255, 0.95);\n --agx-text-muted: rgba(255, 255, 255, 0.55);\n --agx-text-soft: rgba(255, 255, 255, 0.35);\n\n \/* \u2014 Animaci\u00f3n \u2014 *\/\n --agx-ease: cubic-bezier(0.22, 1, 0.36, 1);\n --agx-duration: 0.7s;\n\n \/* \u2014 Base \u2014 *\/\n position: relative;\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n color: var(--agx-text);\n background: linear-gradient(180deg, var(--agx-bg-1) 0%, var(--agx-bg-2) 100%);\n padding: 1.25rem;\n border-radius: 24px;\n overflow: hidden;\n isolation: isolate;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.agx-process *,\n.agx-process *::before,\n.agx-process *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n\/* \u2591\u2591 Atm\u00f3sfera (fondo din\u00e1mico) \u2591\u2591 *\/\n.agx-process .agx-atmosphere {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n.agx-process .agx-grid-bg {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n background-size: 56px 56px;\n -webkit-mask-image: radial-gradient(ellipse 80% 60% at center, #000 0%, transparent 75%);\n mask-image: radial-gradient(ellipse 80% 60% at center, #000 0%, transparent 75%);\n}\n\n.agx-process .agx-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(90px);\n opacity: 0.38;\n will-change: transform;\n}\n\n.agx-process .agx-orb--primary {\n width: 480px; height: 480px;\n background: radial-gradient(circle, var(--agx-primary) 0%, transparent 70%);\n top: -180px; left: -160px;\n animation: agx-drift-a 22s ease-in-out infinite;\n}\n\n.agx-process .agx-orb--secondary {\n width: 560px; height: 560px;\n background: radial-gradient(circle, var(--agx-secondary) 0%, transparent 70%);\n bottom: -220px; right: -180px;\n animation: agx-drift-b 26s ease-in-out infinite;\n}\n\n@keyframes agx-drift-a {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(60px, 40px); }\n}\n@keyframes agx-drift-b {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(-50px, -30px); }\n}\n\n\/* \u2591\u2591 Container \u2591\u2591 *\/\n.agx-process .agx-container {\n position: relative;\n z-index: 1;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n\/* \u2591\u2591 Grid de tarjetas (siempre 1 columna) \u2591\u2591 *\/\n.agx-process .agx-cards {\n display: grid;\n grid-template-columns: 1fr;\n gap: clamp(0.875rem, 1.5vw, 1.25rem);\n}\n\n\/* \u2591\u2591 Card \u2591\u2591 *\/\n.agx-process .agx-card {\n position: relative;\n border-radius: 20px;\n background: var(--agx-glass);\n backdrop-filter: blur(24px) saturate(180%);\n -webkit-backdrop-filter: blur(24px) saturate(180%);\n border: 1px solid var(--agx-border);\n overflow: hidden;\n opacity: 0;\n transform: translateY(28px);\n transition:\n opacity var(--agx-duration) var(--agx-ease) calc(var(--agx-i, 0) * 90ms),\n transform var(--agx-duration) var(--agx-ease) calc(var(--agx-i, 0) * 90ms),\n background 0.4s var(--agx-ease),\n border-color 0.4s var(--agx-ease);\n}\n\n.agx-process .agx-card.is-visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.agx-process .agx-card:hover {\n background: var(--agx-glass-hover);\n}\n\n\/* Borde que se ilumina siguiendo el cursor (estilo Apple\/Stripe) *\/\n.agx-process .agx-card::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n padding: 1px;\n background: radial-gradient(\n 280px circle at var(--agx-mx, 50%) var(--agx-my, 50%),\n rgba(255, 107, 0, 0.55),\n transparent 45%\n );\n -webkit-mask:\n linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.35s var(--agx-ease);\n pointer-events: none;\n z-index: 2;\n}\n.agx-process .agx-card:hover::before { opacity: 1; }\n\n\/* Glow interno suave que sigue al cursor *\/\n.agx-process .agx-card::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: radial-gradient(\n 420px circle at var(--agx-mx, 50%) var(--agx-my, 50%),\n rgba(255, 107, 0, 0.07),\n transparent 45%\n );\n opacity: 0;\n transition: opacity 0.35s var(--agx-ease);\n pointer-events: none;\n z-index: 1;\n}\n.agx-process .agx-card:hover::after { opacity: 1; }\n\n.agx-process .agx-card-inner {\n position: relative;\n z-index: 3;\n padding: clamp(1.25rem, 2vw, 1.75rem);\n display: flex;\n flex-direction: column;\n gap: 1rem;\n height: 100%;\n}\n\n\/* \u2591\u2591 Icono + n\u00famero \u2591\u2591 *\/\n.agx-process .agx-card-top {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n margin-bottom: 0.25rem;\n}\n\n.agx-process .agx-icon {\n width: 46px; height: 46px;\n display: grid; place-items: center;\n background: linear-gradient(135deg, rgba(255,107,0,0.16), rgba(212,69,29,0.04));\n border: 1px solid rgba(255, 107, 0, 0.22);\n border-radius: 12px;\n color: var(--agx-primary);\n transition:\n transform 0.45s var(--agx-ease),\n background 0.45s var(--agx-ease),\n box-shadow 0.45s var(--agx-ease),\n color 0.45s var(--agx-ease),\n border-color 0.45s var(--agx-ease);\n}\n.agx-process .agx-icon svg { width: 22px; height: 22px; }\n\n.agx-process .agx-card:hover .agx-icon {\n transform: scale(1.06) rotate(-4deg);\n background: linear-gradient(135deg, var(--agx-primary), var(--agx-secondary));\n border-color: transparent;\n color: #ffffff;\n box-shadow:\n 0 8px 24px rgba(255, 107, 0, 0.32),\n inset 0 0 0 1px rgba(255, 107, 0, 0.4);\n}\n\n.agx-process .agx-num {\n font-size: 0.72rem;\n font-weight: 400;\n letter-spacing: 0.12em;\n color: var(--agx-text-soft);\n font-variant-numeric: tabular-nums;\n padding-top: 0.4rem;\n}\n\n\/* \u2591\u2591 T\u00edtulo y descripci\u00f3n \u2591\u2591 *\/\n.agx-process .agx-card-title {\n font-size: clamp(1rem, 1.4vw, 1.18rem);\n font-weight: 600;\n letter-spacing: -0.015em;\n color: var(--agx-text);\n line-height: 1.3;\n}\n\n.agx-process .agx-card-desc {\n font-size: 0.875rem;\n font-weight: 300;\n line-height: 1.6;\n color: var(--agx-text-muted);\n flex: 1;\n}\n\n\/* \u2591\u2591 Optimizaciones m\u00f3viles \u2591\u2591 *\/\n@media (max-width: 768px) {\n .agx-process .agx-card {\n backdrop-filter: blur(16px) saturate(150%);\n -webkit-backdrop-filter: blur(16px) saturate(150%);\n }\n .agx-process .agx-orb { filter: blur(60px); }\n}\n\n\/* \u2591\u2591 Accesibilidad: reducir movimiento \u2591\u2591 *\/\n@media (prefers-reduced-motion: reduce) {\n .agx-process *,\n .agx-process *::before,\n .agx-process *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n .agx-process .agx-card { opacity: 1; transform: none; }\n}\n<\/style>\n\n\n<script>\n(function () {\n const section = document.querySelector('#agx-process');\n if (!section) return;\n\n const cards = section.querySelectorAll('[data-agx-card]');\n\n \/* \u2591 Reveal en scroll con IntersectionObserver \u2591 *\/\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n io.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n cards.forEach((c) => io.observe(c));\n } else {\n cards.forEach((c) => c.classList.add('is-visible'));\n }\n\n \/* \u2591 Spotlight que sigue al cursor (throttle con rAF) \u2591 *\/\n cards.forEach((card) => {\n let raf = null;\n card.addEventListener('mousemove', (e) => {\n if (raf) cancelAnimationFrame(raf);\n raf = requestAnimationFrame(() => {\n const rect = card.getBoundingClientRect();\n const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n card.style.setProperty('--agx-mx', x + '%');\n card.style.setProperty('--agx-my', y + '%');\n });\n });\n });\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tech Background \u2014 Apple Style ITO te conectacon el futuro. Ideamos, desarrollamos e Implementamos. Inicia el viaje de la Automatizaci\u00f3n Por favor, activa JavaScript en tu navegador para completar este formulario.Por favor, activa JavaScript en tu navegador para completar este formulario. Nombre * NombreApellidos Correo electr\u00f3nico *N\u00famero telef\u00f3nico o WhatsApp * \u00bfC\u00f3mo se llama tu […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1197","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Registro Servicios - ITO de AGEXPORT<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ito.export.com.gt\/en\/registro-servicios\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Registro Servicios - ITO de AGEXPORT\" \/>\n<meta property=\"og:description\" content=\"Tech Background \u2014 Apple Style ITO te conectacon el futuro. Ideamos, desarrollamos e Implementamos. Inicia el viaje de la Automatizaci\u00f3n Por favor, activa JavaScript en tu navegador para completar este formulario.Por favor, activa JavaScript en tu navegador para completar este formulario. Nombre * NombreApellidos Correo electr\u00f3nico *N\u00famero telef\u00f3nico o WhatsApp * \u00bfC\u00f3mo se llama tu […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ito.export.com.gt\/en\/registro-servicios\/\" \/>\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-06-15T22:22:03+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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-servicios\\\/\",\"url\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-servicios\\\/\",\"name\":\"Registro Servicios - ITO de AGEXPORT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#website\"},\"datePublished\":\"2026-05-19T16:44:34+00:00\",\"dateModified\":\"2026-06-15T22:22:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-servicios\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ito.export.com.gt\\\/registro-servicios\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-servicios\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ito.export.com.gt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Registro Servicios\"}]},{\"@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_head_json":{"title":"Registro Servicios - ITO de AGEXPORT","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\/registro-servicios\/","og_locale":"en_US","og_type":"article","og_title":"Registro Servicios - ITO de AGEXPORT","og_description":"Tech Background \u2014 Apple Style ITO te conectacon el futuro. Ideamos, desarrollamos e Implementamos. Inicia el viaje de la Automatizaci\u00f3n Por favor, activa JavaScript en tu navegador para completar este formulario.Por favor, activa JavaScript en tu navegador para completar este formulario. Nombre * NombreApellidos Correo electr\u00f3nico *N\u00famero telef\u00f3nico o WhatsApp * \u00bfC\u00f3mo se llama tu […]","og_url":"https:\/\/ito.export.com.gt\/en\/registro-servicios\/","og_site_name":"ITO de AGEXPORT","article_publisher":"https:\/\/www.facebook.com\/agexport\/?locale=es_LA","article_modified_time":"2026-06-15T22:22:03+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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ito.export.com.gt\/registro-servicios\/","url":"https:\/\/ito.export.com.gt\/registro-servicios\/","name":"Registro Servicios - ITO de AGEXPORT","isPartOf":{"@id":"https:\/\/ito.export.com.gt\/#website"},"datePublished":"2026-05-19T16:44:34+00:00","dateModified":"2026-06-15T22:22:03+00:00","breadcrumb":{"@id":"https:\/\/ito.export.com.gt\/registro-servicios\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ito.export.com.gt\/registro-servicios\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ito.export.com.gt\/registro-servicios\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ito.export.com.gt\/"},{"@type":"ListItem","position":2,"name":"Registro Servicios"}]},{"@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\/1197","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=1197"}],"version-history":[{"count":6,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/1197\/revisions"}],"predecessor-version":[{"id":1441,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/1197\/revisions\/1441"}],"wp:attachment":[{"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/media?parent=1197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nTech Background \u2014 Apple Style<\/title>\n<style>\n \/* =========================================\n DEMO PAGE STYLES (no copiar a Elementor)\n ========================================= *\/\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Helvetica Neue\", sans-serif;\n background: #000;\n color: #fff;\n min-height: 100vh;\n overflow-x: hidden;\n }\n .demo-section {\n position: relative;\n min-height: 450px;\n display: flex;\n align-items: top;\n justify-content: center;\n padding: 2rem;\n overflow: hidden;\n background: #000;\n }\n .demo-content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 800px;\n pointer-events: none;\n }\n .demo-content h1 {\n font-size: clamp(2.5rem, 6vw, 5rem);\n font-weight: 600;\n letter-spacing: -0.03em;\n line-height: 1.05;\n margin-bottom: 1.5rem;\n margin-top: 110px;\n background: linear-gradient(180deg, #fff 0%, #999 100%);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .demo-content p {\n font-size: clamp(1rem, 1.5vw, 1.25rem);\n color: rgba(255, 255, 255, 0.6);\n font-weight: 400;\n letter-spacing: -0.01em;\n }\n .demo-content .accent { color: #FF6B00; }\n\n \/* =========================================\n \u2b07\ufe0f C\u00d3DIGO A USAR EN ELEMENTOR \u2b07\ufe0f\n Copia desde aqu\u00ed hasta el cierre de <\/script>\n al final del archivo.\n ========================================= *\/\n\n .tech-bg {\n position: absolute;\n inset: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: 0;\n background: radial-gradient(ellipse at 50% 0%, #0a0a0a 0%, #000 70%);\n isolation: isolate;\n }\n\n .tech-bg__grid {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000 30%, transparent 80%);\n opacity: 0;\n animation: techBgFadeIn 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;\n }\n\n .tech-bg__canvas {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n animation: techBgFadeIn 2s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards;\n }\n\n .tech-bg__spotlight {\n position: absolute;\n inset: 0;\n background: radial-gradient(\n 600px circle at var(--mx, 50%) var(--my, 50%),\n rgba(255, 107, 0, 0.08),\n transparent 50%\n );\n opacity: 0;\n transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n will-change: background;\n }\n .tech-bg.is-hovering .tech-bg__spotlight { opacity: 1; }\n\n .tech-bg__shapes {\n position: absolute;\n inset: 0;\n transform: translate3d(0, 0, 0);\n will-change: transform;\n }\n\n .tech-shape {\n position: absolute;\n left: var(--x);\n top: var(--y);\n width: var(--size);\n height: var(--size);\n transform: translate(-50%, -50%);\n opacity: 0;\n animation:\n techBgFadeIn 1.4s cubic-bezier(0.16, 1, 0.3, 1) var(--delay, 0s) forwards,\n techBgFloat 12s ease-in-out var(--delay, 0s) infinite;\n }\n\n .tech-shape__inner {\n width: 100%;\n height: 100%;\n will-change: transform;\n }\n\n \/* Anillo *\/\n .tech-shape--ring .tech-shape__inner {\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 50%;\n position: relative;\n animation: techBgRotate 24s linear infinite;\n }\n .tech-shape--ring .tech-shape__inner::before {\n content: \"\";\n position: absolute;\n inset: 8px;\n border: 1px solid rgba(255, 107, 0, 0.18);\n border-radius: 50%;\n border-top-color: transparent;\n border-right-color: transparent;\n }\n .tech-shape--ring .tech-shape__inner::after {\n content: \"\";\n position: absolute;\n top: -3px;\n left: 50%;\n width: 6px;\n height: 6px;\n background: #FF6B00;\n border-radius: 50%;\n transform: translateX(-50%);\n box-shadow: 0 0 12px rgba(255, 107, 0, 0.6), 0 0 24px rgba(255, 107, 0, 0.3);\n }\n\n \/* Hex\u00e1gono *\/\n .tech-shape--hex .tech-shape__inner {\n background:\n linear-gradient(135deg, rgba(255, 107, 0, 0.04), transparent 60%);\n clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n border: 1px solid transparent;\n position: relative;\n animation: techBgRotate 40s linear infinite reverse;\n }\n .tech-shape--hex .tech-shape__inner::before {\n content: \"\";\n position: absolute;\n inset: 0;\n clip-path: polygon(\n 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%,\n 50% 0%, 49% 1%, 1% 26%, 1% 74%, 50% 99%, 99% 74%, 99% 26%, 50% 0%\n );\n background: rgba(255, 255, 255, 0.12);\n }\n\n \/* Cubo isom\u00e9trico *\/\n .tech-shape--cube { perspective: 600px; }\n .tech-shape--cube .tech-shape__inner {\n position: relative;\n transform-style: preserve-3d;\n animation: techBgCube 18s linear infinite;\n }\n .tech-shape--cube .tech-shape__inner > span {\n position: absolute;\n inset: 0;\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: linear-gradient(135deg, rgba(255, 107, 0, 0.03), rgba(255, 255, 255, 0.02));\n }\n .tech-shape--cube .tech-shape__inner > span:nth-child(1) { transform: translateZ(calc(var(--size) \/ 2)); }\n .tech-shape--cube .tech-shape__inner > span:nth-child(2) { transform: rotateY(180deg) translateZ(calc(var(--size) \/ 2)); }\n .tech-shape--cube .tech-shape__inner > span:nth-child(3) { transform: rotateY(90deg) translateZ(calc(var(--size) \/ 2)); }\n .tech-shape--cube .tech-shape__inner > span:nth-child(4) { transform: rotateY(-90deg) translateZ(calc(var(--size) \/ 2)); }\n .tech-shape--cube .tech-shape__inner > span:nth-child(5) { transform: rotateX(90deg) translateZ(calc(var(--size) \/ 2)); }\n .tech-shape--cube .tech-shape__inner > span:nth-child(6) { transform: rotateX(-90deg) translateZ(calc(var(--size) \/ 2)); }\n\n \/* Punto pulsante *\/\n .tech-shape--dot .tech-shape__inner {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .tech-shape--dot .tech-shape__inner::before,\n .tech-shape--dot .tech-shape__inner::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n }\n .tech-shape--dot .tech-shape__inner::before {\n width: 6px; height: 6px;\n background: #FF6B00;\n box-shadow: 0 0 16px rgba(255, 107, 0, 0.8), 0 0 32px rgba(255, 107, 0, 0.4);\n }\n .tech-shape--dot .tech-shape__inner::after {\n width: 100%; height: 100%;\n border: 1px solid rgba(255, 107, 0, 0.4);\n animation: techBgPulse 3s cubic-bezier(0.16, 1, 0.3, 1) infinite;\n }\n\n \/* Vi\u00f1eta *\/\n .tech-bg__vignette {\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.6) 100%);\n pointer-events: none;\n }\n\n \/* Keyframes *\/\n @keyframes techBgFadeIn {\n to { opacity: 1; }\n }\n @keyframes techBgFloat {\n 0%, 100% { transform: translate(-50%, -50%) translateY(0); }\n 50% { transform: translate(-50%, -50%) translateY(-20px); }\n }\n @keyframes techBgRotate {\n to { transform: rotate(360deg); }\n }\n @keyframes techBgCube {\n 0% { transform: rotateX(0) rotateY(0); }\n 100% { transform: rotateX(360deg) rotateY(360deg); }\n }\n @keyframes techBgPulse {\n 0% { transform: scale(0.3); opacity: 1; }\n 100% { transform: scale(1); opacity: 0; }\n }\n\n \/* Accesibilidad: respeta usuarios con motion reducido *\/\n @media (prefers-reduced-motion: reduce) {\n .tech-shape, .tech-shape__inner,\n .tech-bg__canvas, .tech-bg__grid {\n animation: none !important;\n opacity: 1 !important;\n }\n .tech-shape__inner { transform: none !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"demo-section\">\n \n <div class=\"tech-bg\" id=\"techBg\" aria-hidden=\"true\">\n <div class=\"tech-bg__grid\"><\/div>\n <canvas class=\"tech-bg__canvas\" id=\"techBgCanvas\"><\/canvas>\n <div class=\"tech-bg__spotlight\"><\/div>\n <div class=\"tech-bg__shapes\" id=\"techBgShapes\">\n <div class=\"tech-shape tech-shape--ring\" style=\"--x:12%; --y:22%; --size:140px; --delay:0.6s;\">\n <div class=\"tech-shape__inner\"><\/div>\n <\/div>\n <div class=\"tech-shape tech-shape--cube\" style=\"--x:82%; --y:28%; --size:70px; --delay:0.9s;\">\n <div class=\"tech-shape__inner\">\n <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n <\/div>\n <\/div>\n <div class=\"tech-shape tech-shape--hex\" style=\"--x:22%; --y:78%; --size:110px; --delay:1.1s;\">\n <div class=\"tech-shape__inner\"><\/div>\n <\/div>\n <div class=\"tech-shape tech-shape--ring\" style=\"--x:75%; --y:75%; --size:80px; --delay:1.3s;\">\n <div class=\"tech-shape__inner\"><\/div>\n <\/div>\n <div class=\"tech-shape tech-shape--dot\" style=\"--x:50%; --y:12%; --size:40px; --delay:1.5s;\">\n <div class=\"tech-shape__inner\"><\/div>\n <\/div>\n <div class=\"tech-shape tech-shape--dot\" style=\"--x:90%; --y:55%; --size:30px; --delay:1.7s;\">\n <div class=\"tech-shape__inner\"><\/div>\n <\/div>\n <\/div>\n <div class=\"tech-bg__vignette\"><\/div>\n <\/div>\n \n\n <div class=\"demo-content\">\n <h1>ITO<br> <span class=\"accent\"> te conecta<\/span><br>con el futuro.<\/h1>\n <p>Ideamos, desarrollamos e Implementamos.<\/p>\n <\/div>\n<\/section>\n\n<script>\n(function () {\n 'use strict';\n\n const root = document.getElementById('techBg');\n const canvas = document.getElementById('techBgCanvas');\n const shapesEl = document.getElementById('techBgShapes');\n if (!root || !canvas) return;\n\n const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n const ctx = canvas.getContext('2d', { alpha: true });\n\n let width = 0, height = 0, dpr = 1;\n let particles = [];\n let mouse = { x: -9999, y: -9999, active: false };\n let targetMouse = { x: 0, y: 0 };\n let smoothMouse = { x: 0, y: 0 };\n let rafId = null;\n let isVisible = true;\n let lastFrame = 0;\n\n const ACCENT = { r: 255, g: 107, b: 0 };\n const WHITE = { r: 255, g: 255, b: 255 };\n\n function resize() {\n const rect = root.getBoundingClientRect();\n dpr = Math.min(window.devicePixelRatio || 1, 2);\n width = rect.width;\n height = rect.height;\n canvas.width = width * dpr;\n canvas.height = height * dpr;\n canvas.style.width = width + 'px';\n canvas.style.height = height + 'px';\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n initParticles();\n }\n\n function initParticles() {\n \/\/ Densidad responsive: menos part\u00edculas en pantallas peque\u00f1as\n const area = width * height;\n const target = Math.min(80, Math.max(28, Math.floor(area \/ 18000)));\n particles = [];\n for (let i = 0; i < target; i++) {\n particles.push({\n x: Math.random() * width,\n y: Math.random() * height,\n vx: (Math.random() - 0.5) * 0.25,\n vy: (Math.random() - 0.5) * 0.25,\n r: Math.random() * 1.4 + 0.6,\n accent: Math.random() < 0.18 \/\/ ~18% naranjas\n });\n }\n }\n\n function draw(ts) {\n if (!isVisible) { rafId = requestAnimationFrame(draw); return; }\n \/\/ Cap a ~60fps; sirve para fluidez consistente\n if (ts - lastFrame < 16) { rafId = requestAnimationFrame(draw); return; }\n lastFrame = ts;\n\n \/\/ Easing del mouse \u2014 sensaci\u00f3n Apple\n smoothMouse.x += (targetMouse.x - smoothMouse.x) * 0.08;\n smoothMouse.y += (targetMouse.y - smoothMouse.y) * 0.08;\n\n \/\/ Parallax sutil en las formas\n if (shapesEl) {\n const px = (smoothMouse.x \/ width - 0.5) * 20;\n const py = (smoothMouse.y \/ height - 0.5) * 20;\n shapesEl.style.transform = `translate3d(${px}px, ${py}px, 0)`;\n }\n\n ctx.clearRect(0, 0, width, height);\n\n const maxDist = 140;\n const mouseRadius = 180;\n\n \/\/ Actualizar y dibujar part\u00edculas\n for (let i = 0; i < particles.length; i++) {\n const p = particles[i];\n\n \/\/ Atracci\u00f3n suave al cursor\n if (mouse.active) {\n const dx = mouse.x - p.x;\n const dy = mouse.y - p.y;\n const d = Math.sqrt(dx * dx + dy * dy);\n if (d < mouseRadius && d > 0) {\n const force = (1 - d \/ mouseRadius) * 0.04;\n p.vx += (dx \/ d) * force;\n p.vy += (dy \/ d) * force;\n }\n }\n\n p.x += p.vx;\n p.y += p.vy;\n\n \/\/ Fricci\u00f3n para que no acelere infinitamente\n p.vx *= 0.985;\n p.vy *= 0.985;\n\n \/\/ Drift base m\u00ednimo\n if (Math.abs(p.vx) < 0.05) p.vx += (Math.random() - 0.5) * 0.02;\n if (Math.abs(p.vy) < 0.05) p.vy += (Math.random() - 0.5) * 0.02;\n\n \/\/ Bordes (wrap suave)\n if (p.x < -10) p.x = width + 10;\n if (p.x > width + 10) p.x = -10;\n if (p.y < -10) p.y = height + 10;\n if (p.y > height + 10) p.y = -10;\n\n \/\/ Punto\n const c = p.accent ? ACCENT : WHITE;\n const alpha = p.accent ? 0.9 : 0.55;\n ctx.beginPath();\n ctx.fillStyle = `rgba(${c.r}, ${c.g}, ${c.b}, ${alpha})`;\n ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n ctx.fill();\n\n \/\/ Halo extra para part\u00edculas accent\n if (p.accent) {\n ctx.beginPath();\n ctx.fillStyle = `rgba(${c.r}, ${c.g}, ${c.b}, 0.15)`;\n ctx.arc(p.x, p.y, p.r * 3.5, 0, Math.PI * 2);\n ctx.fill();\n }\n }\n\n \/\/ Conexiones entre part\u00edculas cercanas\n for (let i = 0; i < particles.length; i++) {\n for (let j = i + 1; j < particles.length; j++) {\n const a = particles[i], b = particles[j];\n const dx = a.x - b.x, dy = a.y - b.y;\n const d = Math.sqrt(dx * dx + dy * dy);\n if (d < maxDist) {\n const opacity = (1 - d \/ maxDist) * 0.18;\n const useAccent = a.accent || b.accent;\n const c = useAccent ? ACCENT : WHITE;\n ctx.strokeStyle = `rgba(${c.r}, ${c.g}, ${c.b}, ${opacity})`;\n ctx.lineWidth = 0.5;\n ctx.beginPath();\n ctx.moveTo(a.x, a.y);\n ctx.lineTo(b.x, b.y);\n ctx.stroke();\n }\n }\n }\n\n \/\/ L\u00ednea del cursor a part\u00edculas cercanas (efecto \"magn\u00e9tico\")\n if (mouse.active) {\n for (let i = 0; i < particles.length; i++) {\n const p = particles[i];\n const dx = mouse.x - p.x;\n const dy = mouse.y - p.y;\n const d = Math.sqrt(dx * dx + dy * dy);\n if (d < mouseRadius) {\n const opacity = (1 - d \/ mouseRadius) * 0.4;\n ctx.strokeStyle = `rgba(255, 107, 0, ${opacity})`;\n ctx.lineWidth = 0.7;\n ctx.beginPath();\n ctx.moveTo(mouse.x, mouse.y);\n ctx.lineTo(p.x, p.y);\n ctx.stroke();\n }\n }\n }\n\n rafId = requestAnimationFrame(draw);\n }\n\n function onPointerMove(e) {\n const rect = root.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n mouse.x = x; mouse.y = y; mouse.active = true;\n targetMouse.x = x; targetMouse.y = y;\n root.style.setProperty('--mx', x + 'px');\n root.style.setProperty('--my', y + 'px');\n root.classList.add('is-hovering');\n }\n function onPointerLeave() {\n mouse.active = false;\n mouse.x = -9999; mouse.y = -9999;\n root.classList.remove('is-hovering');\n }\n\n \/\/ Pausa el render cuando el background no est\u00e1 visible (perf)\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((entries) => {\n entries.forEach(e => { isVisible = e.isIntersecting; });\n }, { threshold: 0 });\n io.observe(root);\n }\n\n \/\/ Resize con debounce\n let resizeTimer;\n window.addEventListener('resize', () => {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(resize, 150);\n });\n\n \/\/ Listeners en el padre (la section) para que detecte el mouse\n \/\/ aunque el background tenga pointer-events:none\n const parent = root.parentElement || root;\n parent.addEventListener('pointermove', onPointerMove, { passive: true });\n parent.addEventListener('pointerleave', onPointerLeave, { passive: true });\n\n resize();\n if (!reduceMotion) {\n rafId = requestAnimationFrame(draw);\n } else {\n \/\/ Render est\u00e1tico sin animaci\u00f3n\n ctx.clearRect(0, 0, width, height);\n for (const p of particles) {\n const c = p.accent ? ACCENT : WHITE;\n const alpha = p.accent ? 0.9 : 0.5;\n ctx.beginPath();\n ctx.fillStyle = `rgba(${c.r}, ${c.g}, ${c.b}, ${alpha})`;\n ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n ctx.fill();\n }\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83790e2 e-con-full e-flex e-con e-parent\" data-id=\"83790e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-098ddde e-con-full e-flex e-con e-child\" data-id=\"098ddde\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-63d486f e-con-full glass-section e-flex e-con e-child\" data-id=\"63d486f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-600b8ad elementor-widget elementor-widget-heading\" data-id=\"600b8ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Inicia el viaje de la <br><span class=\"palabra-color\"><b>Automatizaci\u00f3n<\/b><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80f1b03 elementor-widget elementor-widget-wpforms\" data-id=\"80f1b03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style id=\"wpforms-css-vars-elementor-widget-80f1b03\">\n\t\t\t\t.elementor-widget-wpforms.elementor-element-80f1b03 {\n\t\t\t\t--wpforms-field-border-radius: 15px;\n--wpforms-field-background-color: #FFFFFF;\n--wpforms-field-border-color: #EBEBEB40;\n--wpforms-field-border-color-spare: #EBEBEB40;\n--wpforms-field-text-color: #39434E;\n--wpforms-label-color: #FFFFFFD9;\n--wpforms-label-sublabel-color: #FFFFFFD9;\n--wpforms-button-border-radius: 15px;\n--wpforms-button-background-color: #FF6B00;\n--wpforms-button-size-font-size: 20px;\n--wpforms-button-size-height: 48px;\n--wpforms-button-size-padding-h: 20px;\n--wpforms-button-size-margin-top: 15px;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-form-abandonment wpforms-container-save-resume wpforms-render-modern\" id=\"wpforms-444\"><form id=\"wpforms-form-444\" class=\"wpforms-validate wpforms-form\" data-formid=\"444\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/1197\" data-token=\"4e3e490f68a776076d5ac72dabd23ea2\" data-token-time=\"1788960931\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><input type=\"hidden\" name=\"wpforms[form_abandonment_token]\" value=\"4e3e490f68a776076d5ac72dabd23ea2\"><div class=\"wpforms-field-container\"><div id=\"wpforms-444-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-type=\"name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Nombre <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-large\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-444-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-444-field_1-error\" required><label for=\"wpforms-444-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-444-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-444-field_1-last-error\" required><label for=\"wpforms-444-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-444-field_8-container\" class=\"wpforms-field wpforms-field-layout\" data-field-type=\"layout\" data-field-id=\"8\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-444-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-type=\"email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_2\">Correo electr\u00f3nico <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-444-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-444-field_2-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-444-field_3-container\" class=\"wpforms-field wpforms-field-phone\" data-field-type=\"phone\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_3\">N\u00famero telef\u00f3nico o WhatsApp <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-444-field_3\" class=\"wpforms-field-large wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][3]\" aria-label=\"N\u00famero telef\u00f3nico o WhatsApp\" aria-errormessage=\"wpforms-444-field_3-error\" required><\/div><\/div><\/div><\/div><\/div><div id=\"wpforms-444-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_4\">\u00bfC\u00f3mo se llama tu empresa? o Comparte el LinkedIn <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-444-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-444-field_4-error\" required><\/div>\t\t<div id=\"wpforms-444-field_9-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"9\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-444-field_9\" >Correo tu tu<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-444-field_9\" class=\"wpforms-field-medium\" name=\"wpforms[fields][9]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-444-field_5-container\" class=\"wpforms-field wpforms-field-select wpforms-conditional-trigger wpforms-field-select-style-modern\" data-field-type=\"select\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_5\">\u00bfCu\u00e1l es tu inter\u00e9s en nuestros servicios? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-444-field_5\" class=\"wpforms-field-large wpforms-field-required choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"\" name=\"wpforms[fields][5]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecciona la opci\u00f3n --<\/option><option value=\"Busco partner tecnol\u00f3gico\" class=\"choice-1 depth-1\" >Busco partner tecnol\u00f3gico<\/option><option value=\"Necesito desarrollar una soluci\u00f3n digital\" class=\"choice-2 depth-1\" >Necesito desarrollar una soluci\u00f3n digital<\/option><option value=\"Quiero automatizar mi operaci\u00f3n\" class=\"choice-3 depth-1\" >Quiero automatizar mi operaci\u00f3n<\/option><option value=\"Busco apoyo en transformaci\u00f3n digital\" class=\"choice-4 depth-1\" >Busco apoyo en transformaci\u00f3n digital<\/option><option value=\"Quiero fortalecer la seguridad de mi empresa\" class=\"choice-5 depth-1\" >Quiero fortalecer la seguridad de mi empresa<\/option><option value=\"Otro\" class=\"choice-6 depth-1\" >Otro<\/option><\/select><\/div><div id=\"wpforms-444-field_6-container\" class=\"wpforms-field wpforms-field-textarea wpforms-conditional-field wpforms-conditional-show\" data-field-type=\"textarea\" data-field-id=\"6\" style=\"display:none;\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_6\">Cu\u00e9ntanos sobre tu proyecto <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-444-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-444-field_6-error\" required><\/textarea><\/div><div id=\"wpforms-444-field_7-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"7\"><label class=\"wpforms-field-label\" for=\"wpforms-444-field_7\">\u00bfDe qu\u00e9 pa\u00eds te comunicas? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-444-field_7\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][7]\" aria-errormessage=\"wpforms-444-field_7-error\" required><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-444-field_9-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-444-field_9-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-444-field_9-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-recaptcha-container wpforms-is-recaptcha wpforms-is-recaptcha-type-v3\" ><input type=\"hidden\" name=\"wpforms[recaptcha]\" value=\"\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"444\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/1197\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-444\" class=\"wpforms-submit\" data-alt-text=\"Enviando...\" data-submit-text=\"Enviar\" aria-live=\"assertive\" value=\"wpforms-submit\">Enviar<\/button><a href=\"#\" class=\"wpforms-save-resume-button\"><span>Guardar y reanudar m\u00e1s tarde<\/span><\/a><\/div><\/form><\/div> \n<div class=\"wpforms-save-resume-disclaimer\" id=\"wpforms-save-resume-disclaimer-444\" style=\"display: none\">\n\t\t<div class=\"message\">\n\t\t<p>\u00a1Atenci\u00f3n! Si guardas tu progreso ahora, se almacenar\u00e1 una copia de tu env\u00edo en este servidor y el propietario del sitio podr\u00e1 tener acceso a ella. Por razones de seguridad, la informaci\u00f3n sensible, como las tarjetas de cr\u00e9dito y las direcciones de correo, junto con la carga de archivos, tendr\u00e1 que volver a introducirse cuando se reanude.<\/p>\n\t<\/div>\n\n\t<div class=\"wpforms-form\">\n\t\t<button type=\"submit\" class=\"wpforms-save-resume-disclaimer-continue wpforms-submit\">\n\t\t\tContinue\t\t<\/button>\n\t\t<a href=\"#\" class=\"wpforms-save-resume-disclaimer-back\">\n\t\t\t<span>Go Back<\/span>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n<div class=\"wpforms-save-resume-confirmation\" id=\"wpforms-save-resume-confirmation-444\" style=\"display: none\">\n\n\t\n\t<div class=\"message\">\n\t\t<p>Se ha guardado tu env\u00edo de formulario y se ha creado un enlace \u00fanico al que puedes acceder para reanudarlo.<\/p>\n<p>Introduce tu direcci\u00f3n de correo electr\u00f3nico para recibir el enlace por correo electr\u00f3nico. Tambi\u00e9n puedes copiar y guardar el enlace que aparece a continuaci\u00f3n.<\/p>\n<p>Por favor, ten en cuenta que este enlace no debe ser compartido y caducar\u00e1 en 30 d\u00edas. Despu\u00e9s, tu env\u00edo de formulario ser\u00e1 eliminado.<\/p>\n\t<\/div>\n\n\t<div class=\"wpforms-save-resume-actions\">\n\t\t\t\t\t<div class=\"wpforms-field\">\n\t\t\t\t<label class=\"wpforms-field-label wpforms-save-resume-label\">\n\t\t\t\t\tCopy Link\t\t\t\t<\/label>\n\t\t\t\t<div class=\"wpforms-save-resume-shortcode-container\">\n\t\t\t\t\t<input type=\"text\" class=\"wpforms-save-resume-shortcode\" value=\"\" disabled \/>\n\t\t\t\t\t<span class=\"wpforms-save-resume-shortcode-copy\" title=\"Copy resume link to clipboard\">\n\t\t\t\t\t\t\t<span class=\"copy-icon\"><\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<form class=\"wpforms-validate wpforms-form wpforms-save-resume-email-notification\" method=\"post\" action=\"\/en\/wp-json\/wp\/v2\/pages\/1197\" data-token=\"e1e8999516f9fdaaa385ee4747545703\">\n\t\t\t\t<div class=\"wpforms-field wpforms-field-email\">\n\t\t\t\t\t<label class=\"wpforms-field-label wpforms-save-resume-label\">\n\t\t\t\t\t\tEmail\t\t\t\t\t\t<span class=\"wpforms-required-label\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"email\" name=\"wpforms[save_resume_email]\" required>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"wpforms-submit-container\">\n\t\t\t\t\t<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"1354e41d5d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1197\" \/>\t\t\t\t\t<input type=\"hidden\" name=\"wpforms[form_id]\" value=\"444\">\n\t\t\t\t\t<input type=\"hidden\" name=\"wpforms[resume_hash]\" class=\"wpforms-save-resume-resume-hash\" value=\"\">\n\t\t\t\t\t<button type=\"submit\" name=\"wpforms[save-resume]\" class=\"wpforms-submit\" value=\"wpforms-submit\" disabled>\n\t\t\t\t\t\tSend Link\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/form>\n\t\t\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b169b7b e-con-full e-flex e-con e-child\" data-id=\"b169b7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-154c8ba elementor-widget elementor-widget-html\" data-id=\"154c8ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"agx-process\" id=\"agx-process\">\n\n \n <div class=\"agx-atmosphere\" aria-hidden=\"true\">\n <div class=\"agx-grid-bg\"><\/div>\n <div class=\"agx-orb agx-orb--primary\"><\/div>\n <div class=\"agx-orb agx-orb--secondary\"><\/div>\n <\/div>\n\n \n <div class=\"agx-container\">\n\n \n <div class=\"agx-cards\">\n\n \n <article class=\"agx-card\" data-agx-card style=\"--agx-i:0;\">\n <div class=\"agx-card-inner\">\n <div class=\"agx-card-top\">\n <div class=\"agx-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\/>\n <path d=\"M12 1 V4\"\/>\n <path d=\"M12 20 V23\"\/>\n <path d=\"M1 12 H4\"\/>\n <path d=\"M20 12 H23\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">01<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Concepto y Estrategia<\/h3>\n <p class=\"agx-card-desc\">Definici\u00f3n de la idea y validaci\u00f3n de negocio. Aqu\u00ed transformamos visi\u00f3n en un plan ejecutable.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"agx-card\" data-agx-card style=\"--agx-i:1;\">\n <div class=\"agx-card-inner\">\n <div class=\"agx-card-top\">\n <div class=\"agx-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M8 6 L2 12 L8 18\"\/>\n <path d=\"M16 6 L22 12 L16 18\"\/>\n <path d=\"M14 4 L10 20\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">02<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Desarrollo & Construcci\u00f3n<\/h3>\n <p class=\"agx-card-desc\">Creaci\u00f3n de la soluci\u00f3n tecnol\u00f3gica con est\u00e1ndares enterprise y arquitectura preparada para escalar.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"agx-card\" data-agx-card style=\"--agx-i:2;\">\n <div class=\"agx-card-inner\">\n <div class=\"agx-card-top\">\n <div class=\"agx-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M12 2 C14.5 5 16 8.5 16 12 V16 H8 V12 C8 8.5 9.5 5 12 2 Z\"\/>\n <circle cx=\"12\" cy=\"10\" r=\"1.5\"\/>\n <path d=\"M8 13 L5 15 V18 L8 17\"\/>\n <path d=\"M16 13 L19 15 V18 L16 17\"\/>\n <path d=\"M10 18 L11 22 L12 19 L13 22 L14 18\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">03<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Implementaci\u00f3n & Activaci\u00f3n<\/h3>\n <p class=\"agx-card-desc\">Puesta en marcha y adopci\u00f3n. Llevamos la soluci\u00f3n a producci\u00f3n con cero fricci\u00f3n para tu equipo.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"agx-card\" data-agx-card style=\"--agx-i:3;\">\n <div class=\"agx-card-inner\">\n <div class=\"agx-card-top\">\n <div class=\"agx-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <path d=\"M6 11 L9 11 L10.5 8 L12 14 L13.5 11 L18 11\"\/>\n <path d=\"M8 22 H16\"\/>\n <path d=\"M12 18 V22\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">04<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Operaci\u00f3n & Soporte<\/h3>\n <p class=\"agx-card-desc\">Continuidad y estabilidad del servicio. Tu plataforma protegida, monitoreada y siempre disponible.<\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"agx-card\" data-agx-card style=\"--agx-i:4;\">\n <div class=\"agx-card-inner\">\n <div class=\"agx-card-top\">\n <div class=\"agx-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M3 17 L9 11 L13 14 L20 7\"\/>\n <path d=\"M15 7 H20 V12\"\/>\n <path d=\"M5 4 L5.6 5.4 L7 6 L5.6 6.6 L5 8 L4.4 6.6 L3 6 L4.4 5.4 Z\" fill=\"currentColor\" stroke=\"none\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">05<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Evoluci\u00f3n & Escalabilidad<\/h3>\n <p class=\"agx-card-desc\">Mejora continua y crecimiento. Llevamos tu producto al siguiente nivel con datos, IA y nuevas tecnolog\u00edas.<\/p>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n AGX PROCESS \u00b7 Variables editables (cambia colores aqu\u00ed)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.agx-process {\n \/* \u2014 Colores institucionales \u2014 *\/\n --agx-primary: #FF6B00;\n --agx-secondary: #D4451D;\n\n \/* \u2014 Tonos oscuros \/ vidrio \u2014 *\/\n --agx-bg-1: #0A0A0B;\n --agx-bg-2: #131316;\n --agx-glass: rgba(255, 255, 255, 0.035);\n --agx-glass-hover: rgba(255, 255, 255, 0.06);\n --agx-border: rgba(255, 255, 255, 0.08);\n\n \/* \u2014 Tipograf\u00eda \u2014 *\/\n --agx-text: rgba(255, 255, 255, 0.95);\n --agx-text-muted: rgba(255, 255, 255, 0.55);\n --agx-text-soft: rgba(255, 255, 255, 0.35);\n\n \/* \u2014 Animaci\u00f3n \u2014 *\/\n --agx-ease: cubic-bezier(0.22, 1, 0.36, 1);\n --agx-duration: 0.7s;\n\n \/* \u2014 Base \u2014 *\/\n position: relative;\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n color: var(--agx-text);\n background: linear-gradient(180deg, var(--agx-bg-1) 0%, var(--agx-bg-2) 100%);\n padding: 1.25rem;\n border-radius: 24px;\n overflow: hidden;\n isolation: isolate;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.agx-process *,\n.agx-process *::before,\n.agx-process *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n\/* \u2591\u2591 Atm\u00f3sfera (fondo din\u00e1mico) \u2591\u2591 *\/\n.agx-process .agx-atmosphere {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n.agx-process .agx-grid-bg {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n background-size: 56px 56px;\n -webkit-mask-image: radial-gradient(ellipse 80% 60% at center, #000 0%, transparent 75%);\n mask-image: radial-gradient(ellipse 80% 60% at center, #000 0%, transparent 75%);\n}\n\n.agx-process .agx-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(90px);\n opacity: 0.38;\n will-change: transform;\n}\n\n.agx-process .agx-orb--primary {\n width: 480px; height: 480px;\n background: radial-gradient(circle, var(--agx-primary) 0%, transparent 70%);\n top: -180px; left: -160px;\n animation: agx-drift-a 22s ease-in-out infinite;\n}\n\n.agx-process .agx-orb--secondary {\n width: 560px; height: 560px;\n background: radial-gradient(circle, var(--agx-secondary) 0%, transparent 70%);\n bottom: -220px; right: -180px;\n animation: agx-drift-b 26s ease-in-out infinite;\n}\n\n@keyframes agx-drift-a {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(60px, 40px); }\n}\n@keyframes agx-drift-b {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(-50px, -30px); }\n}\n\n\/* \u2591\u2591 Container \u2591\u2591 *\/\n.agx-process .agx-container {\n position: relative;\n z-index: 1;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n\/* \u2591\u2591 Grid de tarjetas (siempre 1 columna) \u2591\u2591 *\/\n.agx-process .agx-cards {\n display: grid;\n grid-template-columns: 1fr;\n gap: clamp(0.875rem, 1.5vw, 1.25rem);\n}\n\n\/* \u2591\u2591 Card \u2591\u2591 *\/\n.agx-process .agx-card {\n position: relative;\n border-radius: 20px;\n background: var(--agx-glass);\n backdrop-filter: blur(24px) saturate(180%);\n -webkit-backdrop-filter: blur(24px) saturate(180%);\n border: 1px solid var(--agx-border);\n overflow: hidden;\n opacity: 0;\n transform: translateY(28px);\n transition:\n opacity var(--agx-duration) var(--agx-ease) calc(var(--agx-i, 0) * 90ms),\n transform var(--agx-duration) var(--agx-ease) calc(var(--agx-i, 0) * 90ms),\n background 0.4s var(--agx-ease),\n border-color 0.4s var(--agx-ease);\n}\n\n.agx-process .agx-card.is-visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.agx-process .agx-card:hover {\n background: var(--agx-glass-hover);\n}\n\n\/* Borde que se ilumina siguiendo el cursor (estilo Apple\/Stripe) *\/\n.agx-process .agx-card::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n padding: 1px;\n background: radial-gradient(\n 280px circle at var(--agx-mx, 50%) var(--agx-my, 50%),\n rgba(255, 107, 0, 0.55),\n transparent 45%\n );\n -webkit-mask:\n linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.35s var(--agx-ease);\n pointer-events: none;\n z-index: 2;\n}\n.agx-process .agx-card:hover::before { opacity: 1; }\n\n\/* Glow interno suave que sigue al cursor *\/\n.agx-process .agx-card::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: radial-gradient(\n 420px circle at var(--agx-mx, 50%) var(--agx-my, 50%),\n rgba(255, 107, 0, 0.07),\n transparent 45%\n );\n opacity: 0;\n transition: opacity 0.35s var(--agx-ease);\n pointer-events: none;\n z-index: 1;\n}\n.agx-process .agx-card:hover::after { opacity: 1; }\n\n.agx-process .agx-card-inner {\n position: relative;\n z-index: 3;\n padding: clamp(1.25rem, 2vw, 1.75rem);\n display: flex;\n flex-direction: column;\n gap: 1rem;\n height: 100%;\n}\n\n\/* \u2591\u2591 Icono + n\u00famero \u2591\u2591 *\/\n.agx-process .agx-card-top {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n margin-bottom: 0.25rem;\n}\n\n.agx-process .agx-icon {\n width: 46px; height: 46px;\n display: grid; place-items: center;\n background: linear-gradient(135deg, rgba(255,107,0,0.16), rgba(212,69,29,0.04));\n border: 1px solid rgba(255, 107, 0, 0.22);\n border-radius: 12px;\n color: var(--agx-primary);\n transition:\n transform 0.45s var(--agx-ease),\n background 0.45s var(--agx-ease),\n box-shadow 0.45s var(--agx-ease),\n color 0.45s var(--agx-ease),\n border-color 0.45s var(--agx-ease);\n}\n.agx-process .agx-icon svg { width: 22px; height: 22px; }\n\n.agx-process .agx-card:hover .agx-icon {\n transform: scale(1.06) rotate(-4deg);\n background: linear-gradient(135deg, var(--agx-primary), var(--agx-secondary));\n border-color: transparent;\n color: #ffffff;\n box-shadow:\n 0 8px 24px rgba(255, 107, 0, 0.32),\n inset 0 0 0 1px rgba(255, 107, 0, 0.4);\n}\n\n.agx-process .agx-num {\n font-size: 0.72rem;\n font-weight: 400;\n letter-spacing: 0.12em;\n color: var(--agx-text-soft);\n font-variant-numeric: tabular-nums;\n padding-top: 0.4rem;\n}\n\n\/* \u2591\u2591 T\u00edtulo y descripci\u00f3n \u2591\u2591 *\/\n.agx-process .agx-card-title {\n font-size: clamp(1rem, 1.4vw, 1.18rem);\n font-weight: 600;\n letter-spacing: -0.015em;\n color: var(--agx-text);\n line-height: 1.3;\n}\n\n.agx-process .agx-card-desc {\n font-size: 0.875rem;\n font-weight: 300;\n line-height: 1.6;\n color: var(--agx-text-muted);\n flex: 1;\n}\n\n\/* \u2591\u2591 Optimizaciones m\u00f3viles \u2591\u2591 *\/\n@media (max-width: 768px) {\n .agx-process .agx-card {\n backdrop-filter: blur(16px) saturate(150%);\n -webkit-backdrop-filter: blur(16px) saturate(150%);\n }\n .agx-process .agx-orb { filter: blur(60px); }\n}\n\n\/* \u2591\u2591 Accesibilidad: reducir movimiento \u2591\u2591 *\/\n@media (prefers-reduced-motion: reduce) {\n .agx-process *,\n .agx-process *::before,\n .agx-process *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n .agx-process .agx-card { opacity: 1; transform: none; }\n}\n<\/style>\n\n\n<script>\n(function () {\n const section = document.querySelector('#agx-process');\n if (!section) return;\n\n const cards = section.querySelectorAll('[data-agx-card]');\n\n \/* \u2591 Reveal en scroll con IntersectionObserver \u2591 *\/\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n io.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n cards.forEach((c) => io.observe(c));\n } else {\n cards.forEach((c) => c.classList.add('is-visible'));\n }\n\n \/* \u2591 Spotlight que sigue al cursor (throttle con rAF) \u2591 *\/\n cards.forEach((card) => {\n let raf = null;\n card.addEventListener('mousemove', (e) => {\n if (raf) cancelAnimationFrame(raf);\n raf = requestAnimationFrame(() => {\n const rect = card.getBoundingClientRect();\n const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n card.style.setProperty('--agx-mx', x + '%');\n card.style.setProperty('--agx-my', y + '%');\n });\n });\n });\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tech Background \u2014 Apple Style ITO te conectacon el futuro. Ideamos, desarrollamos e Implementamos. Inicia el viaje de la Automatizaci\u00f3n Por favor, activa JavaScript en tu navegador para completar este formulario.Por favor, activa JavaScript en tu navegador para completar este formulario. Nombre * NombreApellidos Correo electr\u00f3nico *N\u00famero telef\u00f3nico o WhatsApp * \u00bfC\u00f3mo se llama tu […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1197","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Registro Servicios - ITO de AGEXPORT<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ito.export.com.gt\/en\/registro-servicios\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Registro Servicios - ITO de AGEXPORT\" \/>\n<meta property=\"og:description\" content=\"Tech Background \u2014 Apple Style ITO te conectacon el futuro. Ideamos, desarrollamos e Implementamos. Inicia el viaje de la Automatizaci\u00f3n Por favor, activa JavaScript en tu navegador para completar este formulario.Por favor, activa JavaScript en tu navegador para completar este formulario. Nombre * NombreApellidos Correo electr\u00f3nico *N\u00famero telef\u00f3nico o WhatsApp * \u00bfC\u00f3mo se llama tu […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ito.export.com.gt\/en\/registro-servicios\/\" \/>\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-06-15T22:22:03+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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-servicios\\\/\",\"url\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-servicios\\\/\",\"name\":\"Registro Servicios - ITO de AGEXPORT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#website\"},\"datePublished\":\"2026-05-19T16:44:34+00:00\",\"dateModified\":\"2026-06-15T22:22:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-servicios\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ito.export.com.gt\\\/registro-servicios\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-servicios\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ito.export.com.gt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Registro Servicios\"}]},{\"@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_head_json":{"title":"Registro Servicios - ITO de AGEXPORT","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\/registro-servicios\/","og_locale":"en_US","og_type":"article","og_title":"Registro Servicios - ITO de AGEXPORT","og_description":"Tech Background \u2014 Apple Style ITO te conectacon el futuro. Ideamos, desarrollamos e Implementamos. Inicia el viaje de la Automatizaci\u00f3n Por favor, activa JavaScript en tu navegador para completar este formulario.Por favor, activa JavaScript en tu navegador para completar este formulario. Nombre * NombreApellidos Correo electr\u00f3nico *N\u00famero telef\u00f3nico o WhatsApp * \u00bfC\u00f3mo se llama tu […]","og_url":"https:\/\/ito.export.com.gt\/en\/registro-servicios\/","og_site_name":"ITO de AGEXPORT","article_publisher":"https:\/\/www.facebook.com\/agexport\/?locale=es_LA","article_modified_time":"2026-06-15T22:22:03+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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ito.export.com.gt\/registro-servicios\/","url":"https:\/\/ito.export.com.gt\/registro-servicios\/","name":"Registro Servicios - ITO de AGEXPORT","isPartOf":{"@id":"https:\/\/ito.export.com.gt\/#website"},"datePublished":"2026-05-19T16:44:34+00:00","dateModified":"2026-06-15T22:22:03+00:00","breadcrumb":{"@id":"https:\/\/ito.export.com.gt\/registro-servicios\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ito.export.com.gt\/registro-servicios\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ito.export.com.gt\/registro-servicios\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ito.export.com.gt\/"},{"@type":"ListItem","position":2,"name":"Registro Servicios"}]},{"@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\/1197","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=1197"}],"version-history":[{"count":6,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/1197\/revisions"}],"predecessor-version":[{"id":1441,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/1197\/revisions\/1441"}],"wp:attachment":[{"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/media?parent=1197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}