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>Juntos <span class=\"accent\">conectamos<\/span><br>m\u00e1s mercados<\/h1>\n <p>Nuestra misi\u00f3n es llevarte al pr\u00f3ximo nivel, para que vayas un paso adelante.<\/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-4616874 e-con-full e-flex e-con e-parent\" data-id=\"4616874\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-aacbbd1 e-con-full e-flex e-con e-child\" data-id=\"aacbbd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7350ef3 e-con-full glass-section e-flex e-con e-child\" data-id=\"7350ef3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-678bcb0 elementor-widget elementor-widget-heading\" data-id=\"678bcb0\" 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\">Muy cerca de <br><span class=\"palabra-color\"><b>Llegar muy lejos.<\/b><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ccee4e elementor-widget elementor-widget-wpforms\" data-id=\"7ccee4e\" 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-7ccee4e\">\n\t\t\t\t.elementor-widget-wpforms.elementor-element-7ccee4e {\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-1509\"><form id=\"wpforms-form-1509\" class=\"wpforms-validate wpforms-form\" data-formid=\"1509\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/1170\" data-token=\"59e47a17345c10b713d534414f728a31\" data-token-time=\"1788960943\"><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=\"59e47a17345c10b713d534414f728a31\"><div class=\"wpforms-field-container\"><div id=\"wpforms-1509-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-1509-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-1509-field_1-error\" required><label for=\"wpforms-1509-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-1509-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-1509-field_1-last-error\" required><label for=\"wpforms-1509-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-1509-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-1509-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-type=\"email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-field_2\">Correo electr\u00f3nico <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-1509-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-1509-field_2-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1509-field_3-container\" class=\"wpforms-field wpforms-field-phone\" data-field-type=\"phone\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-field_3\">N\u00famero telef\u00f3nico o WhatsApp <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-1509-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-1509-field_3-error\" required><\/div><\/div><\/div><\/div><\/div>\t\t<div id=\"wpforms-1509-field_7-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"7\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-1509-field_7\" >comunidad? telef\u00f3nico \u00bfC\u00f3mo<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-1509-field_7\" class=\"wpforms-field-medium\" name=\"wpforms[fields][7]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-1509-field_9-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-field_9\">Cargo dentro de la empresa <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1509-field_9\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][9]\" aria-errormessage=\"wpforms-1509-field_9-error\" required><\/div><div id=\"wpforms-1509-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-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-1509-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-1509-field_4-error\" required><\/div><div id=\"wpforms-1509-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-1509-field_5\">Sector al que pertenece tu empresa <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1509-field_5\" class=\"wpforms-field-large wpforms-field-required choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"1\" name=\"wpforms[fields][5]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecciona la opci\u00f3n --<\/option><option value=\"Tecnolog\u00eda\" class=\"choice-1 depth-1\" >Tecnolog\u00eda<\/option><option value=\"Marketing y Publicidad\" class=\"choice-2 depth-1\" >Marketing y Publicidad<\/option><option value=\"Dise\u00f1o\" class=\"choice-3 depth-1\" >Dise\u00f1o<\/option><option value=\"Producci\u00f3n Audiovisual\" class=\"choice-4 depth-1\" >Producci\u00f3n Audiovisual<\/option><option value=\"Animaci\u00f3n y Videojuegos\" class=\"choice-5 depth-1\" >Animaci\u00f3n y Videojuegos<\/option><option value=\"Comunicaci\u00f3n\" class=\"choice-6 depth-1\" >Comunicaci\u00f3n<\/option><option value=\"Consultor\u00eda\" class=\"choice-7 depth-1\" >Consultor\u00eda<\/option><option value=\"Otro\" class=\"choice-8 depth-1\" >Otro<\/option><\/select><\/div><div id=\"wpforms-1509-field_10-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-modern\" data-field-type=\"select\" data-field-id=\"10\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-field_10\">\u00bfQu\u00e9 te interesa de nuestra comunidad? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1509-field_10\" class=\"wpforms-field-large wpforms-field-required choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"\" name=\"wpforms[fields][10][]\" required=\"required\" multiple=\"multiple\"><option value=\"\" class=\"placeholder\" disabled >-- Selecciona la opci\u00f3n --<\/option><option value=\"Networking\" class=\"choice-1 depth-1\" >Networking<\/option><option value=\"Eventos y capacitaciones\" class=\"choice-2 depth-1\" >Eventos y capacitaciones<\/option><option value=\"Generaci\u00f3n de negocios\" class=\"choice-3 depth-1\" >Generaci\u00f3n de negocios<\/option><option value=\"Internacionalizaci\u00f3n\" class=\"choice-4 depth-1\" >Internacionalizaci\u00f3n<\/option><option value=\"Tendencias e innovaci\u00f3n\" class=\"choice-7 depth-1\" >Tendencias e innovaci\u00f3n<\/option><option value=\"Conocer m\u00e1s sobre la membres\u00eda\" class=\"choice-6 depth-1\" >Conocer m\u00e1s sobre la membres\u00eda<\/option><\/select><\/div><div id=\"wpforms-1509-field_11-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-modern\" data-field-type=\"select\" data-field-id=\"11\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-field_11\">\u00bfC\u00f3mo te enteraste de nosotros? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1509-field_11\" class=\"wpforms-field-large wpforms-field-required choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"\" name=\"wpforms[fields][11]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecciona la opci\u00f3n --<\/option><option value=\"Evento\" class=\"choice-1 depth-1\" >Evento<\/option><option value=\"Referido\" class=\"choice-2 depth-1\" >Referido<\/option><option value=\"AGEXPORT\" class=\"choice-3 depth-1\" >AGEXPORT<\/option><option value=\"P\u00e1gina Web\" class=\"choice-4 depth-1\" >P\u00e1gina Web<\/option><option value=\"Redes Sociales\" class=\"choice-5 depth-1\" >Redes Sociales<\/option><\/select><\/div><div id=\"wpforms-1509-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-1509-field_6\">Comentarios adicionales<\/label><textarea id=\"wpforms-1509-field_6\" class=\"wpforms-field-medium\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-1509-field_6-error\" ><\/textarea><\/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-1509-field_7-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-1509-field_7-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-1509-field_7-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=\"1509\"><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\/1170\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-1509\" class=\"wpforms-submit\" data-alt-text=\"Registrando...\" data-submit-text=\"Registrarme\" aria-live=\"assertive\" value=\"wpforms-submit\">Registrarme<\/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-1509\" 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-1509\" 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\/1170\" 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\/1170\" \/>\t\t\t\t\t<input type=\"hidden\" name=\"wpforms[form_id]\" value=\"1509\">\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-0ba295e e-con-full e-flex e-con e-child\" data-id=\"0ba295e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fef2509 elementor-widget elementor-widget-html\" data-id=\"fef2509\" 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-benefits\" id=\"agx-benefits\">\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 <path d=\"M2 8 L12 3 L22 8 L12 13 Z\"\/>\n <path d=\"M6 10.5 V16 C6 17.5 8.5 19 12 19 C15.5 19 18 17.5 18 16 V10.5\"\/>\n <path d=\"M22 8 V14\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">01<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Actualizaci\u00f3n y Capacitaci\u00f3n<\/h3>\n <p class=\"agx-card-desc\">Mantente al d\u00eda con las \u00faltimas tendencias tecnol\u00f3gicas a trav\u00e9s de talleres y seminarios especializados.<\/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 <circle cx=\"12\" cy=\"4\" r=\"2\"\/>\n <circle cx=\"4\" cy=\"12\" r=\"2\"\/>\n <circle cx=\"20\" cy=\"12\" r=\"2\"\/>\n <circle cx=\"8\" cy=\"20\" r=\"2\"\/>\n <circle cx=\"16\" cy=\"20\" r=\"2\"\/>\n <line x1=\"12\" y1=\"6\" x2=\"5\" y2=\"10.5\"\/>\n <line x1=\"12\" y1=\"6\" x2=\"19\" y2=\"10.5\"\/>\n <line x1=\"5\" y1=\"13.5\" x2=\"8\" y2=\"18\"\/>\n <line x1=\"19\" y1=\"13.5\" x2=\"16\" y2=\"18\"\/>\n <line x1=\"10\" y1=\"20\" x2=\"14\" y2=\"20\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">02<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Relaci\u00f3n y Networking<\/h3>\n <p class=\"agx-card-desc\">Con\u00e9ctate con m\u00e1s de 75 empresas del sector tecnol\u00f3gico y accede a oportunidades de negocio internacional mediante eventos, ferias y redes estrat\u00e9gicas.<\/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 <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <ellipse cx=\"12\" cy=\"12\" rx=\"9\" ry=\"3.5\"\/>\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/>\n <path d=\"M12 3 C9 6.5 9 17.5 12 21\"\/>\n <path d=\"M12 3 C15 6.5 15 17.5 12 21\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">03<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Promoci\u00f3n y Visibilidad<\/h3>\n <p class=\"agx-card-desc\">Incrementa la presencia de tu empresa en mercados globales participando en ferias internacionales y recibiendo asesoramiento experto.<\/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 <path d=\"M12 2 L20 5 V12 C20 17 16 21 12 22 C8 21 4 17 4 12 V5 Z\"\/>\n <path d=\"M8.5 12 L11 14.5 L15.5 10\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">04<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Soporte Estrat\u00e9gico<\/h3>\n <p class=\"agx-card-desc\">Accede a estudios de mercado, representaci\u00f3n ante el gobierno para pol\u00edticas favorables al sector y participaci\u00f3n en proyectos de innovaci\u00f3n.<\/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=\"M6 9 L12 2 L18 9 L12 22 Z\"\/>\n <line x1=\"6\" y1=\"9\" x2=\"18\" y2=\"9\"\/>\n <path d=\"M9 9 L12 2 L15 9 L12 22 Z\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">05<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Beneficios Exclusivos<\/h3>\n <p class=\"agx-card-desc\">Disfruta de tarifas preferenciales en productos, servicios y eventos organizados por AGEXPORT y sus socios estrat\u00e9gicos.<\/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 BENEFITS \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-benefits {\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: 30px;\n overflow: hidden;\n isolation: isolate;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.agx-benefits *,\n.agx-benefits *::before,\n.agx-benefits *::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-benefits .agx-atmosphere {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n.agx-benefits .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-benefits .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-benefits .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-benefits .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-benefits .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 \u2591\u2591 *\/\n.agx-benefits .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-benefits .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-benefits .agx-card.is-visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.agx-benefits .agx-card:hover {\n background: var(--agx-glass-hover);\n}\n\n\/* Borde que se ilumina siguiendo el cursor (estilo Apple\/Stripe) *\/\n.agx-benefits .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-benefits .agx-card:hover::before { opacity: 1; }\n\n\/* Glow interno suave que sigue al cursor *\/\n.agx-benefits .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-benefits .agx-card:hover::after { opacity: 1; }\n\n.agx-benefits .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-benefits .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-benefits .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-benefits .agx-icon svg { width: 22px; height: 22px; }\n\n.agx-benefits .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-benefits .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-benefits .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-benefits .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-benefits .agx-card {\n backdrop-filter: blur(16px) saturate(150%);\n -webkit-backdrop-filter: blur(16px) saturate(150%);\n }\n .agx-benefits .agx-orb { filter: blur(60px); }\n}\n\n\/* \u2591\u2591 Accesibilidad: reducir movimiento \u2591\u2591 *\/\n@media (prefers-reduced-motion: reduce) {\n .agx-benefits *,\n .agx-benefits *::before,\n .agx-benefits *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n .agx-benefits .agx-card { opacity: 1; transform: none; }\n}\n<\/style>\n\n\n<script>\n(function () {\n const section = document.querySelector('#agx-benefits');\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 Juntos conectamosm\u00e1s mercados Nuestra misi\u00f3n es llevarte al pr\u00f3ximo nivel, para que vayas un paso adelante. Muy cerca de Llegar muy lejos. 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 […]<\/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-1170","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Registro Asociados - 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-asociados\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Registro Asociados - ITO de AGEXPORT\" \/>\n<meta property=\"og:description\" content=\"Tech Background \u2014 Apple Style Juntos conectamosm\u00e1s mercados Nuestra misi\u00f3n es llevarte al pr\u00f3ximo nivel, para que vayas un paso adelante. Muy cerca de Llegar muy lejos. 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 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ito.export.com.gt\/en\/registro-asociados\/\" \/>\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-18T22:24:10+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-asociados\\\/\",\"url\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-asociados\\\/\",\"name\":\"Registro Asociados - ITO de AGEXPORT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#website\"},\"datePublished\":\"2026-05-18T22:40:37+00:00\",\"dateModified\":\"2026-06-18T22:24:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-asociados\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ito.export.com.gt\\\/registro-asociados\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-asociados\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ito.export.com.gt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Registro Asociados\"}]},{\"@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 Asociados - 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-asociados\/","og_locale":"en_US","og_type":"article","og_title":"Registro Asociados - ITO de AGEXPORT","og_description":"Tech Background \u2014 Apple Style Juntos conectamosm\u00e1s mercados Nuestra misi\u00f3n es llevarte al pr\u00f3ximo nivel, para que vayas un paso adelante. Muy cerca de Llegar muy lejos. 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 […]","og_url":"https:\/\/ito.export.com.gt\/en\/registro-asociados\/","og_site_name":"ITO de AGEXPORT","article_publisher":"https:\/\/www.facebook.com\/agexport\/?locale=es_LA","article_modified_time":"2026-06-18T22:24:10+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-asociados\/","url":"https:\/\/ito.export.com.gt\/registro-asociados\/","name":"Registro Asociados - ITO de AGEXPORT","isPartOf":{"@id":"https:\/\/ito.export.com.gt\/#website"},"datePublished":"2026-05-18T22:40:37+00:00","dateModified":"2026-06-18T22:24:10+00:00","breadcrumb":{"@id":"https:\/\/ito.export.com.gt\/registro-asociados\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ito.export.com.gt\/registro-asociados\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ito.export.com.gt\/registro-asociados\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ito.export.com.gt\/"},{"@type":"ListItem","position":2,"name":"Registro Asociados"}]},{"@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\/1170","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=1170"}],"version-history":[{"count":6,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/1170\/revisions"}],"predecessor-version":[{"id":1519,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/1170\/revisions\/1519"}],"wp:attachment":[{"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/media?parent=1170"}],"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>Juntos <span class=\"accent\">conectamos<\/span><br>m\u00e1s mercados<\/h1>\n <p>Nuestra misi\u00f3n es llevarte al pr\u00f3ximo nivel, para que vayas un paso adelante.<\/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-4616874 e-con-full e-flex e-con e-parent\" data-id=\"4616874\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-aacbbd1 e-con-full e-flex e-con e-child\" data-id=\"aacbbd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7350ef3 e-con-full glass-section e-flex e-con e-child\" data-id=\"7350ef3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-678bcb0 elementor-widget elementor-widget-heading\" data-id=\"678bcb0\" 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\">Muy cerca de <br><span class=\"palabra-color\"><b>Llegar muy lejos.<\/b><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ccee4e elementor-widget elementor-widget-wpforms\" data-id=\"7ccee4e\" 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-7ccee4e\">\n\t\t\t\t.elementor-widget-wpforms.elementor-element-7ccee4e {\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-1509\"><form id=\"wpforms-form-1509\" class=\"wpforms-validate wpforms-form\" data-formid=\"1509\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/1170\" data-token=\"59e47a17345c10b713d534414f728a31\" data-token-time=\"1788960943\"><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=\"59e47a17345c10b713d534414f728a31\"><div class=\"wpforms-field-container\"><div id=\"wpforms-1509-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-1509-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-1509-field_1-error\" required><label for=\"wpforms-1509-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-1509-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-1509-field_1-last-error\" required><label for=\"wpforms-1509-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-1509-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-1509-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-type=\"email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-field_2\">Correo electr\u00f3nico <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-1509-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-1509-field_2-error\" required><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-50\"><div id=\"wpforms-1509-field_3-container\" class=\"wpforms-field wpforms-field-phone\" data-field-type=\"phone\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-field_3\">N\u00famero telef\u00f3nico o WhatsApp <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-1509-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-1509-field_3-error\" required><\/div><\/div><\/div><\/div><\/div>\t\t<div id=\"wpforms-1509-field_7-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"7\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-1509-field_7\" >comunidad? telef\u00f3nico \u00bfC\u00f3mo<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-1509-field_7\" class=\"wpforms-field-medium\" name=\"wpforms[fields][7]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-1509-field_9-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"9\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-field_9\">Cargo dentro de la empresa <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1509-field_9\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][9]\" aria-errormessage=\"wpforms-1509-field_9-error\" required><\/div><div id=\"wpforms-1509-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-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-1509-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-1509-field_4-error\" required><\/div><div id=\"wpforms-1509-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-1509-field_5\">Sector al que pertenece tu empresa <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1509-field_5\" class=\"wpforms-field-large wpforms-field-required choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"1\" name=\"wpforms[fields][5]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecciona la opci\u00f3n --<\/option><option value=\"Tecnolog\u00eda\" class=\"choice-1 depth-1\" >Tecnolog\u00eda<\/option><option value=\"Marketing y Publicidad\" class=\"choice-2 depth-1\" >Marketing y Publicidad<\/option><option value=\"Dise\u00f1o\" class=\"choice-3 depth-1\" >Dise\u00f1o<\/option><option value=\"Producci\u00f3n Audiovisual\" class=\"choice-4 depth-1\" >Producci\u00f3n Audiovisual<\/option><option value=\"Animaci\u00f3n y Videojuegos\" class=\"choice-5 depth-1\" >Animaci\u00f3n y Videojuegos<\/option><option value=\"Comunicaci\u00f3n\" class=\"choice-6 depth-1\" >Comunicaci\u00f3n<\/option><option value=\"Consultor\u00eda\" class=\"choice-7 depth-1\" >Consultor\u00eda<\/option><option value=\"Otro\" class=\"choice-8 depth-1\" >Otro<\/option><\/select><\/div><div id=\"wpforms-1509-field_10-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-modern\" data-field-type=\"select\" data-field-id=\"10\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-field_10\">\u00bfQu\u00e9 te interesa de nuestra comunidad? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1509-field_10\" class=\"wpforms-field-large wpforms-field-required choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"\" name=\"wpforms[fields][10][]\" required=\"required\" multiple=\"multiple\"><option value=\"\" class=\"placeholder\" disabled >-- Selecciona la opci\u00f3n --<\/option><option value=\"Networking\" class=\"choice-1 depth-1\" >Networking<\/option><option value=\"Eventos y capacitaciones\" class=\"choice-2 depth-1\" >Eventos y capacitaciones<\/option><option value=\"Generaci\u00f3n de negocios\" class=\"choice-3 depth-1\" >Generaci\u00f3n de negocios<\/option><option value=\"Internacionalizaci\u00f3n\" class=\"choice-4 depth-1\" >Internacionalizaci\u00f3n<\/option><option value=\"Tendencias e innovaci\u00f3n\" class=\"choice-7 depth-1\" >Tendencias e innovaci\u00f3n<\/option><option value=\"Conocer m\u00e1s sobre la membres\u00eda\" class=\"choice-6 depth-1\" >Conocer m\u00e1s sobre la membres\u00eda<\/option><\/select><\/div><div id=\"wpforms-1509-field_11-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-modern\" data-field-type=\"select\" data-field-id=\"11\"><label class=\"wpforms-field-label\" for=\"wpforms-1509-field_11\">\u00bfC\u00f3mo te enteraste de nosotros? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><select id=\"wpforms-1509-field_11\" class=\"wpforms-field-large wpforms-field-required choicesjs-select\" data-size-class=\"wpforms-field-row wpforms-field-large\" data-search-enabled=\"\" name=\"wpforms[fields][11]\" required=\"required\"><option value=\"\" class=\"placeholder\" disabled selected='selected'>-- Selecciona la opci\u00f3n --<\/option><option value=\"Evento\" class=\"choice-1 depth-1\" >Evento<\/option><option value=\"Referido\" class=\"choice-2 depth-1\" >Referido<\/option><option value=\"AGEXPORT\" class=\"choice-3 depth-1\" >AGEXPORT<\/option><option value=\"P\u00e1gina Web\" class=\"choice-4 depth-1\" >P\u00e1gina Web<\/option><option value=\"Redes Sociales\" class=\"choice-5 depth-1\" >Redes Sociales<\/option><\/select><\/div><div id=\"wpforms-1509-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-1509-field_6\">Comentarios adicionales<\/label><textarea id=\"wpforms-1509-field_6\" class=\"wpforms-field-medium\" name=\"wpforms[fields][6]\" aria-errormessage=\"wpforms-1509-field_6-error\" ><\/textarea><\/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-1509-field_7-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-1509-field_7-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-1509-field_7-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=\"1509\"><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\/1170\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-1509\" class=\"wpforms-submit\" data-alt-text=\"Registrando...\" data-submit-text=\"Registrarme\" aria-live=\"assertive\" value=\"wpforms-submit\">Registrarme<\/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-1509\" 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-1509\" 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\/1170\" 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\/1170\" \/>\t\t\t\t\t<input type=\"hidden\" name=\"wpforms[form_id]\" value=\"1509\">\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-0ba295e e-con-full e-flex e-con e-child\" data-id=\"0ba295e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fef2509 elementor-widget elementor-widget-html\" data-id=\"fef2509\" 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-benefits\" id=\"agx-benefits\">\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 <path d=\"M2 8 L12 3 L22 8 L12 13 Z\"\/>\n <path d=\"M6 10.5 V16 C6 17.5 8.5 19 12 19 C15.5 19 18 17.5 18 16 V10.5\"\/>\n <path d=\"M22 8 V14\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">01<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Actualizaci\u00f3n y Capacitaci\u00f3n<\/h3>\n <p class=\"agx-card-desc\">Mantente al d\u00eda con las \u00faltimas tendencias tecnol\u00f3gicas a trav\u00e9s de talleres y seminarios especializados.<\/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 <circle cx=\"12\" cy=\"4\" r=\"2\"\/>\n <circle cx=\"4\" cy=\"12\" r=\"2\"\/>\n <circle cx=\"20\" cy=\"12\" r=\"2\"\/>\n <circle cx=\"8\" cy=\"20\" r=\"2\"\/>\n <circle cx=\"16\" cy=\"20\" r=\"2\"\/>\n <line x1=\"12\" y1=\"6\" x2=\"5\" y2=\"10.5\"\/>\n <line x1=\"12\" y1=\"6\" x2=\"19\" y2=\"10.5\"\/>\n <line x1=\"5\" y1=\"13.5\" x2=\"8\" y2=\"18\"\/>\n <line x1=\"19\" y1=\"13.5\" x2=\"16\" y2=\"18\"\/>\n <line x1=\"10\" y1=\"20\" x2=\"14\" y2=\"20\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">02<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Relaci\u00f3n y Networking<\/h3>\n <p class=\"agx-card-desc\">Con\u00e9ctate con m\u00e1s de 75 empresas del sector tecnol\u00f3gico y accede a oportunidades de negocio internacional mediante eventos, ferias y redes estrat\u00e9gicas.<\/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 <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <ellipse cx=\"12\" cy=\"12\" rx=\"9\" ry=\"3.5\"\/>\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/>\n <path d=\"M12 3 C9 6.5 9 17.5 12 21\"\/>\n <path d=\"M12 3 C15 6.5 15 17.5 12 21\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">03<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Promoci\u00f3n y Visibilidad<\/h3>\n <p class=\"agx-card-desc\">Incrementa la presencia de tu empresa en mercados globales participando en ferias internacionales y recibiendo asesoramiento experto.<\/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 <path d=\"M12 2 L20 5 V12 C20 17 16 21 12 22 C8 21 4 17 4 12 V5 Z\"\/>\n <path d=\"M8.5 12 L11 14.5 L15.5 10\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">04<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Soporte Estrat\u00e9gico<\/h3>\n <p class=\"agx-card-desc\">Accede a estudios de mercado, representaci\u00f3n ante el gobierno para pol\u00edticas favorables al sector y participaci\u00f3n en proyectos de innovaci\u00f3n.<\/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=\"M6 9 L12 2 L18 9 L12 22 Z\"\/>\n <line x1=\"6\" y1=\"9\" x2=\"18\" y2=\"9\"\/>\n <path d=\"M9 9 L12 2 L15 9 L12 22 Z\"\/>\n <\/svg>\n <\/div>\n <span class=\"agx-num\">05<\/span>\n <\/div>\n <h3 class=\"agx-card-title\">Beneficios Exclusivos<\/h3>\n <p class=\"agx-card-desc\">Disfruta de tarifas preferenciales en productos, servicios y eventos organizados por AGEXPORT y sus socios estrat\u00e9gicos.<\/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 BENEFITS \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-benefits {\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: 30px;\n overflow: hidden;\n isolation: isolate;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.agx-benefits *,\n.agx-benefits *::before,\n.agx-benefits *::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-benefits .agx-atmosphere {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n.agx-benefits .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-benefits .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-benefits .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-benefits .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-benefits .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 \u2591\u2591 *\/\n.agx-benefits .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-benefits .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-benefits .agx-card.is-visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.agx-benefits .agx-card:hover {\n background: var(--agx-glass-hover);\n}\n\n\/* Borde que se ilumina siguiendo el cursor (estilo Apple\/Stripe) *\/\n.agx-benefits .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-benefits .agx-card:hover::before { opacity: 1; }\n\n\/* Glow interno suave que sigue al cursor *\/\n.agx-benefits .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-benefits .agx-card:hover::after { opacity: 1; }\n\n.agx-benefits .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-benefits .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-benefits .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-benefits .agx-icon svg { width: 22px; height: 22px; }\n\n.agx-benefits .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-benefits .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-benefits .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-benefits .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-benefits .agx-card {\n backdrop-filter: blur(16px) saturate(150%);\n -webkit-backdrop-filter: blur(16px) saturate(150%);\n }\n .agx-benefits .agx-orb { filter: blur(60px); }\n}\n\n\/* \u2591\u2591 Accesibilidad: reducir movimiento \u2591\u2591 *\/\n@media (prefers-reduced-motion: reduce) {\n .agx-benefits *,\n .agx-benefits *::before,\n .agx-benefits *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n .agx-benefits .agx-card { opacity: 1; transform: none; }\n}\n<\/style>\n\n\n<script>\n(function () {\n const section = document.querySelector('#agx-benefits');\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 Juntos conectamosm\u00e1s mercados Nuestra misi\u00f3n es llevarte al pr\u00f3ximo nivel, para que vayas un paso adelante. Muy cerca de Llegar muy lejos. 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 […]<\/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-1170","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Registro Asociados - 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-asociados\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Registro Asociados - ITO de AGEXPORT\" \/>\n<meta property=\"og:description\" content=\"Tech Background \u2014 Apple Style Juntos conectamosm\u00e1s mercados Nuestra misi\u00f3n es llevarte al pr\u00f3ximo nivel, para que vayas un paso adelante. Muy cerca de Llegar muy lejos. 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 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ito.export.com.gt\/en\/registro-asociados\/\" \/>\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-18T22:24:10+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-asociados\\\/\",\"url\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-asociados\\\/\",\"name\":\"Registro Asociados - ITO de AGEXPORT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/#website\"},\"datePublished\":\"2026-05-18T22:40:37+00:00\",\"dateModified\":\"2026-06-18T22:24:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-asociados\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ito.export.com.gt\\\/registro-asociados\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ito.export.com.gt\\\/registro-asociados\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ito.export.com.gt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Registro Asociados\"}]},{\"@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 Asociados - 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-asociados\/","og_locale":"en_US","og_type":"article","og_title":"Registro Asociados - ITO de AGEXPORT","og_description":"Tech Background \u2014 Apple Style Juntos conectamosm\u00e1s mercados Nuestra misi\u00f3n es llevarte al pr\u00f3ximo nivel, para que vayas un paso adelante. Muy cerca de Llegar muy lejos. 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 […]","og_url":"https:\/\/ito.export.com.gt\/en\/registro-asociados\/","og_site_name":"ITO de AGEXPORT","article_publisher":"https:\/\/www.facebook.com\/agexport\/?locale=es_LA","article_modified_time":"2026-06-18T22:24:10+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-asociados\/","url":"https:\/\/ito.export.com.gt\/registro-asociados\/","name":"Registro Asociados - ITO de AGEXPORT","isPartOf":{"@id":"https:\/\/ito.export.com.gt\/#website"},"datePublished":"2026-05-18T22:40:37+00:00","dateModified":"2026-06-18T22:24:10+00:00","breadcrumb":{"@id":"https:\/\/ito.export.com.gt\/registro-asociados\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ito.export.com.gt\/registro-asociados\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ito.export.com.gt\/registro-asociados\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ito.export.com.gt\/"},{"@type":"ListItem","position":2,"name":"Registro Asociados"}]},{"@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\/1170","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=1170"}],"version-history":[{"count":6,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/1170\/revisions"}],"predecessor-version":[{"id":1519,"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/pages\/1170\/revisions\/1519"}],"wp:attachment":[{"href":"https:\/\/ito.export.com.gt\/en\/wp-json\/wp\/v2\/media?parent=1170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}