{"id":20803,"date":"2026-07-21T14:34:26","date_gmt":"2026-07-21T14:34:26","guid":{"rendered":"https:\/\/indigitall.com\/?post_type=channel&#038;p=20803"},"modified":"2026-07-21T15:41:14","modified_gmt":"2026-07-21T15:41:14","slug":"datatalk","status":"publish","type":"channel","link":"https:\/\/indigitall.com\/es\/datatalk\/","title":{"rendered":"Datatalk"},"author":3,"template":"","class_list":["post-20803","channel","type-channel","status-publish","hentry"],"acf":{"icon":null,"card_title":"","card_text":"","card_text_mobile":"","card_image":null,"card_image_mobile":null,"flexible_content":[{"acf_fc_layout":"custom_html","code":"<!-- indigitall DataTalk Hero \u2014 WordPress\/ACF Custom HTML block -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&display=swap');\r\n\r\n#indi-dt-hero {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  background: linear-gradient(145deg, #0F3B7A 0%, #1565E0 60%, #0072EF 100%) !important;\r\n  width: 100% !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  box-sizing: border-box !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n#indi-dt-hero *, #indi-dt-hero *::before, #indi-dt-hero *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 BG \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .iah-texture {\r\n  position: absolute; inset: 0;\r\n  background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n  background-size: 28px 28px; pointer-events: none; z-index: 0;\r\n}\r\n#indi-dt-hero .iah-glow {\r\n  position: absolute; top: -100px; right: -60px; width: 520px; height: 520px;\r\n  background: radial-gradient(circle, rgba(138,218,63,0.12) 0%, transparent 70%);\r\n  pointer-events: none; z-index: 0;\r\n}\r\n#indi-dt-hero .iah-glow2 {\r\n  position: absolute; bottom: -80px; left: -40px; width: 400px; height: 400px;\r\n  background: radial-gradient(circle, rgba(0,114,239,0.10) 0%, transparent 70%);\r\n  pointer-events: none; z-index: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 GRID \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .iah-inner {\r\n  position: relative; z-index: 2;\r\n  max-width: 1280px; margin: 0 auto;\r\n  padding: 140px 48px 90px;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);\r\n  gap: 40px; align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 LEFT \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .iah-left {\r\n  display: flex; flex-direction: column; gap: 26px;\r\n  opacity: 0; transform: translateY(20px);\r\n  animation: iahSlideUp 0.8s cubic-bezier(0.22,1,0.36,1) 0.15s both;\r\n}\r\n\r\n#indi-dt-hero .iah-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  align-self: flex-start;\r\n  background: rgba(138,218,63,0.14); border: 1px solid rgba(138,218,63,0.4);\r\n  padding: 6px 14px; border-radius: 50px;\r\n  font-size: 11px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.08em !important; text-transform: uppercase; color: #8ADA3F !important;\r\n}\r\n#indi-dt-hero .iah-eyebrow svg { flex-shrink: 0; }\r\n\r\n#indi-dt-hero .iah-headline {\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: clamp(32px, 3.8vw, 54px) !important; font-weight: 500 !important;\r\n  line-height: 1.06 !important; letter-spacing: -0.022em !important;\r\n  color: #FFFFFF !important; margin: 0 !important;\r\n}\r\n#indi-dt-hero .iah-accent { color: #8ADA3F !important; }\r\n\r\n#indi-dt-hero .iah-sub {\r\n  font-size: 16px !important; font-weight: 400 !important;\r\n  line-height: 1.65 !important; color: rgba(255,255,255,0.78) !important; max-width: 520px;\r\n}\r\n\r\n\/* Badges *\/\r\n#indi-dt-hero .iah-badges { display: flex; flex-wrap: wrap; gap: 8px; }\r\n#indi-dt-hero .iah-badge {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.20);\r\n  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\r\n  padding: 7px 13px; border-radius: 50px;\r\n  font-size: 11px !important; font-weight: 600 !important;\r\n  color: #FFFFFF !important; letter-spacing: 0.02em; white-space: nowrap;\r\n  opacity: 0; animation: iahBadgePop 0.5s cubic-bezier(0.22,1,0.36,1) both;\r\n}\r\n#indi-dt-hero .iah-badge:nth-child(1) { animation-delay: 0.30s; }\r\n#indi-dt-hero .iah-badge:nth-child(2) { animation-delay: 0.40s; }\r\n#indi-dt-hero .iah-badge:nth-child(3) { animation-delay: 0.50s; }\r\n#indi-dt-hero .iah-badge:nth-child(4) { animation-delay: 0.60s; }\r\n#indi-dt-hero .iah-badge:nth-child(5) { animation-delay: 0.70s; }\r\n#indi-dt-hero .iah-badge:nth-child(6) { animation-delay: 0.80s; }\r\n#indi-dt-hero .iah-badge svg { flex-shrink: 0; }\r\n\r\n\/* CTAs *\/\r\n#indi-dt-hero .iah-ctas { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 4px; }\r\n#indi-dt-hero .id-btn {\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: 14px !important; font-weight: 700 !important;\r\n  line-height: 1 !important; letter-spacing: 0.98px !important;\r\n  text-transform: uppercase !important; padding: 15px 24px !important;\r\n  min-width: 200px !important; min-height: 60px !important;\r\n  display: inline-flex !important; justify-content: center !important; align-items: center !important;\r\n  border-radius: 5px !important; transition: all 0.3s ease-in-out;\r\n  border: 1px solid transparent !important; cursor: pointer;\r\n  text-decoration: none !important; white-space: nowrap;\r\n}\r\n#indi-dt-hero .id-btn.green {\r\n  background-color: #8ADA3F !important; border-color: #8ADA3F !important;\r\n  color: #0F0F0F !important; box-shadow: 0 4px 30px rgba(138,218,63,0.35);\r\n}\r\n#indi-dt-hero .id-btn.green:hover {\r\n  background-color: #9EE84F !important; border-color: #9EE84F !important;\r\n  transform: translateY(-2px); box-shadow: 0 8px 40px rgba(138,218,63,0.45);\r\n}\r\n#indi-dt-hero .id-btn.light {\r\n  background-color: #FFFFFF !important; border-color: #FFFFFF !important;\r\n  box-shadow: 0 4px 60px 0 rgba(0,0,0,0.07); color: #0F0F0F !important;\r\n  gap: 12px; padding: 8px 24px 8px 10px !important;\r\n}\r\n#indi-dt-hero .id-btn.light:hover {\r\n  background-color: #F5F7FA !important; border-color: #F5F7FA !important;\r\n  transform: translateY(-2px);\r\n}\r\n#indi-dt-hero .id-btn.light .iah-btn-ic {\r\n  width: 38px; height: 38px; border-radius: 50%; background: #EEF3FF;\r\n  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RIGHT: DataTalk desktop browser window \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .iah-right {\r\n  position: relative; display: flex;\r\n  justify-content: center; align-items: center;\r\n  opacity: 0; animation: iahFadeIn 0.8s ease 0.3s both; z-index: 1;\r\n  perspective: 1600px; perspective-origin: 50% 42%;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 3D SCENE (mouse-parallax tilt) \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .dtb-scene {\r\n  position: relative; transform-style: preserve-3d;\r\n  will-change: transform;\r\n}\r\n#indi-dt-hero .dtb-scene .dtb-win { position: relative; z-index: 2; }\r\n\r\n\/* Floating depth chips *\/\r\n#indi-dt-hero .iah-float {\r\n  position: absolute; z-index: 3; pointer-events: none;\r\n  transform: translateZ(var(--z, 80px));\r\n  transform-style: preserve-3d;\r\n  opacity: 0; animation: iahFadeIn 0.7s ease both;\r\n}\r\n#indi-dt-hero .iah-float-in {\r\n  display: flex; align-items: center; gap: 9px;\r\n  background: rgba(13,42,99,0.82);\r\n  border: 1px solid rgba(255,255,255,0.22);\r\n  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\r\n  border-radius: 14px; padding: 8px 14px 8px 8px;\r\n  box-shadow: 0 20px 44px -14px rgba(4,12,32,0.6), inset 0 1px 0 rgba(255,255,255,0.18);\r\n  animation: iahFloatY 6s ease-in-out infinite;\r\n}\r\n#indi-dt-hero .fchip {\r\n  width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0;\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);\r\n}\r\n#indi-dt-hero .ftxt b {\r\n  display: block; font-size: 12.5px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; line-height: 1.15; letter-spacing: -0.01em;\r\n}\r\n#indi-dt-hero .ftxt span {\r\n  display: block; font-size: 9.5px !important; font-weight: 600 !important;\r\n  color: rgba(255,255,255,0.7) !important; letter-spacing: 0.02em; margin-top: 1px;\r\n}\r\n#indi-dt-hero .f-wa   { top: -30px; left: -46px;  --z: 130px; animation-delay: 0.9s; }\r\n#indi-dt-hero .f-kpi  { bottom: 40px; left: -66px; --z: 80px;  animation-delay: 1.15s; }\r\n#indi-dt-hero .f-seg  { top: 96px; right: -58px;   --z: 155px; animation-delay: 1.35s; }\r\n#indi-dt-hero .f-wa  .iah-float-in { animation-delay: 0s; }\r\n#indi-dt-hero .f-kpi .iah-float-in { animation-delay: 1.6s; }\r\n#indi-dt-hero .f-seg .iah-float-in { animation-delay: 0.8s; }\r\n\r\n\/* Browser window shell *\/\r\n#indi-dt-hero .dtb-win {\r\n  width: 500px; max-width: 100%; background: #FFFFFF;\r\n  border-radius: 14px; overflow: hidden;\r\n  box-shadow: 0 32px 64px -16px rgba(4,12,32,0.75),\r\n              0 0 0 1px rgba(255,255,255,0.06),\r\n              inset 0 1px 0 rgba(255,255,255,0.12);\r\n}\r\n\r\n\/* Browser chrome bar *\/\r\n#indi-dt-hero .dtb-bar {\r\n  height: 38px; background: #E7ECF2; border-bottom: 1px solid #D3DCE6;\r\n  display: flex; align-items: center; gap: 12px; padding: 0 13px;\r\n}\r\n#indi-dt-hero .dtb-dots { display: flex; gap: 6px; flex-shrink: 0; }\r\n#indi-dt-hero .dtb-dot { width: 11px; height: 11px; border-radius: 50%; }\r\n#indi-dt-hero .dtb-dot.r { background: #FF5F57; }\r\n#indi-dt-hero .dtb-dot.y { background: #FEBC2E; }\r\n#indi-dt-hero .dtb-dot.g { background: #28C840; }\r\n#indi-dt-hero .dtb-addr {\r\n  flex: 1; height: 23px; background: #FFFFFF; border: 1px solid #D3DCE6;\r\n  border-radius: 6px; display: flex; align-items: center; gap: 6px; padding: 0 10px;\r\n  font-size: 10px !important; font-weight: 500 !important; color: #7C8BA1 !important;\r\n}\r\n#indi-dt-hero .dtb-addr svg { flex-shrink: 0; }\r\n\r\n\/* DataTalk app nav *\/\r\n#indi-dt-hero .dt-nav {\r\n  background: linear-gradient(90deg, #0A2956 0%, #0F3B7A 55%, #0E52C1 100%);\r\n  padding: 9px 13px; display: flex; align-items: center; gap: 10px;\r\n  position: relative; overflow: hidden;\r\n}\r\n#indi-dt-hero .dt-nav::after {\r\n  content: ''; position: absolute; top: 0; bottom: 0; left: -70%; width: 45%;\r\n  background: linear-gradient(90deg, transparent, rgba(138,218,63,0.13), transparent);\r\n  animation: iahScan 5s ease-in-out infinite; pointer-events: none;\r\n}\r\n#indi-dt-hero .dt-logo { display: flex; align-items: center; gap: 9px; }\r\n#indi-dt-hero .dt-logo-ig { height: 19px; width: auto; display: block; flex-shrink: 0; }\r\n#indi-dt-hero .dt-logo-div { width: 1px; height: 15px; background: rgba(255,255,255,0.28); flex-shrink: 0; }\r\n#indi-dt-hero .dt-logo-prod {\r\n  font-size: 12.5px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; letter-spacing: -0.01em; line-height: 1;\r\n}\r\n#indi-dt-hero .dt-nav-sp { flex: 1; }\r\n#indi-dt-hero .dt-console {\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n  background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.20);\r\n  border-radius: 6px; padding: 5px 9px;\r\n  font-size: 9.5px !important; font-weight: 600 !important; color: #FFFFFF !important; white-space: nowrap;\r\n}\r\n#indi-dt-hero .dt-acct { display: flex; align-items: center; gap: 6px; }\r\n#indi-dt-hero .dt-acct-av {\r\n  width: 22px; height: 22px; border-radius: 50%;\r\n  background: linear-gradient(135deg, #0072EF, #8ADA3F);\r\n  border: 1.5px solid rgba(255,255,255,0.25); flex-shrink: 0;\r\n}\r\n#indi-dt-hero .dt-acct-nm {\r\n  font-size: 9.5px !important; font-weight: 600 !important; color: rgba(255,255,255,0.9) !important; white-space: nowrap;\r\n}\r\n\r\n\/* App header row *\/\r\n#indi-dt-hero .dt-head {\r\n  background: #FFFFFF; padding: 11px 15px;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  border-bottom: 1px solid #EEF1F5;\r\n}\r\n#indi-dt-hero .dt-title {\r\n  font-size: 14px !important; font-weight: 600 !important; color: #0F3B7A !important;\r\n}\r\n#indi-dt-hero .dt-newq {\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n  background: #0072EF; border-radius: 6px; padding: 6px 11px;\r\n  font-size: 10px !important; font-weight: 700 !important; color: #FFFFFF !important; white-space: nowrap;\r\n}\r\n\r\n\/* Conversation area *\/\r\n#indi-dt-hero .dt-conv {\r\n  background: #F4F6F9; padding: 15px 15px 6px;\r\n  display: flex; flex-direction: column; gap: 11px;\r\n  min-height: 452px;\r\n}\r\n#indi-dt-hero .dt-conv > * {\r\n  animation: iahMsgIn 0.45s cubic-bezier(0.22,1,0.36,1) both;\r\n}\r\n#indi-dt-hero .dt-conv > *:nth-child(1) { animation-delay: 0.5s; }\r\n#indi-dt-hero .dt-conv > *:nth-child(2) { animation-delay: 1.0s; }\r\n#indi-dt-hero .dt-conv > *:nth-child(3) { animation-delay: 1.8s; }\r\n#indi-dt-hero .dt-conv > *:nth-child(4) { animation-delay: 3.0s; }\r\n\r\n#indi-dt-hero .dt-today {\r\n  align-self: center; background: #FFFFFF; border: 1px solid #E4EAF2;\r\n  border-radius: 50px; padding: 3px 12px;\r\n  font-size: 9px !important; font-weight: 600 !important; color: #7C8BA1 !important;\r\n}\r\n\r\n\/* User query bubble *\/\r\n#indi-dt-hero .dt-umsg {\r\n  align-self: flex-end; max-width: 84%;\r\n  background: #DCEBFF; color: #0F3B7A !important;\r\n  border-radius: 12px 12px 4px 12px; padding: 10px 13px;\r\n  font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.5 !important;\r\n  box-shadow: 0 1px 3px rgba(0,114,239,0.12);\r\n}\r\n#indi-dt-hero .dt-umsg .dt-ts {\r\n  display: block; text-align: right; margin-top: 4px;\r\n  font-size: 8.5px !important; color: #6F92C4 !important;\r\n}\r\n\r\n\/* Assistant reasoning checklist *\/\r\n#indi-dt-hero .dt-think {\r\n  align-self: flex-start; max-width: 92%;\r\n  display: flex; gap: 8px;\r\n}\r\n#indi-dt-hero .dt-think-spark { flex-shrink: 0; margin-top: 1px; }\r\n#indi-dt-hero .dt-think-rows { display: flex; flex-direction: column; gap: 6px; }\r\n#indi-dt-hero .dt-trow {\r\n  display: flex; align-items: center; gap: 7px;\r\n  font-size: 11px !important; font-weight: 500 !important; color: #5A6B85 !important;\r\n}\r\n#indi-dt-hero .dt-trow svg { flex-shrink: 0; }\r\n#indi-dt-hero .dt-spin {\r\n  width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0;\r\n  border: 2px solid #CBD8E8; border-top-color: #0072EF;\r\n  animation: iahSpin 0.8s linear infinite;\r\n}\r\n\r\n\/* Assistant answer card *\/\r\n#indi-dt-hero .dt-answer {\r\n  align-self: flex-start; max-width: 92%;\r\n  background: #FFFFFF; border: 1px solid #E4EAF2;\r\n  border-radius: 4px 12px 12px 12px; padding: 12px 13px;\r\n  font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.55 !important;\r\n  color: #1A2433 !important; box-shadow: 0 2px 8px rgba(15,59,122,0.08);\r\n}\r\n#indi-dt-hero .dt-answer b { font-weight: 700 !important; color: #0F3B7A !important; }\r\n#indi-dt-hero .dt-code {\r\n  font-family: 'SFMono-Regular', Consolas, monospace !important;\r\n  font-size: 10px !important; background: #EEF3FF; color: #0055BB !important;\r\n  padding: 1px 5px; border-radius: 4px;\r\n}\r\n#indi-dt-hero .dt-flist { list-style: none; margin: 9px 0 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }\r\n#indi-dt-hero .dt-fitem {\r\n  display: flex; align-items: center; gap: 8px;\r\n  font-size: 11px !important; color: #3A4A61 !important;\r\n}\r\n#indi-dt-hero .dt-fdot { width: 5px; height: 5px; border-radius: 50%; background: #0072EF; flex-shrink: 0; }\r\n#indi-dt-hero .dt-fitem b { color: #0F3B7A !important; font-weight: 700 !important; }\r\n#indi-dt-hero .dt-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }\r\n#indi-dt-hero .dt-pill {\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n  border-radius: 50px; padding: 3px 10px;\r\n  font-size: 9.5px !important; font-weight: 700 !important;\r\n}\r\n#indi-dt-hero .dt-pill.ok {\r\n  background: rgba(48,192,84,0.12); border: 1px solid rgba(48,192,84,0.4); color: #1A7A33 !important;\r\n}\r\n#indi-dt-hero .dt-pill.nosql {\r\n  background: rgba(0,114,239,0.10); border: 1px solid rgba(0,114,239,0.28); color: #0055BB !important;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Reveal gating (interactive demo) \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .dt-think,\r\n#indi-dt-hero .dt-answer.dt-report { display: none; animation: none !important; }\r\n#indi-dt-hero .dt-think.show { display: flex; animation: iahMsgIn 0.45s cubic-bezier(0.22,1,0.36,1) both !important; }\r\n#indi-dt-hero .dt-answer.dt-report.show { display: block; animation: iahMsgIn 0.45s cubic-bezier(0.22,1,0.36,1) both !important; }\r\n#indi-dt-hero .dt-check-last { display: none; }\r\n#indi-dt-hero .dt-think.done .dt-spin { display: none; }\r\n#indi-dt-hero .dt-think.done .dt-check-last { display: inline; }\r\n\r\n\/* Report \/ KPI chart card *\/\r\n#indi-dt-hero .dt-rep-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }\r\n#indi-dt-hero .dt-rep-eyebrow {\r\n  font-size: 8.5px !important; font-weight: 700 !important; letter-spacing: 0.07em;\r\n  text-transform: uppercase; color: #7C8BA1 !important; display: block;\r\n}\r\n#indi-dt-hero .dt-rep-total {\r\n  font-size: 20px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n  letter-spacing: -0.02em; margin-top: 3px; display: flex; align-items: baseline; gap: 7px;\r\n}\r\n#indi-dt-hero .dt-rep-delta {\r\n  font-size: 10.5px !important; font-weight: 700 !important; color: #1A7A33 !important;\r\n  display: inline-flex; align-items: center; gap: 2px;\r\n}\r\n#indi-dt-hero .dt-rep-badge {\r\n  display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0;\r\n  background: rgba(48,192,84,0.12); border: 1px solid rgba(48,192,84,0.35);\r\n  border-radius: 50px; padding: 3px 10px;\r\n  font-size: 9px !important; font-weight: 700 !important; color: #1A7A33 !important;\r\n}\r\n#indi-dt-hero .dt-rep-badge::before {\r\n  content: ''; width: 5px; height: 5px; border-radius: 50%; background: #30C054;\r\n  animation: iahPulse 2s ease-in-out infinite;\r\n}\r\n#indi-dt-hero .dt-chart {\r\n  display: flex; align-items: stretch; gap: 9px; height: 132px; margin-top: 14px;\r\n}\r\n#indi-dt-hero .dt-bar { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; }\r\n#indi-dt-hero .dt-bar-val {\r\n  font-size: 9.5px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n  margin-bottom: 5px; opacity: 0; transition: opacity 0.5s ease 0.55s;\r\n}\r\n#indi-dt-hero .dt-bar-col { flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: center; }\r\n#indi-dt-hero .dt-bar-fill {\r\n  width: 72%; max-width: 32px; height: 0; border-radius: 6px 6px 0 0;\r\n  background: var(--c, #0072EF); box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);\r\n  transition: height 0.9s cubic-bezier(0.65,0,0.35,1);\r\n}\r\n#indi-dt-hero .dt-bar-lbl {\r\n  font-size: 9px !important; font-weight: 600 !important; color: #5A6B85 !important; margin-top: 7px;\r\n}\r\n#indi-dt-hero .dt-report.dt-play .dt-bar-val { opacity: 1; }\r\n#indi-dt-hero .dt-report.dt-play .dt-bar-fill { height: var(--h, 50%); }\r\n#indi-dt-hero .dt-report.dt-play .dt-bar:nth-child(1) .dt-bar-fill { transition-delay: 0.05s; }\r\n#indi-dt-hero .dt-report.dt-play .dt-bar:nth-child(2) .dt-bar-fill { transition-delay: 0.14s; }\r\n#indi-dt-hero .dt-report.dt-play .dt-bar:nth-child(3) .dt-bar-fill { transition-delay: 0.23s; }\r\n#indi-dt-hero .dt-report.dt-play .dt-bar:nth-child(4) .dt-bar-fill { transition-delay: 0.32s; }\r\n\r\n\/* \"Mira c\u00f3mo funciona\" tooltip *\/\r\n#indi-dt-hero .dt-tip {\r\n  position: absolute; bottom: calc(100% + 11px); right: 10px; z-index: 5;\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: #0F3B7A; color: #FFFFFF !important;\r\n  font-size: 10.5px !important; font-weight: 700 !important; white-space: nowrap;\r\n  padding: 7px 12px; border-radius: 9px;\r\n  box-shadow: 0 10px 26px -8px rgba(4,12,32,0.55);\r\n  opacity: 0; pointer-events: none; transition: opacity 0.35s ease;\r\n}\r\n#indi-dt-hero .dt-tip.show { opacity: 1; animation: iahTipBob 1.9s ease-in-out infinite; }\r\n#indi-dt-hero .dt-tip::after {\r\n  content: ''; position: absolute; top: 100%; right: 24px;\r\n  border: 6px solid transparent; border-top-color: #0F3B7A;\r\n}\r\n#indi-dt-hero .dt-send.pulse { animation: iahSendPulse 1.9s ease-in-out infinite; }\r\n@keyframes iahTipBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }\r\n@keyframes iahSendPulse {\r\n  0%, 100% { box-shadow: 0 0 0 0 rgba(0,114,239,0); }\r\n  50% { box-shadow: 0 0 0 5px rgba(0,114,239,0.18); }\r\n}\r\n\r\n\/* Query input bar *\/\r\n#indi-dt-hero .dt-input {\r\n  background: #FFFFFF; border-top: 1px solid #EEF1F5;\r\n  padding: 11px 13px; display: flex; align-items: center; gap: 9px;\r\n  position: relative;\r\n}\r\n#indi-dt-hero .dt-field {\r\n  flex: 1; height: 34px; background: #F4F6F9; border: 1px solid #DCE3EC;\r\n  border-radius: 8px; padding: 0 12px; display: flex; align-items: center;\r\n  font-size: 11px !important; font-weight: 400 !important; color: #9AA7B8 !important;\r\n}\r\n#indi-dt-hero .dt-send {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: #0072EF; border-radius: 8px; padding: 8px 14px;\r\n  font-size: 10.5px !important; font-weight: 700 !important; color: #FFFFFF !important; white-space: nowrap;\r\n  cursor: pointer; transition: background 0.2s ease, transform 0.2s ease;\r\n}\r\n#indi-dt-hero .dt-send:hover { background: #0055BB; transform: translateY(-1px); }\r\n\r\n\/* MCP data-source strip *\/\r\n#indi-dt-hero .dt-mcp {\r\n  background: #071428; padding: 9px 15px; display: flex; align-items: center; gap: 8px;\r\n}\r\n#indi-dt-hero .dt-mcp-pill {\r\n  font-size: 8.5px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.07em; text-transform: uppercase; color: #0072EF !important;\r\n  background: rgba(0,114,239,0.15); padding: 3px 8px; border-radius: 4px; white-space: nowrap;\r\n}\r\n#indi-dt-hero .dt-mcp-tags { display: flex; gap: 5px; }\r\n#indi-dt-hero .dt-mcp-tag {\r\n  display: inline-flex; align-items: center; gap: 4px;\r\n  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.09);\r\n  border-radius: 5px; padding: 3px 8px;\r\n  font-size: 9px !important; font-weight: 700 !important;\r\n  color: rgba(255,255,255,0.72) !important; white-space: nowrap;\r\n}\r\n#indi-dt-hero .dt-mdot {\r\n  width: 5px; height: 5px; border-radius: 50%; background: #8ADA3F;\r\n  animation: iahPulse 2s ease-in-out infinite;\r\n}\r\n#indi-dt-hero .dt-mcp-tag:nth-child(1) .dt-mdot { animation-delay: 0s; }\r\n#indi-dt-hero .dt-mcp-tag:nth-child(2) .dt-mdot { animation-delay: 0.5s; }\r\n#indi-dt-hero .dt-mcp-tag:nth-child(3) .dt-mdot { animation-delay: 1.0s; }\r\n#indi-dt-hero .dt-mcp-tag:nth-child(4) .dt-mdot { animation-delay: 1.5s; }\r\n\r\n\/* \u2500\u2500\u2500 KEYFRAMES \u2500\u2500\u2500 *\/\r\n@keyframes iahSlideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes iahFadeIn  { from { opacity: 0; } to { opacity: 1; } }\r\n@keyframes iahMsgIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes iahBadgePop { from { opacity: 0; transform: scale(0.85) translateY(-4px); } to { opacity: 1; transform: scale(1) translateY(0); } }\r\n@keyframes iahPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.30; } }\r\n@keyframes iahScan { 0% { left: -70%; } 100% { left: 130%; } }\r\n@keyframes iahFloatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }\r\n@keyframes iahSpin { to { transform: rotate(360deg); } }\r\n\r\n\/* \u2500\u2500\u2500 REDUCED MOTION \u2500\u2500\u2500 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-dt-hero .iah-left,\r\n  #indi-dt-hero .iah-right,\r\n  #indi-dt-hero .iah-badge,\r\n  #indi-dt-hero .dt-mdot,\r\n  #indi-dt-hero .dt-spin,\r\n  #indi-dt-hero .dt-conv > *,\r\n  #indi-dt-hero .iah-float,\r\n  #indi-dt-hero .iah-float-in {\r\n    opacity: 1 !important; transform: none !important; animation: none !important;\r\n  }\r\n  #indi-dt-hero .dt-nav::after { display: none; }\r\n  #indi-dt-hero .dtb-scene { transform: none !important; }\r\n  #indi-dt-hero .dt-think.show,\r\n  #indi-dt-hero .dt-answer.dt-report.show { animation: none !important; }\r\n  #indi-dt-hero .dt-bar-fill { transition: none !important; }\r\n  #indi-dt-hero .dt-tip { display: none; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  #indi-dt-hero .iah-inner { padding: 100px 32px 70px; gap: 32px; }\r\n}\r\n@media (max-width: 960px) {\r\n  #indi-dt-hero .iah-inner {\r\n    grid-template-columns: 1fr; padding: 118px 24px 60px; gap: 48px; justify-items: center;\r\n  }\r\n  #indi-dt-hero .iah-left { text-align: center; align-items: center; }\r\n  #indi-dt-hero .iah-right { perspective: none; }\r\n  #indi-dt-hero .dtb-scene { transform: none !important; }\r\n  #indi-dt-hero .iah-float { display: none; }\r\n  #indi-dt-hero .iah-eyebrow { align-self: center; }\r\n  #indi-dt-hero .iah-badges { justify-content: center; }\r\n  #indi-dt-hero .iah-ctas { justify-content: center; }\r\n  #indi-dt-hero .iah-sub { margin: 0 auto; }\r\n}\r\n@media (max-width: 600px) {\r\n  #indi-dt-hero .iah-inner { padding: 104px 16px 48px; }\r\n  #indi-dt-hero .id-btn { flex: 1 1 100%; min-width: 0 !important; }\r\n  #indi-dt-hero .dtb-win { width: 100%; }\r\n  #indi-dt-hero .dt-acct-nm { display: none; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"indi-dt-hero\" role=\"banner\" aria-label=\"indigitall DataTalk \u2014 pregunta a tus datos, responde y act\u00faa\">\r\n  <div class=\"iah-texture\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"iah-glow\"    aria-hidden=\"true\"><\/div>\r\n  <div class=\"iah-glow2\"   aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"iah-inner\">\r\n\r\n    <!-- \u2500\u2500 LEFT \u2500\u2500 -->\r\n    <div class=\"iah-left\">\r\n\r\n      <span class=\"iah-eyebrow\">\r\n        <!-- Lucide: sparkles -->\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3l1.9 4.6L18.5 9l-4.6 1.9L12 15l-1.9-4.1L5.5 9l4.6-1.4z\"\/><path d=\"M19 15l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8z\"\/><\/svg>\r\n        DataTalk \u00b7 indigitall\r\n      <\/span>\r\n\r\n      <h1 class=\"iah-headline\">\r\n        Pregunta a tus datos.<br><span class=\"iah-accent\">Responde \u2014 y act\u00faa.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"iah-sub\">\r\n        El asistente de IA sobre tu CDP. Gr\u00e1ficos, tablas y tarjetas de KPI a partir de preguntas en lenguaje natural \u2014 y acciones ag\u00e9nticas como crear un segmento con una sola frase. Datos en vivo, dentro de la plataforma. Sin SQL, sin esperar a un analista.\r\n      <\/p>\r\n\r\n      <div class=\"iah-badges\" role=\"list\" aria-label=\"Certificaciones de confianza y reconocimiento\">\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2l2.4 4.8L20 8l-4 3.9.9 5.5L12 15l-4.9 2.4.9-5.5L4 8l5.6-1.2z\"\/><\/svg>\r\n          Meta Business Partner \u00b7 Tier 1\r\n        <\/span>\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>\r\n          ISO 27001\r\n        <\/span>\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n          RGPD\r\n        <\/span>\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n          HIPAA\r\n        <\/span>\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.477 12.89L17 22l-5-3-5 3 1.523-9.11\"\/><\/svg>\r\n          ENS\r\n        <\/span>\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n          #1 en G2\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"iah-ctas\">\r\n        <a href=\"https:\/\/indigitall.com\/es\/agendar-reunion\/\" class=\"id-btn green\" aria-label=\"Solicita una demo de indigitall DataTalk\">SOLICITA UNA DEMO<\/a>\r\n      <\/div>\r\n    <\/div><!-- \/left -->\r\n\r\n    <!-- \u2500\u2500 RIGHT: DataTalk desktop browser window \u2500\u2500 -->\r\n    <div class=\"iah-right\" role=\"img\" aria-label=\"La app de escritorio DataTalk: un usuario pide en lenguaje natural un gr\u00e1fico de aperturas por canal de los \u00faltimos 30 d\u00edas; DataTalk razona la petici\u00f3n y crea el informe al instante \u2014 sin SQL.\">\r\n\r\n      <div class=\"dtb-scene\">\r\n\r\n      <!-- Floating depth chips (3D parallax) -->\r\n      <div class=\"iah-float f-wa\" aria-hidden=\"true\">\r\n        <div class=\"iah-float-in\">\r\n          <span class=\"fchip\" style=\"background:#25D366\">\r\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n          <\/span>\r\n          <div class=\"ftxt\"><b>WhatsApp<\/b><span>channel synced<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"iah-float f-kpi\" aria-hidden=\"true\">\r\n        <div class=\"iah-float-in\">\r\n          <span class=\"fchip\" style=\"background:#0072EF\">\r\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 16.5 8.5 11.5 1 19\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n          <\/span>\r\n          <div class=\"ftxt\"><b>+38%<\/b><span>conversion<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"iah-float f-seg\" aria-hidden=\"true\">\r\n        <div class=\"iah-float-in\">\r\n          <span class=\"fchip\" style=\"background:#12872F\">\r\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n          <\/span>\r\n          <div class=\"ftxt\"><b>12,480<\/b><span>in segment<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dtb-win\">\r\n\r\n        <!-- Browser chrome -->\r\n        <div class=\"dtb-bar\" aria-hidden=\"true\">\r\n          <div class=\"dtb-dots\"><span class=\"dtb-dot r\"><\/span><span class=\"dtb-dot y\"><\/span><span class=\"dtb-dot g\"><\/span><\/div>\r\n          <div class=\"dtb-addr\">\r\n            <!-- Lucide: lock -->\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n            datatalk.indigitall.com\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- DataTalk app nav -->\r\n        <div class=\"dt-nav\" aria-hidden=\"true\">\r\n          <div class=\"dt-logo\">\r\n            <svg class=\"dt-logo-ig\" viewBox=\"255 135 1220 290\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"indigitall\"><path fill=\"#8ADA3F\" d=\"M265.51,257.27a17.36,17.36,0,1,1,17.25,17.48A17.37,17.37,0,0,1,265.51,257.27Zm29.9,145.59v-115H270.34v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M437.09,333.63v69.23H412V335.7c0-17.48-10.35-29-27.6-29s-29,11.5-29,29v67.16h-25.3V317.07c0-6.21-.92-10.12-5.29-10.12a5.94,5.94,0,0,0-3.68,1.38l-1.61-.69-3.68-17,.92-1.61c3.22-2.3,8.28-3.91,14.26-3.91,10.58,0,17.71,5.29,20.7,14.49,9-9,22.08-14.49,37.49-14.49C418.46,285.1,437.09,304.88,437.09,333.63Z\"><\/path><path fill=\"#8ADA3F\" d=\"M593.49,400.1l-.92,1.61a24,24,0,0,1-13.8,3.91c-11,0-18.63-6.21-21.39-16.56-9.89,10.12-23.69,16.56-40.71,16.56-34.27,0-58-26.68-58-60.26,0-33.81,23.92-60.26,57.73-60.26a57.36,57.36,0,0,1,37.95,14V249.45L577.62,246l1.61,1.15v126.5c0,6.21,1.15,10.12,5.29,10.12a5.93,5.93,0,0,0,3.68-1.38l1.61.69Zm-37-54.74c0-25.3-16.33-38.41-35.88-38.41-22.31,0-36.34,17.25-36.34,38.41s14,38.41,36.34,38.41C540.36,383.77,556.46,370.43,556.46,345.36Z\"><\/path><path fill=\"#8ADA3F\" d=\"M609.13,257.27a17.37,17.37,0,1,1,17.25,17.48A17.37,17.37,0,0,1,609.13,257.27ZM639,402.86v-115H614v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M795.43,290.62l-3.68,17-1.61.69a5.93,5.93,0,0,0-3.68-1.38c-4.37,0-5.29,3.91-5.29,10.12v65.78c0,37.95-27.83,55-60.26,55-23.46,0-42.09-9.2-53.36-23.46v-1.61l11.5-13.8h1.61C689.4,410.22,703.43,418,721.14,418c19.78,0,35.88-10.12,35.88-32.2v-5.29c-9.66,8-22.77,12.88-37.49,12.88-32.66,0-56.58-23.46-56.58-54.28,0-30.59,23.92-54,56.81-54,16.1,0,29.67,5.75,39.79,15,2.76-9.43,10.12-15,20.93-15,6,0,10.81,1.61,14,3.91Zm-37.95,48.76c0-20-14.26-34.5-34.73-34.5s-34.5,14.49-34.5,34.27c0,20,13.8,34.27,34.73,34.27C743.45,373.42,757.48,359.16,757.48,339.38Z\"><\/path><path fill=\"#8ADA3F\" d=\"M810.84,257.27a17.37,17.37,0,1,1,17.25,17.48A17.37,17.37,0,0,1,810.84,257.27Zm29.9,145.59v-115H815.67v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M940.55,397.57l-.69,1.84c-6.21,4.37-13.8,6.21-21.39,6.21-22.08,0-38.87-15.18-38.87-41.17v-57H860.05V287.86H879.6V254.05l23.23-3.45,1.84,1.15v36.11h35v19.55h-35v55.2c0,13.57,6.21,21.39,17.25,21.39,3.68,0,6.44-1.15,9.66-3.22l1.61.92Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1072.11,400.1l-.92,1.61a24,24,0,0,1-13.8,3.91c-10.35,0-17.94-5.52-20.93-14.95-9.89,9.43-24.15,14.95-39.33,14.95-23.69,0-45.54-13.11-45.54-37.95,0-25.53,23-37.26,51.29-37.26a86.65,86.65,0,0,1,30.36,5.29v-6.44c0-16.56-15-24.61-30.82-24.61-13.11,0-23.23,5.52-31.28,13.34H969.3l-12.65-12v-1.84c12.42-12,28.29-19.09,48.07-19.09,24.84,0,53.13,11,53.13,44.16v44.39c0,6.21,1.15,10.12,5.29,10.12a5.93,5.93,0,0,0,3.68-1.38l1.61.69Zm-38.87-47.38a77.27,77.27,0,0,0-27.14-5.29c-18.17,0-29.44,7.82-29.44,20.24,0,13.11,12.42,19.55,25.53,19.55,15.87,0,31-9.89,31-26Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1091.43,249.45l23.23-3.45,1.84,1.15v126.5c0,6.21.92,10.12,5.06,10.12a6.09,6.09,0,0,0,3.91-1.38l1.61.69,3.68,17-.92,1.61c-3.22,2.3-8.28,3.91-14.49,3.91-15.87,0-23.92-10.58-23.92-26.45Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1151,249.45l23.23-3.45,1.84,1.15v126.5c0,6.21.92,10.12,5.06,10.12a6.09,6.09,0,0,0,3.91-1.38l1.61.69,3.68,17-.92,1.61c-3.22,2.3-8.28,3.91-14.49,3.91C1159,405.62,1151,395,1151,379.17Z\"><\/path><path fill=\"#8ADA3F\" d=\"M265.51,257.05a17.36,17.36,0,1,1,17.25,17.48A17.37,17.37,0,0,1,265.51,257.05Zm29.9,145.59v-115H270.34v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M437.09,333.41v69.23H412V335.48c0-17.48-10.35-29-27.6-29s-29,11.5-29,29v67.16h-25.3V316.85c0-6.21-.92-10.12-5.29-10.12a5.94,5.94,0,0,0-3.68,1.38l-1.61-.69-3.68-17,.92-1.61c3.22-2.3,8.28-3.91,14.26-3.91,10.58,0,17.71,5.29,20.7,14.49,9-9,22.08-14.49,37.49-14.49C418.46,284.88,437.09,304.66,437.09,333.41Z\"><\/path><path fill=\"#8ADA3F\" d=\"M593.49,399.88l-.92,1.61a24,24,0,0,1-13.8,3.91c-11,0-18.63-6.21-21.39-16.56-9.89,10.12-23.69,16.56-40.71,16.56-34.27,0-58-26.68-58-60.26,0-33.81,23.92-60.26,57.73-60.26a57.36,57.36,0,0,1,37.95,14V249.23l23.23-3.45,1.61,1.15v126.5c0,6.21,1.15,10.12,5.29,10.12a5.93,5.93,0,0,0,3.68-1.38l1.61.69Zm-37-54.74c0-25.3-16.33-38.41-35.88-38.41-22.31,0-36.34,17.25-36.34,38.41s14,38.41,36.34,38.41C540.36,383.55,556.46,370.21,556.46,345.14Z\"><\/path><path fill=\"#8ADA3F\" d=\"M609.13,257.05a17.37,17.37,0,1,1,17.25,17.48A17.37,17.37,0,0,1,609.13,257.05ZM639,402.64v-115H614v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M795.43,290.4l-3.68,17-1.61.69a5.93,5.93,0,0,0-3.68-1.38c-4.37,0-5.29,3.91-5.29,10.12v65.78c0,37.95-27.83,55-60.26,55-23.46,0-42.09-9.2-53.36-23.46v-1.61l11.5-13.8h1.61c8.74,11.27,22.77,19.09,40.48,19.09,19.78,0,35.88-10.12,35.88-32.2v-5.29c-9.66,8-22.77,12.88-37.49,12.88-32.66,0-56.58-23.46-56.58-54.28,0-30.59,23.92-54,56.81-54,16.1,0,29.67,5.75,39.79,15,2.76-9.43,10.12-15,20.93-15,6,0,10.81,1.61,14,3.91Zm-37.95,48.76c0-20-14.26-34.5-34.73-34.5s-34.5,14.49-34.5,34.27c0,20,13.8,34.27,34.73,34.27C743.45,373.2,757.48,358.94,757.48,339.16Z\"><\/path><path fill=\"#8ADA3F\" d=\"M810.84,257.05a17.37,17.37,0,1,1,17.25,17.48A17.37,17.37,0,0,1,810.84,257.05Zm29.9,145.59v-115H815.67v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M940.55,397.35l-.69,1.84c-6.21,4.37-13.8,6.21-21.39,6.21-22.08,0-38.87-15.18-38.87-41.17v-57H860.05V287.64H879.6V253.83l23.23-3.45,1.84,1.15v36.11h35v19.55h-35v55.2c0,13.57,6.21,21.39,17.25,21.39,3.68,0,6.44-1.15,9.66-3.22l1.61.92Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1072.11,399.88l-.92,1.61a24,24,0,0,1-13.8,3.91c-10.35,0-17.94-5.52-20.93-14.95-9.89,9.43-24.15,14.95-39.33,14.95-23.69,0-45.54-13.11-45.54-37.95,0-25.53,23-37.26,51.29-37.26a86.65,86.65,0,0,1,30.36,5.29V329c0-16.56-15-24.61-30.82-24.61-13.11,0-23.23,5.52-31.28,13.34H969.3l-12.65-12V304c12.42-12,28.29-19.09,48.07-19.09,24.84,0,53.13,11,53.13,44.16v44.39c0,6.21,1.15,10.12,5.29,10.12a5.93,5.93,0,0,0,3.68-1.38l1.61.69Zm-38.87-47.38a77.27,77.27,0,0,0-27.14-5.29c-18.17,0-29.44,7.82-29.44,20.24,0,13.11,12.42,19.55,25.53,19.55,15.87,0,31-9.89,31-26Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1091.43,249.23l23.23-3.45,1.84,1.15v126.5c0,6.21.92,10.12,5.06,10.12a6.09,6.09,0,0,0,3.91-1.38l1.61.69,3.68,17-.92,1.61c-3.22,2.3-8.28,3.91-14.49,3.91-15.87,0-23.92-10.58-23.92-26.45Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1151,249.23l23.23-3.45,1.84,1.15v126.5c0,6.21.92,10.12,5.06,10.12a6.09,6.09,0,0,0,3.91-1.38l1.61.69,3.68,17-.92,1.61c-3.22,2.3-8.28,3.91-14.49,3.91-15.87,0-23.92-10.58-23.92-26.45Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1429.53,144a35.94,35.94,0,1,0,35.92,36A36,36,0,0,0,1429.53,144Z\"><\/path><path fill=\"#FFFFFF\" d=\"M1375.95,359.56h-50.14a76.28,76.28,0,0,1-76.2-76.2V233.22a76.28,76.28,0,0,1,76.2-76.2h40.56a12,12,0,1,1,0,24h-40.56a52.29,52.29,0,0,0-52.24,52.24v50.14a52.29,52.29,0,0,0,52.24,52.24h50.14a52.29,52.29,0,0,0,52.24-52.24V242.8a12,12,0,0,1,24,0v40.56A76.28,76.28,0,0,1,1375.95,359.56Z\"><\/path><\/svg>\r\n            <span class=\"dt-logo-div\"><\/span>\r\n            <span class=\"dt-logo-prod\">DataTalk<\/span>\r\n          <\/div>\r\n          <div class=\"dt-nav-sp\"><\/div>\r\n          <span class=\"dt-console\">\r\n            Ir a la consola\r\n            <!-- Lucide: arrow-up-right -->\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\r\n          <\/span>\r\n          <div class=\"dt-acct\">\r\n            <span class=\"dt-acct-av\"><\/span>\r\n            <span class=\"dt-acct-nm\">Juan Carlos<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- App header -->\r\n        <div class=\"dt-head\" aria-hidden=\"true\">\r\n          <span class=\"dt-title\">Rendimiento de campa\u00f1as<\/span>\r\n          <span class=\"dt-newq\">\r\n            <!-- Lucide: send -->\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n            Nueva consulta\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <!-- Conversation -->\r\n        <div class=\"dt-conv\" aria-hidden=\"true\">\r\n\r\n          <!-- 1. Today separator -->\r\n          <span class=\"dt-today\">Hoy<\/span>\r\n\r\n          <!-- 2. User query -->\r\n          <div class=\"dt-umsg\">\r\n            Mu\u00e9strame las aperturas por canal de los \u00faltimos 30 d\u00edas \u2014 en un gr\u00e1fico.\r\n            <span class=\"dt-ts\">10:57<\/span>\r\n          <\/div>\r\n\r\n          <!-- 3. Reasoning checklist (revealed on Send) -->\r\n          <div class=\"dt-think\">\r\n            <span class=\"dt-think-spark\">\r\n              <!-- Lucide: sparkles -->\r\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l1.9 4.6L18.5 9l-4.6 1.9L12 15l-1.9-4.1L5.5 9l4.6-1.4z\"\/><\/svg>\r\n            <\/span>\r\n            <div class=\"dt-think-rows\">\r\n              <div class=\"dt-trow\">\r\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#30C054\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                Entendiendo tu pregunta\r\n              <\/div>\r\n              <div class=\"dt-trow\">\r\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#30C054\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                Recopilando aperturas de los canales conectados\r\n              <\/div>\r\n              <div class=\"dt-trow\">\r\n                <span class=\"dt-spin\"><\/span>\r\n                <svg class=\"dt-check-last\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#30C054\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                Creando tu gr\u00e1fico\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 4. Answer: chart report (revealed on Send) -->\r\n          <div class=\"dt-answer dt-report\">\r\n            <div class=\"dt-rep-head\">\r\n              <div>\r\n                <span class=\"dt-rep-eyebrow\">Aperturas por canal \u00b7 \u00faltimos 30 d\u00edas<\/span>\r\n                <span class=\"dt-rep-total\">182.400\r\n                  <span class=\"dt-rep-delta\">\r\n                    <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1A7A33\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"\/><polyline points=\"5 12 12 5 19 12\"\/><\/svg>\r\n                    24%\r\n                  <\/span>\r\n                <\/span>\r\n              <\/div>\r\n              <span class=\"dt-rep-badge\">Datos en vivo<\/span>\r\n            <\/div>\r\n            <div class=\"dt-chart\">\r\n              <div class=\"dt-bar\" style=\"--h:90%;--c:#25D366\">\r\n                <span class=\"dt-bar-val\">62,1k<\/span>\r\n                <div class=\"dt-bar-col\"><span class=\"dt-bar-fill\"><\/span><\/div>\r\n                <span class=\"dt-bar-lbl\">WhatsApp<\/span>\r\n              <\/div>\r\n              <div class=\"dt-bar\" style=\"--h:70%;--c:#0072EF\">\r\n                <span class=\"dt-bar-val\">48,3k<\/span>\r\n                <div class=\"dt-bar-col\"><span class=\"dt-bar-fill\"><\/span><\/div>\r\n                <span class=\"dt-bar-lbl\">Push<\/span>\r\n              <\/div>\r\n              <div class=\"dt-bar\" style=\"--h:60%;--c:#F5923D\">\r\n                <span class=\"dt-bar-val\">41,0k<\/span>\r\n                <div class=\"dt-bar-col\"><span class=\"dt-bar-fill\"><\/span><\/div>\r\n                <span class=\"dt-bar-lbl\">Email<\/span>\r\n              <\/div>\r\n              <div class=\"dt-bar\" style=\"--h:45%;--c:#F07000\">\r\n                <span class=\"dt-bar-val\">31,0k<\/span>\r\n                <div class=\"dt-bar-col\"><span class=\"dt-bar-fill\"><\/span><\/div>\r\n                <span class=\"dt-bar-lbl\">SMS<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"dt-pills\">\r\n              <span class=\"dt-pill ok\">\r\n                <svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1A7A33\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                Informe listo\r\n              <\/span>\r\n              <span class=\"dt-pill nosql\">Sin SQL \u00b7 Sin analista<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div><!-- \/conv -->\r\n\r\n        <!-- Query input -->\r\n        <div class=\"dt-input\">\r\n          <span class=\"dt-field\">Escribe tu consulta aqu\u00ed\u2026<\/span>\r\n          <span class=\"dt-send\" role=\"button\" tabindex=\"0\" aria-label=\"Enviar consulta \u2014 mira c\u00f3mo DataTalk crea un gr\u00e1fico\">\r\n            Enviar\r\n            <!-- Lucide: send -->\r\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"dt-tip\" aria-hidden=\"true\">\r\n            <!-- Lucide: sparkles -->\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l1.9 4.6L18.5 9l-4.6 1.9L12 15l-1.9-4.1L5.5 9l4.6-1.4z\"\/><\/svg>\r\n            Mira c\u00f3mo funciona\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <!-- MCP data-source strip -->\r\n        <div class=\"dt-mcp\" aria-hidden=\"true\">\r\n          <span class=\"dt-mcp-pill\">MCP<\/span>\r\n          <div class=\"dt-mcp-tags\">\r\n            <span class=\"dt-mcp-tag\"><span class=\"dt-mdot\"><\/span>CDP<\/span>\r\n            <span class=\"dt-mcp-tag\"><span class=\"dt-mdot\"><\/span>Campa\u00f1as<\/span>\r\n            <span class=\"dt-mcp-tag\"><span class=\"dt-mdot\"><\/span>Segmentos<\/span>\r\n            <span class=\"dt-mcp-tag\"><span class=\"dt-mdot\"><\/span>Informes<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div><!-- \/browser window -->\r\n\r\n      <\/div><!-- \/scene -->\r\n\r\n    <\/div><!-- \/right -->\r\n  <\/div><!-- \/inner -->\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById('indi-dt-hero');\r\n    if (!root) return;\r\n    var scene = root.querySelector('.dtb-scene');\r\n    if (!scene) return;\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n    var MAX = 9;                 \/\/ max tilt in degrees\r\n    var tx = 0, ty = 0;          \/\/ target rotation\r\n    var cx = 0, cy = 0;          \/\/ current (eased) rotation\r\n    var raf = null;\r\n\r\n    function tick() {\r\n      cx += (tx - cx) * 0.08;\r\n      cy += (ty - cy) * 0.08;\r\n      scene.style.transform = 'rotateX(' + cx.toFixed(2) + 'deg) rotateY(' + cy.toFixed(2) + 'deg)';\r\n      if (Math.abs(tx - cx) > 0.01 || Math.abs(ty - cy) > 0.01) {\r\n        raf = requestAnimationFrame(tick);\r\n      } else {\r\n        scene.style.transform = 'rotateX(' + tx + 'deg) rotateY(' + ty + 'deg)';\r\n        raf = null;\r\n      }\r\n    }\r\n    function start() { if (!raf) raf = requestAnimationFrame(tick); }\r\n\r\n    root.addEventListener('mousemove', function (e) {\r\n      var r = root.getBoundingClientRect();\r\n      var px = (e.clientX - r.left) \/ r.width - 0.5;\r\n      var py = (e.clientY - r.top) \/ r.height - 0.5;\r\n      ty = px * MAX;             \/\/ rotateY follows horizontal\r\n      tx = -py * MAX;            \/\/ rotateX follows vertical (inverted)\r\n      start();\r\n    });\r\n    root.addEventListener('mouseleave', function () { tx = 0; ty = 0; start(); });\r\n  })();\r\n  <\/script>\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById('indi-dt-hero');\r\n    if (!root) return;\r\n    var send   = root.querySelector('.dt-send');\r\n    var tip    = root.querySelector('.dt-tip');\r\n    var think  = root.querySelector('.dt-think');\r\n    var report = root.querySelector('.dt-answer.dt-report');\r\n    var newq   = root.querySelector('.dt-newq');\r\n    if (!send || !think || !report) return;\r\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var running = false, done = false;\r\n\r\n    function showTip() { if (done) return; if (tip) tip.classList.add('show'); send.classList.add('pulse'); }\r\n    function hideTip() { if (tip) tip.classList.remove('show'); send.classList.remove('pulse'); }\r\n\r\n    function run() {\r\n      if (running || done) return;\r\n      running = true; done = true;\r\n      hideTip();\r\n      think.classList.add('show');\r\n      setTimeout(function () {\r\n        think.classList.add('done');\r\n        report.classList.add('show');\r\n        requestAnimationFrame(function () {\r\n          requestAnimationFrame(function () { report.classList.add('dt-play'); });\r\n        });\r\n        running = false;\r\n      }, reduce ? 0 : 1500);\r\n    }\r\n\r\n    function reset() {\r\n      done = false; running = false;\r\n      think.classList.remove('show', 'done');\r\n      report.classList.remove('show', 'dt-play');\r\n      if (!reduce) setTimeout(showTip, 500);\r\n    }\r\n\r\n    send.addEventListener('click', run);\r\n    send.addEventListener('keydown', function (e) {\r\n      if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); run(); }\r\n    });\r\n    if (newq) { newq.style.cursor = 'pointer'; newq.addEventListener('click', reset); }\r\n\r\n    if (reduce) {\r\n      think.classList.add('show', 'done');\r\n      report.classList.add('show', 'dt-play');\r\n      done = true;\r\n    } else {\r\n      setTimeout(showTip, 1900);\r\n    }\r\n  })();\r\n  <\/script>\r\n<\/section>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""},{"acf_fc_layout":"custom_html","code":"<!-- indigitall DataTalk \u2014 C\u00f3mo funciona \u2014 WordPress\/ACF Custom HTML block -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n#indi-dt-how {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  background: #F5F7FA !important;\r\n  width: 100% !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  box-sizing: border-box !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n#indi-dt-how *, #indi-dt-how *::before, #indi-dt-how *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n#indi-dt-how .ihw-inner {\r\n  position: relative; z-index: 2;\r\n  max-width: 1280px; margin: 0 auto;\r\n  padding: 100px 48px 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\r\n#indi-dt-how .ihw-head { text-align: center; max-width: 640px; margin: 0 auto 56px; }\r\n\r\n#indi-dt-how .ihw-pill {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(138,218,63,0.16); border: 1px solid rgba(138,218,63,0.5);\r\n  padding: 7px 15px; border-radius: 50px;\r\n  font-size: 11px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.08em !important; text-transform: uppercase;\r\n  color: #4F8A1F !important; margin-bottom: 20px;\r\n}\r\n#indi-dt-how .ihw-pill svg { flex-shrink: 0; }\r\n\r\n#indi-dt-how .ihw-h2 {\r\n  font-size: clamp(28px, 3.5vw, 44px) !important;\r\n  font-weight: 500 !important; line-height: 1.1 !important;\r\n  letter-spacing: -0.02em !important; color: #0F3B7A !important;\r\n}\r\n#indi-dt-how .ihw-h2 em { color: #0072EF !important; font-style: normal; }\r\n\r\n\/* \u2500\u2500\u2500 STEPS ROW \u2500\u2500\u2500 *\/\r\n#indi-dt-how .ihw-steps {\r\n  display: grid;\r\n  grid-template-columns: 1fr 52px 1fr 52px 1fr;\r\n  align-items: start;\r\n  gap: 0;\r\n}\r\n\r\n\/* Connector arrow *\/\r\n#indi-dt-how .ihw-conn {\r\n  display: flex; align-items: flex-start; justify-content: center;\r\n  padding-top: 40px; \/* aligns arrow with step number area *\/\r\n}\r\n#indi-dt-how .ihw-conn-ic {\r\n  width: 36px; height: 36px; border-radius: 50%;\r\n  background: #FFFFFF;\r\n  box-shadow: 0 4px 14px -4px rgba(18,54,108,0.18);\r\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n}\r\n\r\n\/* Step card *\/\r\n#indi-dt-how .ihw-step {\r\n  background: #FFFFFF !important;\r\n  border-radius: 14px !important;\r\n  padding: 28px !important;\r\n  box-shadow: 0 12px 36px -8px rgba(18,54,108,0.14), 0 2px 8px rgba(0,0,0,0.04);\r\n  display: flex; flex-direction: column;\r\n  position: relative; overflow: hidden;\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n#indi-dt-how .ihw-step:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 22px 50px -10px rgba(18,54,108,0.22), 0 4px 12px rgba(138,218,63,0.12);\r\n}\r\n\r\n\/* Step number *\/\r\n#indi-dt-how .ihw-num {\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: 48px !important; font-weight: 700 !important;\r\n  line-height: 1 !important; letter-spacing: -0.03em !important;\r\n  color: #0072EF !important;\r\n  margin-bottom: 16px; display: block;\r\n}\r\n\r\n\/* Eyebrow *\/\r\n#indi-dt-how .ihw-eyebrow {\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.07em !important; text-transform: uppercase;\r\n  color: #0072EF !important; margin-bottom: 6px;\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n}\r\n\r\n\/* Title *\/\r\n#indi-dt-how .ihw-title {\r\n  font-size: 20px !important; font-weight: 600 !important;\r\n  letter-spacing: -0.01em !important; color: #0F3B7A !important;\r\n  line-height: 1.2; margin-bottom: 10px;\r\n}\r\n\r\n\/* Body *\/\r\n#indi-dt-how .ihw-body {\r\n  font-size: 14px !important; font-weight: 400 !important;\r\n  line-height: 1.65 !important; color: #5A6B85 !important;\r\n}\r\n\r\n\/* Viz area *\/\r\n#indi-dt-how .ihw-viz { margin-top: auto; padding-top: 24px; }\r\n\r\n\/* \u2550\u2550 VIZ 1 \u2014 Reason: intent parsing \u2550\u2550 *\/\r\n#indi-dt-how .ihw-input-wrap {\r\n  display: flex; flex-direction: column; gap: 10px;\r\n}\r\n#indi-dt-how .ihw-input-msg {\r\n  background: #EEF3FF; border-radius: 10px 10px 10px 3px;\r\n  padding: 10px 13px;\r\n  font-size: 12px !important; font-weight: 600 !important; color: #0F3B7A !important;\r\n  display: flex; align-items: center; gap: 8px;\r\n}\r\n#indi-dt-how .ihw-msg-ic {\r\n  width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0;\r\n  background: #0072EF; display: flex; align-items: center; justify-content: center;\r\n}\r\n#indi-dt-how .ihw-parse-arrow {\r\n  display: flex; align-items: center; gap: 6px;\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  color: #0072EF !important; letter-spacing: 0.04em; text-transform: uppercase;\r\n}\r\n#indi-dt-how .ihw-parse-chips { display: flex; flex-direction: column; gap: 5px; }\r\n#indi-dt-how .ihw-chip {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  background: #F5F7FA; border-radius: 7px; padding: 6px 10px;\r\n  border-left: 3px solid rgba(0,114,239,0.35);\r\n}\r\n#indi-dt-how .ihw-chip-label {\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  color: #5A6B85 !important; text-transform: uppercase; letter-spacing: 0.04em;\r\n}\r\n#indi-dt-how .ihw-chip-val {\r\n  font-size: 11px !important; font-weight: 600 !important; color: #0F3B7A !important;\r\n}\r\n\r\n\/* \u2550\u2550 VIZ 2 \u2014 Act via MCP: hub-and-spoke \u2550\u2550 *\/\r\n#indi-dt-how .ihw-hub-wrap {\r\n  position: relative; width: 180px; height: 160px; margin: 0 auto;\r\n}\r\n\/* Center agent node *\/\r\n#indi-dt-how .ihw-hub-center {\r\n  position: absolute; top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 52px; height: 52px; border-radius: 50%;\r\n  background: linear-gradient(135deg, #0F3B7A, #0072EF);\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n  box-shadow: 0 6px 20px -4px rgba(15,59,122,0.45);\r\n  z-index: 3;\r\n}\r\n#indi-dt-how .ihw-hub-lbl {\r\n  font-size: 9px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; letter-spacing: 0.03em; line-height: 1.1; text-align: center;\r\n}\r\n\/* Satellite nodes *\/\r\n#indi-dt-how .ihw-sat {\r\n  position: absolute; width: 40px; height: 40px; border-radius: 10px;\r\n  background: #EEF3FF; border: 1.5px solid rgba(0,114,239,0.15);\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;\r\n  z-index: 3;\r\n}\r\n#indi-dt-how .ihw-sat span {\r\n  font-size: 8.5px !important; font-weight: 700 !important;\r\n  color: #0F3B7A !important; letter-spacing: 0.02em; line-height: 1;\r\n}\r\n\/* Satellite positions *\/\r\n#indi-dt-how .ihw-sat.top    { top: 0;   left: 50%; transform: translateX(-50%); }\r\n#indi-dt-how .ihw-sat.right  { top: 50%; right: 0;  transform: translateY(-50%); }\r\n#indi-dt-how .ihw-sat.bottom { bottom: 0; left: 50%; transform: translateX(-50%); }\r\n#indi-dt-how .ihw-sat.left   { top: 50%; left: 0;   transform: translateY(-50%); }\r\n\r\n\/* Connection lines *\/\r\n#indi-dt-how .ihw-hub-lines {\r\n  position: absolute; inset: 0; z-index: 1;\r\n}\r\n#indi-dt-how .ihw-hub-lines line {\r\n  stroke: rgba(0,114,239,0.15); stroke-width: 1.5;\r\n  stroke-dasharray: 4 4;\r\n}\r\n\/* Animated packets *\/\r\n#indi-dt-how .ihw-pkt {\r\n  position: absolute; z-index: 2;\r\n  width: 8px; height: 8px; border-radius: 50%;\r\n  background: #0072EF;\r\n  box-shadow: 0 0 6px rgba(0,114,239,0.6);\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n}\r\n#indi-dt-how .ihw-pkt.p1 { animation: ihwPktTop    1.8s ease-in-out 0.0s infinite; }\r\n#indi-dt-how .ihw-pkt.p2 { animation: ihwPktRight  1.8s ease-in-out 0.5s infinite; }\r\n#indi-dt-how .ihw-pkt.p3 { animation: ihwPktBottom 1.8s ease-in-out 1.0s infinite; }\r\n#indi-dt-how .ihw-pkt.p4 { animation: ihwPktLeft   1.8s ease-in-out 1.5s infinite; }\r\n\r\n\/* hub is 180\u00d7160, center at 90,80 *\/\r\n\/* Top sat center: 90,20 \u2192 offset from center: 0,-60 *\/\r\n@keyframes ihwPktTop    { 0%,10%{top:50%;left:50%;opacity:0} 20%{opacity:1} 50%{top:12%;left:50%;opacity:1} 60%{top:12%;left:50%;opacity:0} 100%{top:12%;left:50%;opacity:0} }\r\n\/* Right sat center: 160,80 \u2192 offset: +70,0 *\/\r\n@keyframes ihwPktRight  { 0%,10%{top:50%;left:50%;opacity:0} 20%{opacity:1} 50%{top:50%;left:87%;opacity:1} 60%{top:50%;left:87%;opacity:0} 100%{top:50%;left:87%;opacity:0} }\r\n\/* Bottom sat center: 90,140 \u2192 offset: 0,+60 *\/\r\n@keyframes ihwPktBottom { 0%,10%{top:50%;left:50%;opacity:0} 20%{opacity:1} 50%{top:87%;left:50%;opacity:1} 60%{top:87%;left:50%;opacity:0} 100%{top:87%;left:50%;opacity:0} }\r\n\/* Left sat center: 20,80 \u2192 offset: -70,0 *\/\r\n@keyframes ihwPktLeft   { 0%,10%{top:50%;left:50%;opacity:0} 20%{opacity:1} 50%{top:50%;left:12%;opacity:1} 60%{top:50%;left:12%;opacity:0} 100%{top:50%;left:12%;opacity:0} }\r\n\r\n\/* Only animate when card is visible *\/\r\n#indi-dt-how.ihw-js .ihw-pkt { animation: none; opacity: 0; }\r\n#indi-dt-how .s-act.ihw-vis .ihw-pkt.p1 { animation: ihwPktTop    1.8s ease-in-out 0.0s infinite; }\r\n#indi-dt-how .s-act.ihw-vis .ihw-pkt.p2 { animation: ihwPktRight  1.8s ease-in-out 0.5s infinite; }\r\n#indi-dt-how .s-act.ihw-vis .ihw-pkt.p3 { animation: ihwPktBottom 1.8s ease-in-out 1.0s infinite; }\r\n#indi-dt-how .s-act.ihw-vis .ihw-pkt.p4 { animation: ihwPktLeft   1.8s ease-in-out 1.5s infinite; }\r\n\r\n\/* \u2550\u2550 VIZ 3 \u2014 Optimize: before\/after bars \u2550\u2550 *\/\r\n#indi-dt-how .ihw-optim { display: flex; flex-direction: column; gap: 10px; }\r\n#indi-dt-how .ihw-orow { display: flex; flex-direction: column; gap: 5px; }\r\n#indi-dt-how .ihw-orow-head {\r\n  display: flex; justify-content: space-between; align-items: baseline;\r\n}\r\n#indi-dt-how .ihw-orow-label {\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  color: #5A6B85 !important; text-transform: uppercase; letter-spacing: 0.04em;\r\n}\r\n#indi-dt-how .ihw-orow-val {\r\n  font-size: 13px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n}\r\n#indi-dt-how .ihw-orow-val.green { color: #0072EF !important; }\r\n#indi-dt-how .ihw-bar-bg {\r\n  height: 8px; background: #EEF3FF; border-radius: 4px; overflow: hidden;\r\n}\r\n#indi-dt-how .ihw-bar-fill {\r\n  height: 100%; border-radius: 4px;\r\n  background: linear-gradient(90deg, #0072EF 0%, #0F3B7A 100%);\r\n  width: var(--w); \/* visible by default (no-JS) *\/\r\n  transition: width 1.0s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n\/* JS arm: reset to 0 *\/\r\n#indi-dt-how.ihw-js .ihw-bar-fill { width: 0; transition: width 0s; }\r\n\/* Animate on visible *\/\r\n#indi-dt-how .s-opt.ihw-vis .ihw-bar-fill { width: var(--w); transition: width 1.0s cubic-bezier(0.22,1,0.36,1); }\r\n#indi-dt-how .s-opt.ihw-vis .ihw-orow:nth-child(2) .ihw-bar-fill { transition-delay: 0.3s; }\r\n\r\n#indi-dt-how .ihw-optim-note {\r\n  display: flex; align-items: center; gap: 5px; margin-top: 4px;\r\n  font-size: 10px !important; font-weight: 700 !important; color: #0072EF !important;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 THE LOOP BAND \u2500\u2500\u2500 *\/\r\n#indi-dt-how .ihw-loop-wrap {\r\n  margin-top: 18px;\r\n}\r\n#indi-dt-how .ihw-loop {\r\n  background: linear-gradient(135deg, #0A2956 0%, #0F3B7A 60%, #0E52C1 100%);\r\n  border-radius: 14px;\r\n  padding: 36px 48px;\r\n  display: flex; align-items: center; gap: 48px;\r\n  position: relative; overflow: hidden;\r\n}\r\n#indi-dt-how .ihw-loop::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);\r\n  background-size: 24px 24px; pointer-events: none;\r\n}\r\n#indi-dt-how .ihw-loop-left { flex: 1; min-width: 0; position: relative; z-index: 1; }\r\n#indi-dt-how .ihw-loop-eyebrow {\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.08em; text-transform: uppercase;\r\n  color: #8ADA3F !important; margin-bottom: 10px;\r\n  display: flex; align-items: center; gap: 6px;\r\n}\r\n#indi-dt-how .ihw-loop-dot {\r\n  width: 7px; height: 7px; border-radius: 50%; background: #8ADA3F;\r\n  animation: ihwPulse 2s ease-in-out infinite;\r\n}\r\n@keyframes ihwPulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }\r\n\r\n#indi-dt-how .ihw-loop-claim {\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: clamp(16px, 1.6vw, 22px) !important;\r\n  font-weight: 500 !important; line-height: 1.4 !important;\r\n  letter-spacing: -0.01em !important; color: #FFFFFF !important;\r\n}\r\n\r\n#indi-dt-how .ihw-loop-right {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 10px; flex-shrink: 0; position: relative; z-index: 1;\r\n}\r\n#indi-dt-how .ihw-loop-chip {\r\n  display: flex; align-items: center; gap: 7px;\r\n  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12);\r\n  border-radius: 8px; padding: 10px 13px;\r\n}\r\n#indi-dt-how .ihw-lc-ic {\r\n  width: 28px; height: 28px; border-radius: 8px;\r\n  background: rgba(138,218,63,0.18);\r\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n}\r\n#indi-dt-how .ihw-lc-txt {\r\n  font-size: 12px !important; font-weight: 700 !important;\r\n  color: rgba(255,255,255,0.88) !important; line-height: 1.25;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SCROLL ANIMATIONS \u2500\u2500\u2500 *\/\r\n#indi-dt-how .ihw-animate {\r\n  transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1),\r\n              transform 0.7s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-dt-how.ihw-js .ihw-animate          { opacity: 0; transform: translateY(20px); }\r\n#indi-dt-how.ihw-js .ihw-animate.ihw-vis  { opacity: 1; transform: translateY(0); }\r\n#indi-dt-how .s-act.ihw-animate { transition-delay: 0.10s; }\r\n#indi-dt-how .s-opt.ihw-animate { transition-delay: 0.20s; }\r\n#indi-dt-how .ihw-loop-wrap.ihw-animate   { transition-delay: 0.10s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-dt-how .ihw-animate { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n  #indi-dt-how .ihw-bar-fill { width: var(--w) !important; }\r\n  #indi-dt-how .ihw-pkt { display: none !important; }\r\n  #indi-dt-how .ihw-loop-dot { animation: none !important; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  #indi-dt-how .ihw-inner { padding: 80px 32px 0; }\r\n  #indi-dt-how .ihw-loop { padding: 28px 32px; gap: 32px; }\r\n}\r\n@media (max-width: 960px) {\r\n  #indi-dt-how .ihw-inner { padding: 70px 24px 0; }\r\n  #indi-dt-how .ihw-steps {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n  }\r\n  #indi-dt-how .ihw-conn {\r\n    padding: 0; justify-content: flex-start; padding-left: 28px; margin: 6px 0;\r\n  }\r\n  #indi-dt-how .ihw-conn-ic { transform: rotate(90deg); }\r\n  #indi-dt-how .ihw-loop { flex-direction: column; gap: 24px; }\r\n  #indi-dt-how .ihw-loop-right { width: 100%; }\r\n}\r\n@media (max-width: 600px) {\r\n  #indi-dt-how .ihw-inner { padding: 48px 16px 0; }\r\n  #indi-dt-how .ihw-loop { padding: 24px 20px; border-radius: 14px; }\r\n  #indi-dt-how .ihw-loop-right { grid-template-columns: 1fr; }\r\n  #indi-dt-how .ihw-step { padding: 22px !important; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 BOTTOM PADDING (loop is last element) \u2500\u2500\u2500 *\/\r\n#indi-dt-how .ihw-pb { padding-bottom: 80px; }\r\n@media (max-width: 1100px) { #indi-dt-how .ihw-pb { padding-bottom: 64px; } }\r\n@media (max-width: 600px)  { #indi-dt-how .ihw-pb { padding-bottom: 48px; } }\r\n<\/style>\r\n\r\n<section id=\"indi-dt-how\" role=\"region\" aria-label=\"C\u00f3mo funciona indigitall DataTalk \u2014 Pregunta, Verifica y consulta, Responde y act\u00faa\">\r\n  <div class=\"ihw-inner ihw-pb\">\r\n\r\n    <!-- \u2500\u2500 HEADER \u2500\u2500 -->\r\n    <div class=\"ihw-head\">\r\n      <span class=\"ihw-pill\">\r\n        <!-- Lucide: cpu -->\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4F8A1F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><path d=\"M9 1v3M15 1v3M9 20v3M15 20v3M1 9h3M20 9h3M1 15h3M20 15h3\"\/><\/svg>\r\n        C\u00f3mo funciona\r\n      <\/span>\r\n      <h2 class=\"ihw-h2\"><em>Pregunta.<\/em> Consulta datos en vivo. <em>Responde y act\u00faa.<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 THREE STEPS \u2500\u2500 -->\r\n    <div class=\"ihw-steps\">\r\n\r\n      <!-- Step 1: Reason -->\r\n      <article class=\"ihw-step s-rsn ihw-animate\">\r\n        <span class=\"ihw-num\" aria-hidden=\"true\">01<\/span>\r\n        <span class=\"ihw-eyebrow\">\r\n          <!-- Lucide: brain -->\r\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z\"\/><path d=\"M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z\"\/><path d=\"M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4\"\/><path d=\"M17.599 6.5a3 3 0 0 0 .399-1.375\"\/><path d=\"M6.003 5.125A3 3 0 0 0 6.401 6.5\"\/><path d=\"M3.477 10.896a4 4 0 0 1 .585-.396\"\/><path d=\"M19.938 10.5a4 4 0 0 1 .585.396\"\/><path d=\"M6 18a4 4 0 0 1-1.967-.516\"\/><path d=\"M19.967 17.484A4 4 0 0 1 18 18\"\/><\/svg>\r\n          Pregunta\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">Pregunta en lenguaje natural.<\/h3>\r\n        <p class=\"ihw-body\">Escribe la pregunta como la dir\u00edas \u2014 sin SQL, sin generador de consultas, sin cola de informes. DataTalk clasifica la petici\u00f3n, decide si es anal\u00edtica o una acci\u00f3n, y elige la mejor ruta antes de tocar tus datos.<\/p>\r\n        <div class=\"ihw-viz\" aria-hidden=\"true\">\r\n          <div class=\"ihw-input-wrap\">\r\n            <div class=\"ihw-input-msg\">\r\n              <span class=\"ihw-msg-ic\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n              <\/span>\r\n              &ldquo;\u00bfQu\u00e9 canal convirti\u00f3 mejor en Black Friday?&rdquo;\r\n            <\/div>\r\n            <div class=\"ihw-parse-arrow\">\r\n              <!-- Lucide: chevrons-down -->\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m7 6 5 5 5-5\"\/><path d=\"m7 13 5 5 5-5\"\/><\/svg>\r\n              DataTalk planifica\r\n            <\/div>\r\n            <div class=\"ihw-parse-chips\">\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Tipo<\/span>\r\n                <span class=\"ihw-chip-val\">Consulta anal\u00edtica<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Alcance<\/span>\r\n                <span class=\"ihw-chip-val\">Black Friday \u00b7 canales<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Salida<\/span>\r\n                <span class=\"ihw-chip-val\">Gr\u00e1fico + KPI<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Connector 1 \u2192 2 -->\r\n      <div class=\"ihw-conn\" aria-hidden=\"true\">\r\n        <div class=\"ihw-conn-ic\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 2: Act via MCP -->\r\n      <article class=\"ihw-step s-act ihw-animate\">\r\n        <span class=\"ihw-num\" aria-hidden=\"true\">02<\/span>\r\n        <span class=\"ihw-eyebrow\">\r\n          <!-- Lucide: plug -->\r\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22v-5\"\/><path d=\"M9 8V2\"\/><path d=\"M15 8V2\"\/><path d=\"M18 8H6a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z\"\/><\/svg>\r\n          Verifica y consulta\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">Comprueba coste y seguridad, y consulta datos en vivo.<\/h3>\r\n        <p class=\"ihw-body\">Antes de ejecutar nada, DataTalk verifica el coste y la seguridad de la consulta \u2014 t\u00fa mantienes el control. Despu\u00e9s consulta tu CDP y los datos de campa\u00f1as en vivo v\u00eda MCP: n\u00fameros reales de la plataforma, nunca un export desfasado.<\/p>\r\n        <div class=\"ihw-viz\" role=\"img\" aria-label=\"A hub-and-spoke diagram showing DataTalk conectado al CDP, Campa\u00f1as, Segmentos e Informes v\u00eda MCP\">\r\n          <div class=\"ihw-hub-wrap\">\r\n            <!-- SVG connection lines -->\r\n            <svg class=\"ihw-hub-lines\" viewBox=\"0 0 180 160\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n              <line x1=\"90\" y1=\"80\" x2=\"90\" y2=\"24\"\/>\r\n              <line x1=\"90\" y1=\"80\" x2=\"154\" y2=\"80\"\/>\r\n              <line x1=\"90\" y1=\"80\" x2=\"90\" y2=\"136\"\/>\r\n              <line x1=\"90\" y1=\"80\" x2=\"26\"  y2=\"80\"\/>\r\n            <\/svg>\r\n            <!-- Center: Agent -->\r\n            <div class=\"ihw-hub-center\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2\"\/><path d=\"M20 14h2\"\/><path d=\"M15 13v2\"\/><path d=\"M9 13v2\"\/><\/svg>\r\n              <span class=\"ihw-hub-lbl\">Data<br>Talk<\/span>\r\n            <\/div>\r\n            <!-- Satellites -->\r\n            <div class=\"ihw-sat top\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n              <span>CDP<\/span>\r\n            <\/div>\r\n            <div class=\"ihw-sat right\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n              <span>Campa\u00f1as<\/span>\r\n            <\/div>\r\n            <div class=\"ihw-sat bottom\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n              <span>Segmentos<\/span>\r\n            <\/div>\r\n            <div class=\"ihw-sat left\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><\/svg>\r\n              <span>Informes<\/span>\r\n            <\/div>\r\n            <!-- Animated packets -->\r\n            <div class=\"ihw-pkt p1\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"ihw-pkt p2\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"ihw-pkt p3\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"ihw-pkt p4\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Connector 2 \u2192 3 -->\r\n      <div class=\"ihw-conn\" aria-hidden=\"true\">\r\n        <div class=\"ihw-conn-ic\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 3: Optimize -->\r\n      <article class=\"ihw-step s-opt ihw-animate\">\r\n        <span class=\"ihw-num\" aria-hidden=\"true\">03<\/span>\r\n        <span class=\"ihw-eyebrow\">\r\n          <!-- Lucide: trending-up -->\r\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n          Responde y act\u00faa\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">Respuestas sobre las que actuar \u2014 al instante.<\/h3>\r\n        <p class=\"ihw-body\">Obtienes un gr\u00e1fico, una tabla o una KPI card con datos en vivo en segundos \u2014 y DataTalk tambi\u00e9n ejecuta el siguiente paso, como crear el segmento o la audiencia, listos para el journey. Respuestas, no dashboards.<\/p>\r\n        <div class=\"ihw-viz\" aria-hidden=\"true\">\r\n          <div class=\"ihw-optim\">\r\n            <div class=\"ihw-orow\">\r\n              <div class=\"ihw-orow-head\">\r\n                <span class=\"ihw-orow-label\">WhatsApp<\/span>\r\n                <span class=\"ihw-orow-val\">41%<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-bar-bg\">\r\n                <div class=\"ihw-bar-fill\" style=\"--w: 82%\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"ihw-orow\">\r\n              <div class=\"ihw-orow-head\">\r\n                <span class=\"ihw-orow-label\">Push<\/span>\r\n                <span class=\"ihw-orow-val green\">27%<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-bar-bg\">\r\n                <div class=\"ihw-bar-fill\" style=\"--w: 54%\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"ihw-optim-note\">\r\n              <!-- Lucide: arrow-up -->\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4F8A1F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m5 12 7-7 7 7\"\/><path d=\"M12 19V5\"\/><\/svg>\r\n              Respuesta en vivo en segundos \u00b7 sin analista\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div><!-- \/steps -->\r\n\r\n    <!-- \u2500\u2500 THE LOOP BAND \u2500\u2500 -->\r\n    <div class=\"ihw-loop-wrap ihw-animate\">\r\n      <div class=\"ihw-loop\">\r\n        <div class=\"ihw-loop-left\">\r\n          <div class=\"ihw-loop-eyebrow\">\r\n            <span class=\"ihw-loop-dot\" aria-hidden=\"true\"><\/span>\r\n            Siempre activo\r\n          <\/div>\r\n          <p class=\"ihw-loop-claim\">Funciona sobre datos en vivo del CDP, dentro de la plataforma, con control de coste y seguridad en cada consulta. Pregunta, obt\u00e9n la respuesta, ejecuta \u2014 sin SQL, sin export, sin esperar a un analista.<\/p>\r\n        <\/div>\r\n        <div class=\"ihw-loop-right\">\r\n          <div class=\"ihw-loop-chip\">\r\n            <div class=\"ihw-lc-ic\" aria-hidden=\"true\">\r\n              <!-- Lucide: zap -->\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"ihw-lc-txt\">Datos en vivo<br>del CDP<\/span>\r\n          <\/div>\r\n          <div class=\"ihw-loop-chip\">\r\n            <div class=\"ihw-lc-ic\" aria-hidden=\"true\">\r\n              <!-- Lucide: layers -->\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"\/><path d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"\/><path d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"ihw-lc-txt\">Control de coste<br>y seguridad<\/span>\r\n          <\/div>\r\n          <div class=\"ihw-loop-chip\">\r\n            <div class=\"ihw-lc-ic\" aria-hidden=\"true\">\r\n              <!-- Lucide: refresh-cw -->\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"\/><path d=\"M21 3v5h-5\"\/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"\/><path d=\"M3 21v-5h5\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"ihw-lc-txt\">Ejecuta<br>acciones<\/span>\r\n          <\/div>\r\n          <div class=\"ihw-loop-chip\">\r\n            <div class=\"ihw-lc-ic\" aria-hidden=\"true\">\r\n              <!-- Lucide: user-x -->\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"17\" y1=\"8\" x2=\"22\" y2=\"13\"\/><line x1=\"22\" y1=\"8\" x2=\"17\" y2=\"13\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"ihw-lc-txt\">Sin SQL<br>Sin analista<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n  var root = document.getElementById('indi-dt-how');\r\n  if (!root) return;\r\n  root.classList.add('ihw-js');\r\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    root.querySelectorAll('.ihw-animate').forEach(function (el) { el.classList.add('ihw-vis'); });\r\n    return;\r\n  }\r\n  var obs = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (e) {\r\n      if (e.isIntersecting) { e.target.classList.add('ihw-vis'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  root.querySelectorAll('.ihw-animate').forEach(function (el) { obs.observe(el); });\r\n}());\r\n<\/script>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""},{"acf_fc_layout":"custom_html","code":"<!-- ============================================================\r\n     indigitall.com \u2014 AI Agents page\r\n     Section: \"Six capabilities that make the difference\"\r\n     Self-contained ACF Custom HTML block. Light background.\r\n     ============================================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n#indi-dt-capabilities {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  box-sizing: border-box !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  background: #F5F7FA !important;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n#indi-dt-capabilities *, #indi-dt-capabilities *::before, #indi-dt-capabilities *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* ---------- shell ---------- *\/\r\n#indi-dt-capabilities .iac-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1280px;\r\n  margin: 0 auto !important;\r\n  padding: 100px 48px !important;\r\n}\r\n\r\n\/* ---------- header ---------- *\/\r\n#indi-dt-capabilities .iac-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.12em !important;\r\n  text-transform: uppercase !important;\r\n  color: #0072EF !important;\r\n}\r\n#indi-dt-capabilities .iac-eyebrow::before {\r\n  content: \"\";\r\n  width: 22px; height: 2px;\r\n  background: #8ADA3F;\r\n  display: inline-block;\r\n  border-radius: 2px;\r\n}\r\n#indi-dt-capabilities .iac-h2 {\r\n  margin-top: 16px !important;\r\n  font-size: clamp(28px, 3.5vw, 48px) !important;\r\n  line-height: 1.08 !important;\r\n  font-weight: 500 !important;\r\n  letter-spacing: -0.02em !important;\r\n  color: #0F3B7A !important;\r\n  max-width: 18ch;\r\n}\r\n#indi-dt-capabilities .iac-intro {\r\n  margin-top: 20px !important;\r\n  font-size: 17px !important;\r\n  line-height: 1.6 !important;\r\n  font-weight: 400 !important;\r\n  color: #5A6B85 !important;\r\n  max-width: 64ch;\r\n}\r\n\r\n\/* ---------- grid ---------- *\/\r\n#indi-dt-capabilities .iac-grid {\r\n  margin-top: 56px !important;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  list-style: none;\r\n}\r\n\r\n\/* ---------- card ---------- *\/\r\n#indi-dt-capabilities .iac-card {\r\n  background: #FFFFFF !important;\r\n  border-radius: 14px !important;\r\n  box-shadow: 0 12px 36px -8px rgba(18,54,108,0.30), 0 2px 8px rgba(0,0,0,0.06);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-dt-capabilities .iac-card:hover {\r\n  transform: translateY(-4px) scale(1.02);\r\n  box-shadow: 0 24px 54px -12px rgba(18,54,108,0.36), 0 4px 12px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* ---------- viz stage ---------- *\/\r\n#indi-dt-capabilities .iac-stage {\r\n  position: relative;\r\n  height: 168px;\r\n  background:\r\n    radial-gradient(120% 90% at 50% 0%, #F1F6FF 0%, #EEF3FF 55%, #E7EEFB 100%);\r\n  border-bottom: 1px solid #EAF0FA;\r\n  overflow: hidden;\r\n}\r\n#indi-dt-capabilities .iac-stageinner {\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  width: 280px; height: 160px;\r\n  transform: translate(-50%, -50%);\r\n}\r\n#indi-dt-capabilities .iac-stage svg.iac-lines {\r\n  position: absolute; inset: 0;\r\n  width: 100%; height: 100%;\r\n  overflow: visible;\r\n}\r\n#indi-dt-capabilities .iac-line {\r\n  stroke: #C9D6EC;\r\n  stroke-width: 2;\r\n  fill: none;\r\n}\r\n#indi-dt-capabilities .iac-line-dash {\r\n  stroke: #C9D6EC;\r\n  stroke-width: 2;\r\n  fill: none;\r\n  stroke-dasharray: 4 5;\r\n  stroke-linecap: round;\r\n}\r\n\r\n\/* nodes *\/\r\n#indi-dt-capabilities .iac-node {\r\n  position: absolute;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 5px;\r\n  background: #FFFFFF;\r\n  border: 1.5px solid #DCE6F7;\r\n  border-radius: 9px;\r\n  font-size: 10px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.01em;\r\n  color: #0F3B7A !important;\r\n  box-shadow: 0 4px 12px -4px rgba(18,54,108,0.18);\r\n}\r\n#indi-dt-capabilities .iac-node svg { width: 13px; height: 13px; flex: none; }\r\n#indi-dt-capabilities .iac-node.iac-primary {\r\n  background: #0F3B7A;\r\n  border-color: #0F3B7A;\r\n  color: #FFFFFF !important;\r\n  box-shadow: 0 6px 18px -4px rgba(15,59,122,0.45);\r\n}\r\n#indi-dt-capabilities .iac-node.iac-primary svg { stroke: #FFFFFF; }\r\n#indi-dt-capabilities .iac-node.iac-blue svg { stroke: #0072EF; }\r\n\r\n\/* moving packets *\/\r\n#indi-dt-capabilities .iac-packet {\r\n  position: absolute;\r\n  width: 9px; height: 9px;\r\n  border-radius: 50%;\r\n  background: #8ADA3F;\r\n  box-shadow: 0 0 0 3px rgba(138,218,63,0.25), 0 0 8px rgba(138,218,63,0.6);\r\n  opacity: 0;\r\n}\r\n#indi-dt-capabilities .iac-packet.iac-blue {\r\n  background: #0072EF;\r\n  box-shadow: 0 0 0 3px rgba(0,114,239,0.22), 0 0 8px rgba(0,114,239,0.5);\r\n}\r\n\r\n\/* ---------- card body ---------- *\/\r\n#indi-dt-capabilities .iac-body {\r\n  padding: 24px 24px 28px !important;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n#indi-dt-capabilities .iac-tag {\r\n  align-self: flex-start;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 5px 11px !important;\r\n  border-radius: 6px;\r\n  background: #EEF3FF;\r\n  font-size: 11px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.04em !important;\r\n  text-transform: uppercase !important;\r\n  color: #0F3B7A !important;\r\n}\r\n#indi-dt-capabilities .iac-tag::before {\r\n  content: \"\";\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: #8ADA3F;\r\n}\r\n#indi-dt-capabilities .iac-title {\r\n  margin-top: 14px !important;\r\n  font-size: 20px !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: -0.01em !important;\r\n  line-height: 1.2 !important;\r\n  color: #0F0F0F !important;\r\n}\r\n#indi-dt-capabilities .iac-desc {\r\n  margin-top: 10px !important;\r\n  font-size: 15px !important;\r\n  line-height: 1.6 !important;\r\n  font-weight: 400 !important;\r\n  color: #5A6B85 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   ANIMATIONS \u2014 each capability has its own looping diagram\r\n   ========================================================= *\/\r\n\r\n\/* CARD 1 \u2014 Supervisor feed + delegation to specialized sub-agents *\/\r\n#indi-dt-capabilities .iac-feed {\r\n  left: 52px; top: 76px;\r\n  animation: iac-feed 1.6s linear infinite;\r\n}\r\n@keyframes iac-feed {\r\n  0%   { transform: translate(0,0); opacity: 0; }\r\n  12%  { opacity: 1; }\r\n  88%  { opacity: 1; }\r\n  100% { transform: translate(52px,0); opacity: 0; }\r\n}\r\n#indi-dt-capabilities .iac-route { left: 168px; top: 76px; }\r\n#indi-dt-capabilities .iac-route.r1 { animation: iac-r1 3.6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-route.r2 { animation: iac-r2 3.6s ease-in-out infinite; animation-delay: 1.2s; }\r\n#indi-dt-capabilities .iac-route.r3 { animation: iac-r3 3.6s ease-in-out infinite; animation-delay: 2.4s; }\r\n@keyframes iac-r1 {\r\n  0% { transform: translate(0,0); opacity: 0; }\r\n  6% { opacity: 1; }\r\n  28%{ transform: translate(48px,-50px); opacity: 1; }\r\n  34%{ transform: translate(48px,-50px); opacity: 0; }\r\n  100%{ transform: translate(48px,-50px); opacity: 0; }\r\n}\r\n@keyframes iac-r2 {\r\n  0% { transform: translate(0,0); opacity: 0; }\r\n  6% { opacity: 1; }\r\n  28%{ transform: translate(48px,0); opacity: 1; }\r\n  34%{ transform: translate(48px,0); opacity: 0; }\r\n  100%{ transform: translate(48px,0); opacity: 0; }\r\n}\r\n@keyframes iac-r3 {\r\n  0% { transform: translate(0,0); opacity: 0; }\r\n  6% { opacity: 1; }\r\n  28%{ transform: translate(48px,50px); opacity: 1; }\r\n  34%{ transform: translate(48px,50px); opacity: 0; }\r\n  100%{ transform: translate(48px,50px); opacity: 0; }\r\n}\r\n\/* target highlight pulse synced to arrivals *\/\r\n#indi-dt-capabilities .iac-t1 { animation: iac-hl 3.6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-t2 { animation: iac-hl 3.6s ease-in-out infinite; animation-delay: 1.2s; }\r\n#indi-dt-capabilities .iac-t3 { animation: iac-hl 3.6s ease-in-out infinite; animation-delay: 2.4s; }\r\n@keyframes iac-hl {\r\n  0%,18% { border-color:#DCE6F7; box-shadow:0 4px 12px -4px rgba(18,54,108,0.18); }\r\n  30%    { border-color:#8ADA3F; box-shadow:0 0 0 3px rgba(138,218,63,0.25); }\r\n  46%,100%{ border-color:#DCE6F7; box-shadow:0 4px 12px -4px rgba(18,54,108,0.18); }\r\n}\r\n\r\n\/* CARD 2 \u2014 MCP bidirectional flow *\/\r\n#indi-dt-capabilities .iac-out { left: 74px; top: 76px; }\r\n#indi-dt-capabilities .iac-out.o1 { animation: iac-o1 2.6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-out.o2 { animation: iac-o2 2.6s ease-in-out infinite; animation-delay: .5s; }\r\n#indi-dt-capabilities .iac-out.o3 { animation: iac-o3 2.6s ease-in-out infinite; animation-delay: 1s; }\r\n@keyframes iac-o1 { 0%{transform:translate(0,0);opacity:0} 8%{opacity:1} 42%{transform:translate(122px,-44px);opacity:1} 50%,100%{transform:translate(122px,-44px);opacity:0} }\r\n@keyframes iac-o2 { 0%{transform:translate(0,0);opacity:0} 8%{opacity:1} 42%{transform:translate(122px,0);opacity:1} 50%,100%{transform:translate(122px,0);opacity:0} }\r\n@keyframes iac-o3 { 0%{transform:translate(0,0);opacity:0} 8%{opacity:1} 42%{transform:translate(122px,44px);opacity:1} 50%,100%{transform:translate(122px,44px);opacity:0} }\r\n#indi-dt-capabilities .iac-back.b1 { left: 196px; top: 32px; animation: iac-b1 2.6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-back.b2 { left: 196px; top: 76px; animation: iac-b2 2.6s ease-in-out infinite; animation-delay: .5s; }\r\n#indi-dt-capabilities .iac-back.b3 { left: 196px; top: 120px; animation: iac-b3 2.6s ease-in-out infinite; animation-delay: 1s; }\r\n@keyframes iac-b1 { 0%,52%{transform:translate(0,0);opacity:0} 58%{opacity:1} 92%{transform:translate(-122px,44px);opacity:1} 100%{transform:translate(-122px,44px);opacity:0} }\r\n@keyframes iac-b2 { 0%,52%{transform:translate(0,0);opacity:0} 58%{opacity:1} 92%{transform:translate(-122px,0);opacity:1} 100%{transform:translate(-122px,0);opacity:0} }\r\n@keyframes iac-b3 { 0%,52%{transform:translate(0,0);opacity:0} 58%{opacity:1} 92%{transform:translate(-122px,-44px);opacity:1} 100%{transform:translate(-122px,-44px);opacity:0} }\r\n\r\n\/* CARD 3 \u2014 Omnichannel context hop *\/\r\n#indi-dt-capabilities .iac-token {\r\n  position: absolute;\r\n  left: 22px; top: 110px;\r\n  width: 56px; height: 22px; border-radius: 999px;\r\n  background: #8ADA3F; opacity: 1;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 8.5px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.05em; text-transform: uppercase;\r\n  color: #0F3B7A !important;\r\n  box-shadow: 0 4px 12px rgba(138,218,63,0.45);\r\n  animation: iac-hop 6s cubic-bezier(0.65,0,0.35,1) infinite;\r\n}\r\n@keyframes iac-hop {\r\n  0%,12%   { transform: translateX(0); }\r\n  20%,38%  { transform: translateX(90px); }\r\n  46%,64%  { transform: translateX(180px); }\r\n  72%      { transform: translateX(180px); }\r\n  100%     { transform: translateX(0); }\r\n}\r\n#indi-dt-capabilities .iac-up { top: 104px; }\r\n#indi-dt-capabilities .iac-up.u1 { left: 50px; animation: iac-up1 6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-up.u2 { left: 140px; animation: iac-up2 6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-up.u3 { left: 230px; animation: iac-up3 6s ease-in-out infinite; }\r\n@keyframes iac-up1 { 0%{transform:translate(0,0);opacity:0} 6%{opacity:1} 14%{transform:translate(70px,-70px);opacity:1} 18%,100%{opacity:0} }\r\n@keyframes iac-up2 { 0%,24%{transform:translate(0,0);opacity:0} 30%{opacity:1} 38%{transform:translate(0,-70px);opacity:1} 42%,100%{opacity:0} }\r\n@keyframes iac-up3 { 0%,48%{transform:translate(0,0);opacity:0} 54%{opacity:1} 62%{transform:translate(-70px,-70px);opacity:1} 66%,100%{opacity:0} }\r\n#indi-dt-capabilities .iac-core { animation: iac-glow 6s ease-in-out infinite; }\r\n@keyframes iac-glow {\r\n  0%,8%{box-shadow:0 6px 18px -4px rgba(15,59,122,0.45)}\r\n  16%,40%,64%{box-shadow:0 0 0 5px rgba(138,218,63,0.22),0 6px 18px -4px rgba(15,59,122,0.45)}\r\n  74%,100%{box-shadow:0 6px 18px -4px rgba(15,59,122,0.45)}\r\n}\r\n\r\n\/* CARD 4 \u2014 Security filter *\/\r\n#indi-dt-capabilities .iac-shieldpulse {\r\n  position:absolute; left:114px; top:46px; width:52px; height:68px;\r\n  border-radius:12px; border:2px solid #8ADA3F; opacity:0;\r\n  animation: iac-spulse 2s ease-out infinite;\r\n}\r\n@keyframes iac-spulse { 0%{transform:scale(1);opacity:.5} 100%{transform:scale(1.35);opacity:0} }\r\n#indi-dt-capabilities .iac-resp { position: absolute; top: 75px; width: 11px; height: 11px; border-radius: 3px; }\r\n#indi-dt-capabilities .iac-resp.p1 { left: 4px; background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: iac-pass 3s linear infinite; }\r\n#indi-dt-capabilities .iac-resp.p2 { left: 4px; background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: iac-pass 3s linear infinite; animation-delay: 1.5s; }\r\n#indi-dt-capabilities .iac-resp.bk { left: 4px; background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: iac-block 3s ease-in-out infinite; animation-delay: .75s; }\r\n@keyframes iac-pass {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  8%{opacity:1}\r\n  42%{transform:translate(112px,0);background:#0072EF}\r\n  52%{transform:translate(140px,0);background:#8ADA3F}\r\n  92%{transform:translate(258px,0);opacity:1;background:#8ADA3F}\r\n  100%{transform:translate(258px,0);opacity:0;background:#8ADA3F}\r\n}\r\n@keyframes iac-block {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  8%{opacity:1}\r\n  40%{transform:translate(104px,0);background:#0072EF}\r\n  52%{transform:translate(112px,0);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  64%{transform:translate(86px,0);background:#E5484D}\r\n  78%{transform:translate(92px,0);opacity:1;background:#E5484D}\r\n  100%{transform:translate(92px,0);opacity:0;background:#E5484D}\r\n}\r\n\r\n\/* CARD 5 \u2014 Continuous learning *\/\r\n#indi-dt-capabilities .iac-orbit {\r\n  position:absolute; left:78px; top:80px; width:0; height:0;\r\n  animation: iac-spin 4s linear infinite;\r\n}\r\n@keyframes iac-spin { to { transform: rotate(360deg); } }\r\n#indi-dt-capabilities .iac-orbit .iac-orbdot {\r\n  position:absolute; left:-4.5px; top:-49px;\r\n  width:9px; height:9px; border-radius:50%;\r\n  background:#8ADA3F; box-shadow:0 0 0 3px rgba(138,218,63,0.25),0 0 8px rgba(138,218,63,0.6);\r\n}\r\n#indi-dt-capabilities .iac-bar {\r\n  position:absolute; bottom:34px; width:16px; border-radius:4px 4px 0 0;\r\n  background: linear-gradient(180deg,#8ADA3F,#5fb524);\r\n  transform-origin: bottom;\r\n}\r\n#indi-dt-capabilities .iac-bar.bar1 { left:178px; height:22px; animation: iac-grow 4s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-bar.bar2 { left:202px; height:38px; animation: iac-grow 4s ease-in-out infinite; animation-delay:.3s; }\r\n#indi-dt-capabilities .iac-bar.bar3 { left:226px; height:54px; animation: iac-grow 4s ease-in-out infinite; animation-delay:.6s; }\r\n#indi-dt-capabilities .iac-bar.bar4 { left:250px; height:72px; animation: iac-grow 4s ease-in-out infinite; animation-delay:.9s; }\r\n@keyframes iac-grow {\r\n  0%{transform:scaleY(0.18)} 45%{transform:scaleY(1)} 78%{transform:scaleY(1)} 100%{transform:scaleY(0.18)}\r\n}\r\n\r\n\/* CARD 6 \u2014 Human handoff with context *\/\r\n#indi-dt-capabilities .iac-cardpkt {\r\n  position:absolute; left:78px; top:64px;\r\n  width:42px; height:32px; border-radius:6px;\r\n  background:#FFFFFF; border:1.5px solid #8ADA3F;\r\n  box-shadow:0 4px 12px -3px rgba(18,54,108,0.25);\r\n  display:flex; flex-direction:column; gap:3px;\r\n  padding:7px 6px 0;\r\n  animation: iac-pass2 3.6s cubic-bezier(0.65,0,0.35,1) infinite;\r\n}\r\n#indi-dt-capabilities .iac-cardpkt span { height:2.5px; border-radius:2px; background:#C9D6EC; }\r\n#indi-dt-capabilities .iac-cardpkt span:nth-child(1){ width:100%; }\r\n#indi-dt-capabilities .iac-cardpkt span:nth-child(2){ width:70%; }\r\n#indi-dt-capabilities .iac-cardpkt span:nth-child(3){ width:85%; }\r\n@keyframes iac-pass2 {\r\n  0%,10%   { transform:translateX(0); opacity:0; }\r\n  18%      { opacity:1; }\r\n  70%      { transform:translateX(86px); opacity:1; }\r\n  82%,100% { transform:translateX(86px); opacity:0; }\r\n}\r\n#indi-dt-capabilities .iac-human { animation: iac-receive 3.6s ease-in-out infinite; }\r\n@keyframes iac-receive {\r\n  0%,66%  { background:#FFFFFF; border-color:#DCE6F7; color:#0F3B7A; }\r\n  74%     { background:#8ADA3F; border-color:#8ADA3F; color:#0F3B7A; box-shadow:0 0 0 4px rgba(138,218,63,0.22); }\r\n  92%,100%{ background:#FFFFFF; border-color:#DCE6F7; color:#0F3B7A; }\r\n}\r\n#indi-dt-capabilities .iac-human svg { stroke:#0072EF; }\r\n\r\n\/* ---------- scroll reveal ---------- *\/\r\n#indi-dt-capabilities .iac-animate {\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-dt-capabilities .iac-animate.iac-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(1) { transition-delay: .00s; }\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(2) { transition-delay: .08s; }\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(3) { transition-delay: .16s; }\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(4) { transition-delay: .08s; }\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(5) { transition-delay: .16s; }\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(6) { transition-delay: .24s; }\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width: 1100px) {\r\n  #indi-dt-capabilities .iac-wrap { padding: 80px 32px !important; }\r\n  #indi-dt-capabilities .iac-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 700px) {\r\n  #indi-dt-capabilities .iac-wrap { padding: 60px 24px !important; }\r\n  #indi-dt-capabilities .iac-grid { grid-template-columns: 1fr; gap: 20px; }\r\n  #indi-dt-capabilities .iac-h2 { max-width: 100%; }\r\n}\r\n@media (max-width: 480px) {\r\n  #indi-dt-capabilities .iac-wrap { padding: 40px 16px !important; }\r\n}\r\n\r\n\/* ---------- reduced motion ---------- *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-dt-capabilities .iac-animate { opacity:1 !important; transform:none !important; transition:none !important; }\r\n  #indi-dt-capabilities .iac-packet,\r\n  #indi-dt-capabilities .iac-resp,\r\n  #indi-dt-capabilities .iac-up,\r\n  #indi-dt-capabilities .iac-shieldpulse { opacity:0 !important; animation:none !important; }\r\n  #indi-dt-capabilities .iac-feed,\r\n  #indi-dt-capabilities .iac-route,\r\n  #indi-dt-capabilities .iac-out,\r\n  #indi-dt-capabilities .iac-back,\r\n  #indi-dt-capabilities .iac-token,\r\n  #indi-dt-capabilities .iac-core,\r\n  #indi-dt-capabilities .iac-t1, #indi-dt-capabilities .iac-t2, #indi-dt-capabilities .iac-t3,\r\n  #indi-dt-capabilities .iac-orbit,\r\n  #indi-dt-capabilities .iac-bar,\r\n  #indi-dt-capabilities .iac-cardpkt,\r\n  #indi-dt-capabilities .iac-human { animation:none !important; }\r\n  #indi-dt-capabilities .iac-token { transform:translateX(0) !important; }\r\n  #indi-dt-capabilities .iac-cardpkt { opacity:1 !important; }\r\n  #indi-dt-capabilities .iac-bar.bar1 { transform:scaleY(1) !important; }\r\n  #indi-dt-capabilities .iac-bar.bar2 { transform:scaleY(1) !important; }\r\n  #indi-dt-capabilities .iac-bar.bar3 { transform:scaleY(1) !important; }\r\n  #indi-dt-capabilities .iac-bar.bar4 { transform:scaleY(1) !important; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"indi-dt-capabilities\" role=\"region\" aria-label=\"Seis capacidades que diferencian al agente de IA de indigitall\">\r\n  <div class=\"iac-wrap\">\r\n\r\n    <span class=\"iac-eyebrow\">C\u00f3mo est\u00e1 construido<\/span>\r\n    <h2 class=\"iac-h2\">Seis capacidades que marcan la diferencia.<\/h2>\r\n    <p class=\"iac-intro\">No son funciones a\u00f1adidas sobre un chatbot. Son la arquitectura que permite al agente completar una tarea, no solo responder una pregunta. Todo empieza en WhatsApp, donde indigitall es <strong>Meta Business Partner<\/strong> sobre la <strong>WhatsApp Business Platform<\/strong>.<\/p>\r\n\r\n    <ul class=\"iac-grid\">\r\n\r\n      <!-- ============ CARD 1 \u2014 Multi-Agent Supervision ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"iac-line\" d=\"M56,80 H108\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M172,80 C198,80 198,30 220,30\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M172,80 H220\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M172,80 C198,80 198,130 220,130\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-node iac-blue\" style=\"left:8px; top:64px; width:48px; height:32px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21a8 8 0 0 1 16 0\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"iac-node iac-primary\" style=\"left:108px; top:56px; width:64px; height:48px; flex-direction:column; gap:3px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"2.5\"\/><circle cx=\"6\" cy=\"12\" r=\"2.5\"\/><circle cx=\"18\" cy=\"19\" r=\"2.5\"\/><path d=\"M8.3 10.7 15.7 6.3M8.3 13.3 15.7 17.7\"\/><\/svg>\r\n              Supervisor\r\n            <\/div>\r\n            <div class=\"iac-node iac-t1 iac-blue\" style=\"left:220px; top:14px; width:56px; height:32px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:12px;height:12px;\"><rect x=\"4\" y=\"9\" width=\"16\" height=\"11\" rx=\"2\"\/><path d=\"M12 9V5\"\/><circle cx=\"9\" cy=\"14.5\" r=\"1\"\/><circle cx=\"15\" cy=\"14.5\" r=\"1\"\/><\/svg>\r\n              <span style=\"font-size:8.5px;\">Ventas<\/span>\r\n            <\/div>\r\n            <div class=\"iac-node iac-t2 iac-blue\" style=\"left:220px; top:64px; width:56px; height:32px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:12px;height:12px;\"><rect x=\"4\" y=\"9\" width=\"16\" height=\"11\" rx=\"2\"\/><path d=\"M12 9V5\"\/><circle cx=\"9\" cy=\"14.5\" r=\"1\"\/><circle cx=\"15\" cy=\"14.5\" r=\"1\"\/><\/svg>\r\n              <span style=\"font-size:8.5px;\">Soporte<\/span>\r\n            <\/div>\r\n            <div class=\"iac-node iac-t3 iac-blue\" style=\"left:220px; top:114px; width:56px; height:32px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:12px;height:12px;\"><rect x=\"4\" y=\"9\" width=\"16\" height=\"11\" rx=\"2\"\/><path d=\"M12 9V5\"\/><circle cx=\"9\" cy=\"14.5\" r=\"1\"\/><circle cx=\"15\" cy=\"14.5\" r=\"1\"\/><\/svg>\r\n              <span style=\"font-size:8.5px;\">Facturaci\u00f3n<\/span>\r\n            <\/div>\r\n            <div class=\"iac-packet iac-feed\"><\/div>\r\n            <div class=\"iac-packet iac-route r1\"><\/div>\r\n            <div class=\"iac-packet iac-route r2\"><\/div>\r\n            <div class=\"iac-packet iac-route r3\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Orquestaci\u00f3n<\/span>\r\n          <h3 class=\"iac-title\">Supervisi\u00f3n multiagente<\/h3>\r\n          <p class=\"iac-desc\">Un Router Bot analiza la intenci\u00f3n del usuario en lenguaje natural y dirige la consulta al agente especializado, agente humano o sistema externo adecuado. Los flujos complejos que abarcan varios departamentos se resuelven sin que el cliente lo note.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ============ CARD 2 \u2014 MCP Integration ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"iac-line\" d=\"M78,80 C140,80 150,37 200,37\"\/>\r\n              <path class=\"iac-line\" d=\"M78,80 H200\"\/>\r\n              <path class=\"iac-line\" d=\"M78,80 C140,80 150,123 200,123\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-node iac-primary\" style=\"left:22px; top:58px; width:56px; height:44px; flex-direction:column; gap:2px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" rx=\"2\"\/><path d=\"M2 14h2M20 14h2M12 8V4M12 4a1.5 1.5 0 1 0 0-.01\"\/><circle cx=\"9\" cy=\"14\" r=\"1\"\/><circle cx=\"15\" cy=\"14\" r=\"1\"\/><\/svg>\r\n              Agente\r\n            <\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:200px; top:23px; width:56px; height:28px;\">CRM<\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:200px; top:66px; width:56px; height:28px;\">ERP<\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:200px; top:109px; width:56px; height:28px;\">API<\/div>\r\n            <div class=\"iac-packet iac-out o1\"><\/div>\r\n            <div class=\"iac-packet iac-out o2\"><\/div>\r\n            <div class=\"iac-packet iac-out o3\"><\/div>\r\n            <div class=\"iac-packet iac-blue iac-back b1\"><\/div>\r\n            <div class=\"iac-packet iac-blue iac-back b2\"><\/div>\r\n            <div class=\"iac-packet iac-blue iac-back b3\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Integraci\u00f3n en tiempo real<\/span>\r\n          <h3 class=\"iac-title\">Integraci\u00f3n MCP<\/h3>\r\n          <p class=\"iac-desc\">El Model Context Protocol conecta al agente con cualquier sistema externo en tiempo real \u2014CRM, ERP, inventario, pagos, historia cl\u00ednica o API propia\u2014. El agente obtiene datos, invoca funciones y escribe los resultados de vuelta. Acciones reales, no simulaciones.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ============ CARD 3 \u2014 Omnichannel Context ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"iac-line-dash\" d=\"M50,108 C50,80 120,72 130,52\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M140,108 V52\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M230,108 C230,80 160,72 150,52\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-node iac-core iac-primary\" style=\"left:96px; top:14px; width:88px; height:38px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 3 7v6c0 5 4 8 9 9 5-1 9-4 9-9V7z\"\/><circle cx=\"12\" cy=\"11\" r=\"2.5\"\/><\/svg>\r\n              <span style=\"font-size:9px;font-weight:700;\">Perfil unificado<\/span>\r\n            <\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:14px; top:110px; width:72px; height:34px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.4 8.4 0 0 1-12 7.6L3 21l1.9-5.7A8.5 8.5 0 1 1 21 11.5z\"\/><\/svg>\r\n              <span style=\"font-size:8px;\">WhatsApp<\/span>\r\n            <\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:104px; top:110px; width:72px; height:34px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a14 14 0 0 1 0 18 14 14 0 0 1 0-18z\"\/><\/svg>\r\n              <span style=\"font-size:8px;\">Web<\/span>\r\n            <\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:194px; top:110px; width:72px; height:34px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L8 9.6a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n              <span style=\"font-size:8px;\">Contact Center<\/span>\r\n            <\/div>\r\n            <div class=\"iac-packet iac-up u1\"><\/div>\r\n            <div class=\"iac-packet iac-up u2\"><\/div>\r\n            <div class=\"iac-packet iac-up u3\"><\/div>\r\n            <div class=\"iac-token\">Contexto<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Perfil unificado<\/span>\r\n          <h3 class=\"iac-title\">Contexto omnicanal<\/h3>\r\n          <p class=\"iac-desc\">El CDP mantiene activo el estado de la conversaci\u00f3n en todos los canales. Un cliente que empieza en WhatsApp, contin\u00faa en la web y llama al contact center nunca tiene que repetirse. Contexto completo, cero fricci\u00f3n.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ============ CARD 4 \u2014 Response Security Filter ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"iac-line-dash\" d=\"M6,80 H114\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M166,80 H274\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-shieldpulse\"><\/div>\r\n            <div class=\"iac-node iac-primary\" style=\"left:114px; top:46px; width:52px; height:68px; flex-direction:column; gap:3px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n              <span style=\"font-size:8px;\">Filtro<\/span>\r\n            <\/div>\r\n            <div class=\"iac-resp p1\"><\/div>\r\n            <div class=\"iac-resp p2\"><\/div>\r\n            <div class=\"iac-resp bk\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Seguridad enterprise<\/span>\r\n          <h3 class=\"iac-title\">Filtro de seguridad de respuestas<\/h3>\r\n          <p class=\"iac-desc\">Cada respuesta pasa por un filtro de seguridad antes de entregarse \u2014listas negras, salvaguardas de brand safety y moderaci\u00f3n de contenido\u2014. El entrenamiento RAG solo con datos del cliente hace que el agente nunca alucine con contenido de internet.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ============ CARD 5 \u2014 Continuous Learning ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <circle cx=\"78\" cy=\"80\" r=\"49\" fill=\"none\" stroke=\"#C9D6EC\" stroke-width=\"2\" stroke-dasharray=\"4 6\"\/>\r\n              <line x1=\"170\" y1=\"114\" x2=\"274\" y2=\"114\" stroke=\"#C9D6EC\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-node iac-primary\" style=\"left:60px; top:62px; width:36px; height:36px; border-radius:50%;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:16px;height:16px;\"><path d=\"M21 12a9 9 0 1 1-3-6.7M21 3v5h-5\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:54px; top:24px; width:48px; height:20px; font-size:8.5px !important;\">Resuelto<\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:8px; top:116px; width:54px; height:20px; font-size:8.5px !important;\">Escalado<\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:96px; top:116px; width:54px; height:20px; font-size:8.5px !important;\">Abandono<\/div>\r\n            <div class=\"iac-orbit\"><span class=\"iac-orbdot\"><\/span><\/div>\r\n            <div class=\"iac-bar bar1\"><\/div>\r\n            <div class=\"iac-bar bar2\"><\/div>\r\n            <div class=\"iac-bar bar3\"><\/div>\r\n            <div class=\"iac-bar bar4\"><\/div>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"position:absolute;left:248px;top:18px;width:18px;height:18px;\"><path d=\"M3 17l6-6 4 4 8-8M21 7v5\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Inteligencia adaptativa<\/span>\r\n          <h3 class=\"iac-title\">Aprendizaje continuo<\/h3>\r\n          <p class=\"iac-desc\">Cada interacci\u00f3n resuelta, cada escalado y cada abandono retroalimentan al modelo. La precisi\u00f3n de resoluci\u00f3n mejora con el tiempo sin escribir reglas manualmente.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ============ CARD 6 \u2014 Human Handoff with Full Context ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"iac-line\" d=\"M74,80 H206\"\/>\r\n              <path class=\"iac-line\" d=\"M196,75 l10,5 -10,5\" stroke=\"#C9D6EC\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-node iac-primary\" style=\"left:14px; top:57px; width:60px; height:46px; flex-direction:column; gap:2px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" rx=\"2\"\/><path d=\"M2 14h2M20 14h2M12 8V4\"\/><circle cx=\"9\" cy=\"14\" r=\"1\"\/><circle cx=\"15\" cy=\"14\" r=\"1\"\/><\/svg>\r\n              Agente\r\n            <\/div>\r\n            <div class=\"iac-node iac-human iac-blue\" style=\"left:206px; top:57px; width:60px; height:46px; flex-direction:column; gap:2px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 14v-2a8 8 0 0 1 16 0v2\"\/><path d=\"M4 14a2 2 0 0 0 2 2h1v-4H6a2 2 0 0 0-2 2zM20 14a2 2 0 0 1-2 2h-1v-4h1a2 2 0 0 1 2 2zM12 19a3 3 0 0 0 3-3\"\/><\/svg>\r\n              Humano\r\n            <\/div>\r\n            <div class=\"iac-cardpkt\"><span><\/span><span><\/span><span><\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Integraci\u00f3n con Contact Center<\/span>\r\n          <h3 class=\"iac-title\">Transferencia a humano con contexto completo<\/h3>\r\n          <p class=\"iac-desc\">Cuando una interacci\u00f3n requiere criterio humano, el agente la transfiere a un agente en vivo del Contact Center \u2014con el historial completo de la conversaci\u00f3n, el perfil del cliente y los pasos de resoluci\u00f3n ya intentados cargados\u2014. Sin transferencias en fr\u00edo.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n    <\/ul>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var root = document.getElementById('indi-dt-capabilities');\r\n  if (!root) return;\r\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    root.querySelectorAll('.iac-animate').forEach(function(el){ el.classList.add('iac-visible'); });\r\n    return;\r\n  }\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('iac-visible'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  root.querySelectorAll('.iac-animate').forEach(function(el) { obs.observe(el); });\r\n})();\r\n<\/script>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""},{"acf_fc_layout":"custom_html","code":"<!-- indigitall DataTalk \u2014 Casos de uso \u2014 WordPress\/ACF Custom HTML block -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&display=swap');\r\n\r\n#indi-dt-uc {\r\n  all: initial; display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  background: #F5F7FA !important; position: relative; overflow: hidden;\r\n  box-sizing: border-box !important; -webkit-font-smoothing: antialiased;\r\n}\r\n#indi-dt-uc *, #indi-dt-uc *::before, #indi-dt-uc *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#indi-dt-uc .uc-wrap { position: relative; z-index: 2; max-width: 1280px; margin: 0 auto !important; padding: 100px 48px !important; }\r\n\r\n\/* Header *\/\r\n#indi-dt-uc .uc-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  font-size: 12px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #1565E0 !important;\r\n}\r\n#indi-dt-uc .uc-eyebrow::before { content: \"\"; width: 22px; height: 2px; background: #8ADA3F; display: inline-block; border-radius: 2px; }\r\n#indi-dt-uc .uc-head { text-align: center; max-width: 720px; margin: 0 auto 52px; }\r\n#indi-dt-uc .uc-head .uc-eyebrow { justify-content: center; }\r\n#indi-dt-uc .uc-h2 {\r\n  margin-top: 16px !important; font-size: clamp(28px, 3.5vw, 44px) !important;\r\n  font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; color: #0F3B7A !important;\r\n}\r\n#indi-dt-uc .uc-h2 em { font-style: normal; color: #0072EF !important; }\r\n#indi-dt-uc .uc-sub { margin-top: 18px !important; font-size: 17px !important; line-height: 1.6 !important; color: #5A6B85 !important; }\r\n\r\n\/* Grid *\/\r\n#indi-dt-uc .uc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n\r\n\/* Card *\/\r\n#indi-dt-uc .uc-card {\r\n  background: #FFFFFF !important; border-radius: 16px !important; padding: 28px !important;\r\n  box-shadow: 0 12px 36px -8px rgba(18,54,108,0.14), 0 2px 8px rgba(0,0,0,0.04);\r\n  display: flex; flex-direction: column;\r\n  transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-dt-uc .uc-card:hover { transform: translateY(-4px); box-shadow: 0 22px 50px -10px rgba(18,54,108,0.22), 0 4px 12px rgba(138,218,63,0.12); }\r\n\r\n#indi-dt-uc .uc-cardtop { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }\r\n#indi-dt-uc .uc-ic {\r\n  width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0;\r\n  background: linear-gradient(135deg, #0F3B7A 0%, #0072EF 100%);\r\n  display: flex; align-items: center; justify-content: center;\r\n  box-shadow: 0 6px 18px -4px rgba(15,59,122,0.4);\r\n}\r\n#indi-dt-uc .uc-tag {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: #EEF3FF; border-radius: 6px; padding: 5px 11px !important;\r\n  font-size: 11px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #0F3B7A !important;\r\n}\r\n#indi-dt-uc .uc-tag::before { content: \"\"; width: 6px; height: 6px; border-radius: 50%; background: #8ADA3F; }\r\n\r\n#indi-dt-uc .uc-title { font-size: 20px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; line-height: 1.25 !important; color: #0F0F0F !important; }\r\n#indi-dt-uc .uc-desc { margin-top: 10px !important; font-size: 14.5px !important; line-height: 1.6 !important; color: #5A6B85 !important; }\r\n\r\n\/* Mini flow *\/\r\n#indi-dt-uc .uc-flow {\r\n  margin-top: 20px; padding: 14px; background: #F5F7FA; border-radius: 10px;\r\n  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;\r\n}\r\n#indi-dt-uc .uc-step {\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n  background: #FFFFFF; border: 1px solid #DCE3EC; border-radius: 7px; padding: 5px 8px;\r\n  font-size: 10.5px !important; font-weight: 700 !important; color: #0F3B7A !important; white-space: nowrap;\r\n}\r\n#indi-dt-uc .uc-step svg { flex-shrink: 0; }\r\n#indi-dt-uc .uc-step.win { background: rgba(48,192,84,0.12); border-color: rgba(48,192,84,0.4); color: #1A7A33 !important; }\r\n#indi-dt-uc .uc-arrow { color: #B7C4D6; flex-shrink: 0; display: flex; }\r\n\r\n\/* Points *\/\r\n#indi-dt-uc .uc-points { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }\r\n#indi-dt-uc .uc-point { display: flex; align-items: flex-start; gap: 9px; font-size: 13.5px !important; font-weight: 500 !important; color: #3A4A61 !important; line-height: 1.4; }\r\n#indi-dt-uc .uc-check {\r\n  width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; margin-top: 1px;\r\n  background: rgba(138,218,63,0.18); display: flex; align-items: center; justify-content: center;\r\n}\r\n\r\n\/* Scroll reveal *\/\r\n#indi-dt-uc .uc-animate { opacity: 0; transform: translateY(20px); transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1); }\r\n#indi-dt-uc .uc-animate.uc-vis { opacity: 1; transform: translateY(0); }\r\n#indi-dt-uc .uc-grid .uc-card:nth-child(2) { transition-delay: 0.08s; }\r\n#indi-dt-uc .uc-grid .uc-card:nth-child(3) { transition-delay: 0.16s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-dt-uc .uc-animate { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1100px) { #indi-dt-uc .uc-wrap { padding: 80px 32px !important; } #indi-dt-uc .uc-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; } }\r\n@media (max-width: 600px) { #indi-dt-uc .uc-wrap { padding: 56px 16px !important; } #indi-dt-uc .uc-card { padding: 22px !important; } }\r\n<\/style>\r\n<section id=\"indi-dt-uc\" role=\"region\" aria-label=\"Casos de uso de DataTalk\">\r\n  <div class=\"uc-wrap\">\r\n\r\n    <div class=\"uc-head\">\r\n      <span class=\"uc-eyebrow\">Casos de uso<\/span>\r\n      <h2 class=\"uc-h2\">DataTalk, <em>de la pregunta a la acci\u00f3n.<\/em><\/h2>\r\n      <p class=\"uc-sub\">Escenarios reales donde una pregunta en lenguaje natural se convierte en un gr\u00e1fico, un segmento o un informe \u2014 en segundos, sobre datos en vivo y sin SQL.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"uc-grid\">\r\n\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\">\r\n          <span class=\"uc-ic\" aria-hidden=\"true\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 3H2l8 9.46V19l4 2v-8.54L22 3z\"\/><\/svg><\/span>\r\n          <span class=\"uc-tag\">Segmentaci\u00f3n<\/span>\r\n        <\/div>\r\n        <h3 class=\"uc-title\">Un segmento desde una frase<\/h3>\r\n        <p class=\"uc-desc\">Describe la audiencia en lenguaje natural y DataTalk crea el segmento en el sistema, con los filtros correctos \u2014 listo para el journey.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\"><span class=\"uc-step\">Pregunta<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Verifica<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Crea<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step win\">Segmento listo<\/span><\/div>\r\n        <ul class=\"uc-points\"><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Sin SQL ni generador de consultas<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Con los filtros correctos<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Listo para activar<\/li><\/ul>\r\n      <\/article>\r\n\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\">\r\n          <span class=\"uc-ic\" aria-hidden=\"true\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/span>\r\n          <span class=\"uc-tag\">Anal\u00edtica<\/span>\r\n        <\/div>\r\n        <h3 class=\"uc-title\">Pregunta a tus KPIs<\/h3>\r\n        <p class=\"uc-desc\">Pregunta por el rendimiento y DataTalk responde con el gr\u00e1fico o la KPI card \u2014 datos en vivo del CDP, sin analista y sin buscar en dashboards.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\"><span class=\"uc-step\">Pregunta<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Consulta CDP<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Gr\u00e1fico<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step win\">Respuesta<\/span><\/div>\r\n        <ul class=\"uc-points\"><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Gr\u00e1ficos y KPI cards<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Datos en vivo del CDP<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Sugiere el siguiente paso<\/li><\/ul>\r\n      <\/article>\r\n\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\">\r\n          <span class=\"uc-ic\" aria-hidden=\"true\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M8 13h8M8 17h8M8 9h2\"\/><\/svg><\/span>\r\n          <span class=\"uc-tag\">Informes<\/span>\r\n        <\/div>\r\n        <h3 class=\"uc-title\">Informes bajo demanda<\/h3>\r\n        <p class=\"uc-desc\">Convierte una pregunta en una tabla o un informe en segundos \u2014 cuando lo necesitas, no cuando se libera la cola del analista.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\"><span class=\"uc-step\">Pregunta<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Consulta<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Tabla<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step win\">Listo<\/span><\/div>\r\n        <ul class=\"uc-points\"><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Petici\u00f3n en lenguaje natural<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>En vivo desde el CDP<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Dentro de la plataforma<\/li><\/ul>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById('indi-dt-uc');\r\n    if (!root) return;\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      root.querySelectorAll('.uc-animate').forEach(function (el) { el.classList.add('uc-vis'); }); return;\r\n    }\r\n    var obs = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('uc-vis'); obs.unobserve(e.target); } });\r\n    }, { threshold: 0.15 });\r\n    root.querySelectorAll('.uc-animate').forEach(function (el) { obs.observe(el); });\r\n  })();\r\n  <\/script>\r\n<\/section>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""},{"acf_fc_layout":"custom_html","code":"<!-- ============================================================\r\n     indigitall.com \u2014 AI Agents page\r\n     Section S6: \"Data Security Architecture\"\r\n     Self-contained ACF Custom HTML block. Dark gradient background.\r\n     ============================================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n#indi-data-security {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  box-sizing: border-box !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: linear-gradient(145deg, #0F3B7A 0%, #1565E0 60%, #0072EF 100%) !important;\r\n}\r\n#indi-data-security *, #indi-data-security *::before, #indi-data-security *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* ---------- dark-section texture + glow ---------- *\/\r\n#indi-data-security .ids-texture {\r\n  position: absolute; inset: 0;\r\n  background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n  background-size: 28px 28px;\r\n  pointer-events: none; z-index: 0;\r\n}\r\n#indi-data-security .ids-glow {\r\n  position: absolute; top: -120px; right: -80px;\r\n  width: 560px; height: 560px;\r\n  background: radial-gradient(circle, rgba(138,218,63,0.12) 0%, transparent 70%);\r\n  pointer-events: none; z-index: 0;\r\n}\r\n\r\n\/* ---------- shell ---------- *\/\r\n#indi-data-security .ids-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1280px;\r\n  margin: 0 auto !important;\r\n  padding: 100px 48px !important;\r\n}\r\n\r\n\/* ---------- header ---------- *\/\r\n#indi-data-security .ids-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.12em !important;\r\n  text-transform: uppercase !important;\r\n  color: #8ADA3F !important;\r\n}\r\n#indi-data-security .ids-eyebrow::before {\r\n  content: \"\";\r\n  width: 22px; height: 2px;\r\n  background: #8ADA3F;\r\n  display: inline-block;\r\n  border-radius: 2px;\r\n}\r\n#indi-data-security .ids-h2 {\r\n  margin-top: 16px !important;\r\n  font-size: clamp(28px, 3.5vw, 46px) !important;\r\n  line-height: 1.12 !important;\r\n  font-weight: 500 !important;\r\n  letter-spacing: -0.02em !important;\r\n  color: #FFFFFF !important;\r\n  max-width: 24ch;\r\n}\r\n#indi-data-security .ids-h2 .ids-accent { color: #8ADA3F !important; }\r\n#indi-data-security .ids-body {\r\n  margin-top: 22px !important;\r\n  font-size: 16px !important;\r\n  line-height: 1.7 !important;\r\n  font-weight: 400 !important;\r\n  color: rgba(255,255,255,0.80) !important;\r\n  max-width: 70ch;\r\n}\r\n\r\n\/* ---------- grid ---------- *\/\r\n#indi-data-security .ids-grid {\r\n  margin-top: 56px !important;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  list-style: none;\r\n}\r\n\r\n\/* ---------- tile ---------- *\/\r\n#indi-data-security .ids-tile {\r\n  background: #FFFFFF !important;\r\n  border-radius: 14px !important;\r\n  box-shadow: 0 18px 44px -10px rgba(7,26,58,0.55), 0 2px 8px rgba(0,0,0,0.10);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-data-security .ids-tile:hover {\r\n  transform: translateY(-4px) scale(1.02);\r\n  box-shadow: 0 30px 60px -12px rgba(7,26,58,0.60), 0 4px 12px rgba(0,0,0,0.12);\r\n}\r\n\r\n\/* ---------- viz stage ---------- *\/\r\n#indi-data-security .ids-stage {\r\n  position: relative;\r\n  height: 168px;\r\n  background: radial-gradient(120% 90% at 50% 0%, #F1F6FF 0%, #EEF3FF 55%, #E7EEFB 100%);\r\n  border-bottom: 1px solid #EAF0FA;\r\n  overflow: hidden;\r\n}\r\n#indi-data-security .ids-stageinner {\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  width: 280px; height: 160px;\r\n  transform: translate(-50%, -50%);\r\n}\r\n#indi-data-security .ids-stage svg.ids-lines {\r\n  position: absolute; inset: 0;\r\n  width: 100%; height: 100%;\r\n  overflow: visible;\r\n}\r\n#indi-data-security .ids-line { stroke: #C9D6EC; stroke-width: 2; fill: none; }\r\n#indi-data-security .ids-line-dash { stroke: #C9D6EC; stroke-width: 2; fill: none; stroke-dasharray: 4 5; stroke-linecap: round; }\r\n#indi-data-security .ids-line-block { stroke: #E9B7B9; stroke-width: 2; fill: none; stroke-dasharray: 4 5; stroke-linecap: round; }\r\n\r\n\/* nodes *\/\r\n#indi-data-security .ids-node {\r\n  position: absolute;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  background: #FFFFFF;\r\n  border: 1.5px solid #DCE6F7;\r\n  border-radius: 9px;\r\n  font-size: 9.5px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.01em;\r\n  color: #0F3B7A !important;\r\n  box-shadow: 0 4px 12px -4px rgba(18,54,108,0.18);\r\n  text-align: center;\r\n}\r\n#indi-data-security .ids-node svg { width: 12px; height: 12px; flex: none; stroke: #0072EF; }\r\n#indi-data-security .ids-node.ids-primary {\r\n  background: #0F3B7A; border-color: #0F3B7A; color: #FFFFFF !important;\r\n  box-shadow: 0 6px 18px -4px rgba(15,59,122,0.45);\r\n}\r\n#indi-data-security .ids-node.ids-primary svg { stroke: #FFFFFF; }\r\n#indi-data-security .ids-node.ids-dim { opacity: 0.45; filter: grayscale(0.4); }\r\n\r\n\/* perimeter box (tile 2) *\/\r\n#indi-data-security .ids-perimeter {\r\n  position: absolute;\r\n  border: 2px dashed #8ADA3F;\r\n  border-radius: 12px;\r\n  background: rgba(138,218,63,0.06);\r\n}\r\n#indi-data-security .ids-perimeter-label {\r\n  position: absolute;\r\n  font-size: 7.5px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.08em !important;\r\n  text-transform: uppercase;\r\n  color: #4E8A1E !important;\r\n}\r\n\r\n\/* guard \/ block markers *\/\r\n#indi-data-security .ids-guard { position: absolute; }\r\n#indi-data-security .ids-guard svg { width: 22px; height: 22px; stroke: #5fb524; }\r\n#indi-data-security .ids-block { position: absolute; }\r\n#indi-data-security .ids-block svg { width: 17px; height: 17px; stroke: #E5484D; }\r\n\r\n\/* moving packets *\/\r\n#indi-data-security .ids-packet {\r\n  position: absolute;\r\n  width: 9px; height: 9px; border-radius: 50%;\r\n  background: #8ADA3F;\r\n  box-shadow: 0 0 0 3px rgba(138,218,63,0.22), 0 0 8px rgba(138,218,63,0.55);\r\n  opacity: 0;\r\n}\r\n#indi-data-security .ids-packet.ids-doc { border-radius: 2px; }\r\n\r\n\/* check chips (tile 3) *\/\r\n#indi-data-security .ids-check {\r\n  position: absolute;\r\n  display: flex; align-items: center; justify-content: center; gap: 4px;\r\n  height: 20px; border-radius: 6px;\r\n  background: #EEF3FF; color: #5A6B85 !important;\r\n  font-size: 8.5px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.02em;\r\n}\r\n#indi-data-security .ids-check svg { width: 10px; height: 10px; stroke: #B9C6DD; }\r\n\r\n\/* ---------- tile body ---------- *\/\r\n#indi-data-security .ids-tbody {\r\n  padding: 24px 24px 28px !important;\r\n  display: flex; flex-direction: column; flex: 1;\r\n}\r\n#indi-data-security .ids-ttitle {\r\n  font-size: 19px !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: -0.01em !important;\r\n  line-height: 1.25 !important;\r\n  color: #0F0F0F !important;\r\n}\r\n#indi-data-security .ids-tdesc {\r\n  margin-top: 10px !important;\r\n  font-size: 14.5px !important;\r\n  line-height: 1.6 !important;\r\n  font-weight: 400 !important;\r\n  color: #5A6B85 !important;\r\n}\r\n\r\n\/* ---------- certification band (tile 4) ---------- *\/\r\n#indi-data-security .ids-band {\r\n  grid-column: 1 \/ -1;\r\n  margin-top: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 28px;\r\n  flex-wrap: wrap;\r\n  padding: 26px 32px !important;\r\n  border-radius: 14px;\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.14);\r\n  backdrop-filter: blur(2px);\r\n}\r\n#indi-data-security .ids-band-head { display: flex; align-items: center; gap: 16px; min-width: 220px; }\r\n#indi-data-security .ids-band-icon {\r\n  flex: none;\r\n  width: 46px; height: 46px; border-radius: 11px;\r\n  background: rgba(138,218,63,0.16);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n#indi-data-security .ids-band-icon svg { width: 23px; height: 23px; stroke: #8ADA3F; }\r\n#indi-data-security .ids-band-title { font-size: 18px !important; font-weight: 600 !important; color: #FFFFFF !important; letter-spacing: -0.01em; }\r\n#indi-data-security .ids-band-sub { margin-top: 3px !important; font-size: 12.5px !important; font-weight: 400 !important; color: rgba(255,255,255,0.62) !important; }\r\n#indi-data-security .ids-badges { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; }\r\n#indi-data-security .ids-badge {\r\n  display: inline-flex; align-items: center; gap: 7px;\r\n  padding: 9px 14px !important;\r\n  border-radius: 8px;\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n  font-size: 13px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; letter-spacing: 0.01em;\r\n  white-space: nowrap;\r\n}\r\n#indi-data-security .ids-badge svg { width: 15px; height: 15px; stroke: #8ADA3F; flex: none; }\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n\/* ----- TILE 1: RAG-only training ----- *\/\r\n#indi-data-security .ids-ingest { top: 76px; }\r\n#indi-data-security .ids-ingest.g1 { left: 66px; animation: ids-g1 2.4s ease-in-out infinite; }\r\n#indi-data-security .ids-ingest.g2 { left: 66px; top: 76px; animation: ids-g2 2.4s ease-in-out infinite; animation-delay: .35s; }\r\n#indi-data-security .ids-ingest.g3 { left: 66px; animation: ids-g3 2.4s ease-in-out infinite; animation-delay: .7s; }\r\n@keyframes ids-g1 { 0%{transform:translate(0,-47px);opacity:0} 10%{opacity:1} 70%{transform:translate(80px,0);opacity:1} 80%,100%{transform:translate(80px,0);opacity:0} }\r\n@keyframes ids-g2 { 0%{transform:translate(0,0);opacity:0} 10%{opacity:1} 70%{transform:translate(80px,0);opacity:1} 80%,100%{transform:translate(80px,0);opacity:0} }\r\n@keyframes ids-g3 { 0%{transform:translate(0,47px);opacity:0} 10%{opacity:1} 70%{transform:translate(80px,0);opacity:1} 80%,100%{transform:translate(80px,0);opacity:0} }\r\n#indi-data-security .ids-kb { animation: ids-kbpulse 2.4s ease-in-out infinite; }\r\n@keyframes ids-kbpulse {\r\n  0%,55%{ box-shadow:0 6px 18px -4px rgba(15,59,122,0.45); }\r\n  72%{ box-shadow:0 0 0 4px rgba(138,218,63,0.22),0 6px 18px -4px rgba(15,59,122,0.45); }\r\n  90%,100%{ box-shadow:0 6px 18px -4px rgba(15,59,122,0.45); }\r\n}\r\n#indi-data-security .ids-reject { left: 230px; top: 30px; background:#8ADA3F; box-shadow:0 0 0 3px rgba(138,218,63,0.22); animation: ids-reject 2.8s ease-in-out infinite; }\r\n@keyframes ids-reject {\r\n  0%{transform:translate(0,0);opacity:0;background:#8ADA3F}\r\n  10%{opacity:1;background:#8ADA3F}\r\n  34%{transform:translate(-26px,12px);opacity:1;background:#8ADA3F}\r\n  46%{transform:translate(-26px,12px);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  74%{transform:translate(2px,-4px);background:#E5484D}\r\n  86%,100%{transform:translate(2px,-4px);opacity:0;background:#E5484D}\r\n}\r\n\r\n\/* ----- TILE 2: contained environment ----- *\/\r\n#indi-data-security .ids-reason { animation: ids-rpulse 2.6s ease-in-out infinite; }\r\n@keyframes ids-rpulse {\r\n  0%,100%{ box-shadow:0 6px 18px -4px rgba(15,59,122,0.45); }\r\n  50%{ box-shadow:0 0 0 5px rgba(138,218,63,0.18),0 6px 18px -4px rgba(15,59,122,0.45); }\r\n}\r\n#indi-data-security .ids-egress { left: 143px; top: 80px; background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); }\r\n#indi-data-security .ids-egress.x1 { animation: ids-x1 2.7s ease-in-out infinite; }\r\n#indi-data-security .ids-egress.x2 { animation: ids-x2 2.7s ease-in-out infinite; animation-delay: .9s; }\r\n#indi-data-security .ids-egress.x3 { animation: ids-x3 2.7s ease-in-out infinite; animation-delay: 1.8s; }\r\n@keyframes ids-x1 {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  12%{opacity:1;background:#0072EF}\r\n  40%{transform:translate(28px,-4px);background:#0072EF}\r\n  52%{transform:translate(30px,-4px);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  72%{transform:translate(6px,-2px);background:#E5484D}\r\n  86%,100%{transform:translate(6px,-2px);opacity:0;background:#E5484D}\r\n}\r\n@keyframes ids-x2 {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  12%{opacity:1;background:#0072EF}\r\n  40%{transform:translate(28px,0);background:#0072EF}\r\n  52%{transform:translate(30px,0);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  72%{transform:translate(6px,0);background:#E5484D}\r\n  86%,100%{transform:translate(6px,0);opacity:0;background:#E5484D}\r\n}\r\n@keyframes ids-x3 {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  12%{opacity:1;background:#0072EF}\r\n  40%{transform:translate(28px,4px);background:#0072EF}\r\n  52%{transform:translate(30px,4px);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  72%{transform:translate(6px,2px);background:#E5484D}\r\n  86%,100%{transform:translate(6px,2px);opacity:0;background:#E5484D}\r\n}\r\n#indi-data-security .ids-guard.g2guard { animation: ids-guardpulse 2.7s ease-in-out infinite; }\r\n@keyframes ids-guardpulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.12)} }\r\n\r\n\/* ----- TILE 3: response security filter ----- *\/\r\n#indi-data-security .ids-shieldpulse {\r\n  position:absolute; left:108px; top:48px; width:64px; height:64px;\r\n  border-radius:14px; border:2px solid #8ADA3F; opacity:0;\r\n  animation: ids-spulse 2.4s ease-out infinite;\r\n}\r\n@keyframes ids-spulse { 0%{transform:scale(1);opacity:.5} 100%{transform:scale(1.3);opacity:0} }\r\n#indi-data-security .ids-resp { top: 75px; left: 4px; width: 11px; height: 11px; border-radius: 3px; }\r\n#indi-data-security .ids-resp.r1 { background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: ids-pass 3.2s linear infinite; }\r\n#indi-data-security .ids-resp.r2 { background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: ids-pass 3.2s linear infinite; animation-delay: 1.6s; }\r\n#indi-data-security .ids-resp.rb { background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: ids-blk 3.2s ease-in-out infinite; animation-delay: .8s; }\r\n@keyframes ids-pass {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  8%{opacity:1}\r\n  40%{transform:translate(102px,0);background:#0072EF}\r\n  52%{transform:translate(140px,0);background:#8ADA3F}\r\n  92%{transform:translate(262px,0);opacity:1;background:#8ADA3F}\r\n  100%{transform:translate(262px,0);opacity:0;background:#8ADA3F}\r\n}\r\n@keyframes ids-blk {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  8%{opacity:1}\r\n  38%{transform:translate(98px,0);background:#0072EF}\r\n  50%{transform:translate(106px,0);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  62%{transform:translate(80px,0);background:#E5484D}\r\n  78%{transform:translate(86px,0);opacity:1;background:#E5484D}\r\n  100%{transform:translate(86px,0);opacity:0;background:#E5484D}\r\n}\r\n#indi-data-security .ids-check.k1 { animation: ids-tick 3.2s ease-in-out infinite; }\r\n#indi-data-security .ids-check.k2 { animation: ids-tick 3.2s ease-in-out infinite; animation-delay: .12s; }\r\n#indi-data-security .ids-check.k3 { animation: ids-tick 3.2s ease-in-out infinite; animation-delay: .24s; }\r\n@keyframes ids-tick {\r\n  0%,38%{ background:#EEF3FF; color:#5A6B85; }\r\n  50%{ background:#EAF8DC; color:#4E8A1E; }\r\n  80%,100%{ background:#EEF3FF; color:#5A6B85; }\r\n}\r\n#indi-data-security .ids-check.k1.lit svg, #indi-data-security .ids-check.k2.lit svg, #indi-data-security .ids-check.k3.lit svg { stroke:#5fb524; }\r\n\r\n\/* ---------- scroll reveal ---------- *\/\r\n#indi-data-security .ids-animate {\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-data-security .ids-animate.ids-visible { opacity: 1; transform: translateY(0); }\r\n#indi-data-security .ids-grid .ids-tile:nth-child(1) { transition-delay: .00s; }\r\n#indi-data-security .ids-grid .ids-tile:nth-child(2) { transition-delay: .09s; }\r\n#indi-data-security .ids-grid .ids-tile:nth-child(3) { transition-delay: .18s; }\r\n#indi-data-security .ids-band.ids-animate { transition-delay: .12s; }\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width: 1100px) {\r\n  #indi-data-security .ids-wrap { padding: 80px 32px !important; }\r\n}\r\n@media (max-width: 860px) {\r\n  #indi-data-security .ids-grid { grid-template-columns: 1fr; }\r\n  #indi-data-security .ids-h2 { max-width: 100%; }\r\n}\r\n@media (max-width: 700px) {\r\n  #indi-data-security .ids-wrap { padding: 60px 24px !important; }\r\n  #indi-data-security .ids-grid { gap: 20px; }\r\n  #indi-data-security .ids-band { flex-direction: column; align-items: flex-start; padding: 24px !important; }\r\n}\r\n@media (max-width: 480px) {\r\n  #indi-data-security .ids-wrap { padding: 40px 16px !important; }\r\n}\r\n\r\n\/* ---------- reduced motion ---------- *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-data-security .ids-animate { opacity:1 !important; transform:none !important; transition:none !important; }\r\n  #indi-data-security .ids-packet { opacity:0 !important; animation:none !important; }\r\n  #indi-data-security .ids-shieldpulse { opacity:0 !important; animation:none !important; }\r\n  #indi-data-security .ids-kb,\r\n  #indi-data-security .ids-reason,\r\n  #indi-data-security .ids-guard,\r\n  #indi-data-security .ids-check { animation:none !important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"indi-data-security\" role=\"region\" aria-label=\"Arquitectura de seguridad de datos\">\r\n  <div class=\"ids-texture\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ids-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"ids-wrap\">\r\n\r\n    <span class=\"ids-eyebrow\">Tus datos siguen siendo tuyos<\/span>\r\n    <h2 class=\"ids-h2\">Entrenado con tus datos. Contenido en tu entorno. <span class=\"ids-accent\">Nunca expuesto a un LLM p\u00fablico.<\/span><\/h2>\r\n    <p class=\"ids-body\">La mayor\u00eda de los despliegues de IA tienen un coste oculto que no aparece en el contrato: cada consulta de cliente enviada a un gran modelo de lenguaje p\u00fablico es una transferencia de datos a la infraestructura de ese proveedor. Los Agentes de IA de indigitall usan Retrieval-Augmented Generation entrenado exclusivamente con contenido aportado por el cliente. El agente conoce tus productos, pol\u00edticas y procedimientos. No sabe nada que no se le haya ense\u00f1ado. Y todo lo que aprendi\u00f3 se queda dentro de tu entorno.<\/p>\r\n\r\n    <ul class=\"ids-grid\">\r\n\r\n      <!-- ===== TILE 1 \u2014 RAG-only training ===== -->\r\n      <li class=\"ids-tile ids-animate\">\r\n        <div class=\"ids-stage\" aria-hidden=\"true\">\r\n          <div class=\"ids-stageinner\">\r\n            <svg class=\"ids-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"ids-line\" d=\"M70,33 C108,33 120,80 150,80\"\/>\r\n              <path class=\"ids-line\" d=\"M70,80 H150\"\/>\r\n              <path class=\"ids-line\" d=\"M70,127 C108,127 120,80 150,80\"\/>\r\n              <path class=\"ids-line-block\" d=\"M218,34 C210,40 200,44 192,50\"\/>\r\n            <\/svg>\r\n            <div class=\"ids-node\" style=\"left:6px; top:20px; width:64px; height:26px; gap:4px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"\/><path d=\"M5 3h9l5 5v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z\"\/><\/svg>Cat\u00e1logo\r\n            <\/div>\r\n            <div class=\"ids-node\" style=\"left:6px; top:67px; width:64px; height:26px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.5 9a2.5 2.5 0 0 1 4 1.8c0 1.5-2 1.7-2 3M12 17h.01\"\/><\/svg>FAQs\r\n            <\/div>\r\n            <div class=\"ids-node\" style=\"left:6px; top:114px; width:64px; height:26px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"\/><path d=\"M5 3h9l5 5v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z\"\/><path d=\"M9 13h6M9 16h4\"\/><\/svg>Pol\u00edticas\r\n            <\/div>\r\n            <div class=\"ids-node ids-kb ids-primary\" style=\"left:150px; top:50px; width:80px; height:60px; flex-direction:column; gap:3px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"8\" ry=\"3\"\/><path d=\"M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6\"\/><\/svg>\r\n              <span style=\"font-size:8.5px; line-height:1.1;\">Base de<br>conocimiento<\/span>\r\n            <\/div>\r\n            <div class=\"ids-node ids-dim\" style=\"left:198px; top:10px; width:78px; height:24px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a14 14 0 0 1 0 18 14 14 0 0 1 0-18z\"\/><\/svg>Internet p\u00fablica\r\n            <\/div>\r\n            <div class=\"ids-block\" style=\"left:184px; top:34px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ids-packet ids-doc ids-ingest g1\"><\/div>\r\n            <div class=\"ids-packet ids-doc ids-ingest g2\"><\/div>\r\n            <div class=\"ids-packet ids-doc ids-ingest g3\"><\/div>\r\n            <div class=\"ids-packet ids-reject\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ids-tbody\">\r\n          <h3 class=\"ids-ttitle\">Entrenamiento solo con RAG<\/h3>\r\n          <p class=\"ids-tdesc\">Entrenado con tu contenido: cat\u00e1logos de producto, FAQs, documentos de pol\u00edticas y datos de servicio. Nada de internet p\u00fablica. Sin alucinaciones a partir de Wikipedia ni de noticias.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ===== TILE 2 \u2014 No data sent to third-party LLMs ===== -->\r\n      <li class=\"ids-tile ids-animate\">\r\n        <div class=\"ids-stage\" aria-hidden=\"true\">\r\n          <div class=\"ids-stageinner\">\r\n            <svg class=\"ids-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"ids-line\" d=\"M64,92 H76\"\/>\r\n              <path class=\"ids-line-block\" d=\"M148,84 C176,84 188,42 204,39\"\/>\r\n              <path class=\"ids-line-block\" d=\"M148,84 H204\"\/>\r\n              <path class=\"ids-line-block\" d=\"M148,84 C176,84 188,126 204,129\"\/>\r\n            <\/svg>\r\n            <div class=\"ids-perimeter\" style=\"left:6px; top:22px; width:168px; height:116px;\"><\/div>\r\n            <span class=\"ids-perimeter-label\" style=\"left:16px; top:28px;\">Tu entorno<\/span>\r\n            <div class=\"ids-node\" style=\"left:14px; top:80px; width:50px; height:24px;\">Consulta<\/div>\r\n            <div class=\"ids-node ids-reason ids-primary\" style=\"left:76px; top:64px; width:72px; height:40px; flex-direction:column; gap:2px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\"\/><path d=\"M9 2v2M15 2v2M9 20v2M15 20v2M2 9h2M2 15h2M20 9h2M20 15h2\"\/><\/svg>\r\n              <span style=\"font-size:8px;\">Razonamiento IA<\/span>\r\n            <\/div>\r\n            <div class=\"ids-guard g2guard\" style=\"left:163px; top:73px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><rect x=\"9\" y=\"11\" width=\"6\" height=\"5\" rx=\"1\"\/><path d=\"M10.5 11V9.5a1.5 1.5 0 0 1 3 0V11\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ids-node ids-dim\" style=\"left:204px; top:26px; width:68px; height:26px;\">OpenAI<\/div>\r\n            <div class=\"ids-node ids-dim\" style=\"left:204px; top:71px; width:68px; height:26px;\">Anthropic<\/div>\r\n            <div class=\"ids-node ids-dim\" style=\"left:204px; top:116px; width:68px; height:26px;\">Google<\/div>\r\n            <div class=\"ids-packet ids-egress x1\"><\/div>\r\n            <div class=\"ids-packet ids-egress x2\"><\/div>\r\n            <div class=\"ids-packet ids-egress x3\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ids-tbody\">\r\n          <h3 class=\"ids-ttitle\">Ning\u00fan dato enviado a OpenAI, Anthropic ni Google<\/h3>\r\n          <p class=\"ids-tdesc\">Las consultas de los clientes no salen de tu entorno para que las procese un proveedor de LLM externo. La capa de razonamiento se ejecuta en la infraestructura de indigitall con tus datos.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ===== TILE 3 \u2014 Response Security Filter ===== -->\r\n      <li class=\"ids-tile ids-animate\">\r\n        <div class=\"ids-stage\" aria-hidden=\"true\">\r\n          <div class=\"ids-stageinner\">\r\n            <svg class=\"ids-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"ids-line-dash\" d=\"M8,80 H108\"\/>\r\n              <path class=\"ids-line-dash\" d=\"M172,80 H272\"\/>\r\n            <\/svg>\r\n            <div class=\"ids-shieldpulse\"><\/div>\r\n            <div class=\"ids-node ids-primary\" style=\"left:108px; top:48px; width:64px; height:64px; flex-direction:column; gap:3px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n              <span style=\"font-size:8.5px;\">Filtro<\/span>\r\n            <\/div>\r\n            <div class=\"ids-check k1\" style=\"left:2px; top:132px; width:84px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Brand safety\r\n            <\/div>\r\n            <div class=\"ids-check k2\" style=\"left:98px; top:132px; width:84px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Legal\r\n            <\/div>\r\n            <div class=\"ids-check k3\" style=\"left:194px; top:132px; width:84px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Moderaci\u00f3n\r\n            <\/div>\r\n            <div class=\"ids-packet ids-resp r1\"><\/div>\r\n            <div class=\"ids-packet ids-resp r2\"><\/div>\r\n            <div class=\"ids-packet ids-resp rb\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ids-tbody\">\r\n          <h3 class=\"ids-ttitle\">Filtro de seguridad de respuestas<\/h3>\r\n          <p class=\"ids-tdesc\">Cada respuesta se filtra por brand safety, cumplimiento legal y moderaci\u00f3n de contenido antes de entregarse. Las listas negras impiden que aparezcan t\u00e9rminos concretos, competidores o temas vetados en cualquier respuesta.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ===== TILE 4 \u2014 Certified infrastructure (band) ===== -->\r\n      <li class=\"ids-band ids-animate\">\r\n        <div class=\"ids-band-head\">\r\n          <div class=\"ids-band-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"ids-band-title\">Infraestructura certificada<\/div>\r\n            <div class=\"ids-band-sub\">Auditada de forma independiente seg\u00fan est\u00e1ndares internacionales de seguridad, privacidad y cumplimiento. indigitall es adem\u00e1s <strong>Meta Business Partner<\/strong> sobre la <strong>WhatsApp Business Platform<\/strong>.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <ul class=\"ids-badges\">\r\n          <li class=\"ids-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>ISO 27001<\/li>\r\n          <li class=\"ids-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>RGPD<\/li>\r\n          <li class=\"ids-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>HIPAA<\/li>\r\n          <li class=\"ids-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>ENS (Espa\u00f1a)<\/li>\r\n          <li class=\"ids-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>SOC 2<\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n    <\/ul>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var root = document.getElementById('indi-data-security');\r\n  if (!root) return;\r\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    root.querySelectorAll('.ids-animate').forEach(function(el){ el.classList.add('ids-visible'); });\r\n    return;\r\n  }\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('ids-visible'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  root.querySelectorAll('.ids-animate').forEach(function(el) { obs.observe(el); });\r\n})();\r\n<\/script>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""},{"acf_fc_layout":"custom_html","code":"<!-- indigitall G2 Recognition \u2014 WordPress\/ACF Custom HTML block -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n#indi-g2 {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  background: #F5F7FA !important;\r\n  width: 100% !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  box-sizing: border-box !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n#indi-g2 *, #indi-g2 *::before, #indi-g2 *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n#indi-g2 .ig2-inner {\r\n  position: relative; z-index: 2;\r\n  max-width: 1280px; margin: 0 auto;\r\n  padding: 100px 48px 80px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\r\n#indi-g2 .ig2-head { text-align: center; max-width: 720px; margin: 0 auto 56px; }\r\n\r\n#indi-g2 .ig2-pill {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(138,218,63,0.16); border: 1px solid rgba(138,218,63,0.5);\r\n  padding: 7px 15px; border-radius: 50px;\r\n  font-size: 11px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.08em !important; text-transform: uppercase;\r\n  color: #4F8A1F !important; margin-bottom: 20px;\r\n}\r\n#indi-g2 .ig2-pill svg { flex-shrink: 0; }\r\n\r\n#indi-g2 .ig2-h2 {\r\n  font-size: clamp(28px, 3.5vw, 46px) !important;\r\n  font-weight: 500 !important; line-height: 1.12 !important;\r\n  letter-spacing: -0.02em !important; color: #0F3B7A !important;\r\n}\r\n#indi-g2 .ig2-h2 em { color: #0072EF !important; font-style: normal; }\r\n\r\n#indi-g2 .ig2-lede {\r\n  font-size: 17px !important; font-weight: 400 !important;\r\n  line-height: 1.6 !important; color: #5A6B85 !important; margin-top: 16px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 BENTO GRID \u2500\u2500\u2500 *\/\r\n#indi-g2 .ig2-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(12, 1fr);\r\n  grid-auto-rows: 1fr;\r\n  gap: 18px;\r\n}\r\n\r\n#indi-g2 .ig2-card {\r\n  background: #FFFFFF !important;\r\n  border-radius: 14px !important;\r\n  padding: 26px !important;\r\n  box-shadow: 0 12px 36px -8px rgba(18,54,108,0.14), 0 2px 8px rgba(0,0,0,0.04);\r\n  display: flex; flex-direction: column;\r\n  position: relative; overflow: hidden;\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n#indi-g2 .ig2-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 22px 50px -10px rgba(18,54,108,0.22), 0 4px 12px rgba(138,218,63,0.12);\r\n}\r\n\r\n\/* Grid placement \u2014 same column model as trust pillars *\/\r\n#indi-g2 .c-stat { grid-column: 1 \/ 6;  grid-row: 1 \/ 3; }\r\n#indi-g2 .c-ai   { grid-column: 6 \/ 9;  grid-row: 1; }\r\n#indi-g2 .c-mom  { grid-column: 9 \/ 13; grid-row: 1; }\r\n#indi-g2 .c-use  { grid-column: 6 \/ 9;  grid-row: 2; }\r\n#indi-g2 .c-geo  { grid-column: 9 \/ 13; grid-row: 2; }\r\n\r\n#indi-g2 .ig2-eyebrow {\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.06em !important; text-transform: uppercase;\r\n  color: #8ADA3F !important; margin-bottom: 8px;\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n}\r\n#indi-g2 .ig2-card-title {\r\n  font-size: 19px !important; font-weight: 600 !important;\r\n  letter-spacing: -0.01em !important; color: #0F3B7A !important;\r\n  line-height: 1.2; margin-bottom: 8px;\r\n}\r\n#indi-g2 .c-stat .ig2-card-title { font-size: 24px !important; }\r\n\r\n#indi-g2 .ig2-card-desc {\r\n  font-size: 14px !important; font-weight: 400 !important;\r\n  line-height: 1.5 !important; color: #5A6B85 !important;\r\n}\r\n\r\n\/* Viz area *\/\r\n#indi-g2 .ig2-viz { margin-top: auto; padding-top: 22px; }\r\n#indi-g2 .c-stat .ig2-viz { margin-top: 18px; padding-top: 0; flex: 1; display: flex; }\r\n\r\n\/* \u2550\u2550 FEATURED VIZ \u2014 G2 badge panel \u2550\u2550 *\/\r\n#indi-g2 .ig2-panel {\r\n  background: linear-gradient(160deg, #1565E0 0%, #0F3B7A 100%);\r\n  border-radius: 14px; padding: 24px 20px;\r\n  position: relative; overflow: hidden; width: 100%; flex: 1;\r\n  display: flex; flex-direction: column; align-items: center;\r\n  justify-content: center; gap: 10px; text-align: center;\r\n}\r\n#indi-g2 .ig2-shimmer {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(115deg, transparent 30%, rgba(138,218,63,0.16) 50%, transparent 70%);\r\n  transform: translateX(-100%);\r\n}\r\n#indi-g2 .c-stat.ig2-vis .ig2-shimmer { animation: ig2Shimmer 3.4s ease-in-out infinite; }\r\n@keyframes ig2Shimmer { 0%,60% { transform: translateX(-100%); } 80%,100% { transform: translateX(100%); } }\r\n\r\n#indi-g2 .ig2-g2badge {\r\n  width: 52px; height: 52px; border-radius: 50%;\r\n  background: #FF492C;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: 21px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; letter-spacing: -0.03em;\r\n  box-shadow: 0 6px 20px rgba(255,73,44,0.45);\r\n  position: relative; z-index: 1;\r\n}\r\n#indi-g2 .ig2-bignum {\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: 62px !important; font-weight: 700 !important;\r\n  line-height: 1 !important; letter-spacing: -0.03em !important;\r\n  color: #8ADA3F !important; position: relative; z-index: 1;\r\n}\r\n#indi-g2 .ig2-panel-sub {\r\n  font-size: 13px !important; font-weight: 500 !important;\r\n  color: rgba(255,255,255,0.60) !important;\r\n  position: relative; z-index: 1;\r\n}\r\n#indi-g2 .ig2-stars {\r\n  display: flex; gap: 3px; position: relative; z-index: 1;\r\n  font-size: 17px !important; color: #F5A623 !important; line-height: 1;\r\n}\r\n#indi-g2 .ig2-score-pill {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18);\r\n  border-radius: 50px; padding: 7px 18px;\r\n  position: relative; z-index: 1;\r\n}\r\n#indi-g2 .ig2-score-big {\r\n  font-size: 22px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; line-height: 1; letter-spacing: -0.01em;\r\n}\r\n#indi-g2 .ig2-score-lbl {\r\n  font-size: 10px !important; font-weight: 600 !important;\r\n  color: rgba(255,255,255,0.60) !important; line-height: 1.3; text-align: left;\r\n}\r\n#indi-g2 .ig2-review-count {\r\n  font-size: 11px !important; font-weight: 600 !important;\r\n  color: rgba(255,255,255,0.42) !important; position: relative; z-index: 1;\r\n}\r\n\r\n\/* \u2550\u2550 VIZ \u2014 AI Chatbots checklist \u2550\u2550 *\/\r\n#indi-g2 .ig2-checklist { display: flex; flex-direction: column; gap: 8px; }\r\n#indi-g2 .ig2-checkrow { display: flex; align-items: center; gap: 9px; }\r\n#indi-g2 .ig2-chkbox {\r\n  width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0;\r\n  background: #8ADA3F; display: flex; align-items: center; justify-content: center;\r\n}\r\n#indi-g2 .ig2-chkbox svg path { stroke-dasharray: 24; stroke-dashoffset: 0; }\r\n#indi-g2.ig2-js .c-ai .ig2-chkbox svg path { stroke-dashoffset: 24; }\r\n#indi-g2 .c-ai.ig2-vis .ig2-chkbox svg path { animation: ig2Check 0.5s ease forwards; }\r\n#indi-g2 .c-ai.ig2-vis .ig2-checkrow:nth-child(1) .ig2-chkbox svg path { animation-delay: 0.35s; }\r\n#indi-g2 .c-ai.ig2-vis .ig2-checkrow:nth-child(2) .ig2-chkbox svg path { animation-delay: 0.65s; }\r\n#indi-g2 .c-ai.ig2-vis .ig2-checkrow:nth-child(3) .ig2-chkbox svg path { animation-delay: 0.95s; }\r\n@keyframes ig2Check { from { stroke-dashoffset: 24; } to { stroke-dashoffset: 0; } }\r\n#indi-g2 .ig2-chktxt { font-size: 12px !important; font-weight: 600 !important; color: #0F3B7A !important; }\r\n#indi-g2 .ig2-subchips { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 10px; }\r\n#indi-g2 .ig2-subchip {\r\n  font-size: 10px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n  background: #EEF3FF; border-radius: 6px; padding: 4px 9px;\r\n}\r\n\r\n\/* \u2550\u2550 VIZ \u2014 Momentum bar chart \u2550\u2550 *\/\r\n#indi-g2 .ig2-bars { display: flex; align-items: flex-end; gap: 5px; height: 58px; }\r\n#indi-g2 .ig2-bar { flex: 1; border-radius: 4px 4px 0 0; background: #EEF3FF; position: relative; }\r\n#indi-g2 .ig2-barfill {\r\n  position: absolute; bottom: 0; left: 0; right: 0; border-radius: 4px 4px 0 0;\r\n  background: linear-gradient(180deg, #8ADA3F 0%, #5FAF28 100%);\r\n  height: var(--h); \/* visible by default for no-JS *\/\r\n  transition: height 0.65s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-g2.ig2-js .c-mom .ig2-barfill { height: 0; }\r\n#indi-g2 .c-mom.ig2-vis .ig2-barfill { height: var(--h); }\r\n#indi-g2 .c-mom.ig2-vis .ig2-bar:nth-child(2) .ig2-barfill { transition-delay: 0.08s; }\r\n#indi-g2 .c-mom.ig2-vis .ig2-bar:nth-child(3) .ig2-barfill { transition-delay: 0.16s; }\r\n#indi-g2 .c-mom.ig2-vis .ig2-bar:nth-child(4) .ig2-barfill { transition-delay: 0.24s; }\r\n#indi-g2 .c-mom.ig2-vis .ig2-bar:nth-child(5) .ig2-barfill { transition-delay: 0.32s; }\r\n#indi-g2 .ig2-barlbl {\r\n  margin-top: 9px; display: flex; align-items: center; gap: 5px;\r\n  font-size: 11px !important; font-weight: 700 !important; color: #4F8A1F !important;\r\n}\r\n\r\n\/* \u2550\u2550 VIZ \u2014 Usability score bar \u2550\u2550 *\/\r\n#indi-g2 .ig2-scorecard { display: flex; flex-direction: column; gap: 5px; }\r\n#indi-g2 .ig2-scorerow { display: flex; align-items: baseline; gap: 3px; }\r\n#indi-g2 .ig2-scorenum {\r\n  font-size: 38px !important; font-weight: 700 !important;\r\n  color: #8ADA3F !important; line-height: 1; letter-spacing: -0.02em;\r\n}\r\n#indi-g2 .ig2-scorediv {\r\n  font-size: 15px !important; font-weight: 500 !important; color: #5A6B85 !important;\r\n}\r\n#indi-g2 .ig2-scorelabel {\r\n  font-size: 11px !important; font-weight: 600 !important; color: #0F3B7A !important;\r\n  margin-bottom: 6px;\r\n}\r\n#indi-g2 .ig2-scorebg {\r\n  height: 8px; background: #EEF3FF; border-radius: 4px; overflow: hidden;\r\n}\r\n#indi-g2 .ig2-scorefill {\r\n  height: 100%; border-radius: 4px;\r\n  background: linear-gradient(90deg, #8ADA3F 0%, #5FAF28 100%);\r\n  width: 92%; \/* no-JS default *\/\r\n  transition: width 1.0s cubic-bezier(0.22,1,0.36,1) 0.3s;\r\n}\r\n#indi-g2.ig2-js .c-use .ig2-scorefill { width: 0; transition: width 0s; }\r\n#indi-g2 .c-use.ig2-vis .ig2-scorefill { width: 92%; transition: width 1.0s cubic-bezier(0.22,1,0.36,1) 0.3s; }\r\n\r\n\/* \u2550\u2550 VIZ \u2014 Europe\/LATAM regions \u2550\u2550 *\/\r\n#indi-g2 .ig2-regions { display: flex; flex-direction: column; gap: 7px; }\r\n#indi-g2 .ig2-region {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  background: #EEF3FF; border-radius: 8px; padding: 9px 13px;\r\n}\r\n#indi-g2 .ig2-reg-name {\r\n  font-size: 12px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n}\r\n#indi-g2 .ig2-reg-rank {\r\n  font-size: 14px !important; font-weight: 700 !important; color: #8ADA3F !important;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 FOOTER STRIP \u2500\u2500\u2500 *\/\r\n#indi-g2 .ig2-footer {\r\n  text-align: center; margin-top: 40px;\r\n  border-top: 1px solid rgba(15,59,122,0.10); padding-top: 28px;\r\n  font-size: 13px !important; font-weight: 400 !important;\r\n  color: #9AABB8 !important; line-height: 1.7 !important;\r\n}\r\n#indi-g2 .ig2-footer strong { color: #5A6B85 !important; font-weight: 700 !important; }\r\n\r\n\/* \u2500\u2500\u2500 SCROLL ANIMATION \u2500\u2500\u2500 *\/\r\n#indi-g2 .ig2-animate {\r\n  transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1),\r\n              transform 0.7s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-g2.ig2-js .ig2-animate          { opacity: 0; transform: translateY(20px); }\r\n#indi-g2.ig2-js .ig2-animate.ig2-vis  { opacity: 1; transform: translateY(0); }\r\n#indi-g2 .c-ai.ig2-animate  { transition-delay: 0.08s; }\r\n#indi-g2 .c-mom.ig2-animate { transition-delay: 0.16s; }\r\n#indi-g2 .c-use.ig2-animate { transition-delay: 0.24s; }\r\n#indi-g2 .c-geo.ig2-animate { transition-delay: 0.32s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-g2 .ig2-animate { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n  #indi-g2 .ig2-shimmer { display: none !important; }\r\n  #indi-g2 .ig2-barfill { height: var(--h) !important; }\r\n  #indi-g2 .ig2-scorefill { width: 92% !important; }\r\n  #indi-g2 .ig2-chkbox { background: #8ADA3F !important; }\r\n  #indi-g2 .ig2-chkbox svg path { stroke-dashoffset: 0 !important; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  #indi-g2 .ig2-inner { padding: 80px 32px 64px; }\r\n}\r\n@media (max-width: 960px) {\r\n  #indi-g2 .ig2-inner { padding: 70px 24px; }\r\n  #indi-g2 .ig2-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; }\r\n  #indi-g2 .c-stat { grid-column: 1 \/ 3; grid-row: auto; }\r\n  #indi-g2 .c-ai, #indi-g2 .c-mom, #indi-g2 .c-use, #indi-g2 .c-geo { grid-column: auto; grid-row: auto; }\r\n}\r\n@media (max-width: 600px) {\r\n  #indi-g2 .ig2-inner { padding: 48px 16px; }\r\n  #indi-g2 .ig2-grid { grid-template-columns: 1fr; }\r\n  #indi-g2 .c-stat { grid-column: 1; }\r\n  #indi-g2 .ig2-card { padding: 22px !important; }\r\n  #indi-g2 .ig2-bignum { font-size: 50px !important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"indi-g2\" role=\"region\" aria-label=\"G2 Verano 2026 \u2014 76 insignias, valorado como n\u00ba 1 por los clientes en producci\u00f3n\">\r\n  <div class=\"ig2-inner\">\r\n\r\n    <!-- \u2500\u2500 HEADER \u2500\u2500 -->\r\n    <div class=\"ig2-head\">\r\n      <span class=\"ig2-pill\">\r\n        <!-- Lucide: award -->\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4F8A1F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.477 12.89L17 22l-5-3-5 3 1.523-9.11\"\/><\/svg>\r\n        Validado por m\u00e1s de 430 clientes en G2\r\n      <\/span>\r\n      <h2 class=\"ig2-h2\">Valorado <em>n\u00ba 1<\/em> por los equipos que lo usan en producci\u00f3n.<\/h2>\r\n      <p class=\"ig2-lede\">G2 es la mayor plataforma de rese\u00f1as de software B2B del mundo: 90 millones de rese\u00f1as verificadas. Estas 76 insignias las han conseguido clientes que usan indigitall cada d\u00eda, validando la fiabilidad de la plataforma y las capacidades de IA que hay detr\u00e1s de los Agentes OmnIA.<\/p>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 BENTO GRID \u2500\u2500 -->\r\n    <div class=\"ig2-grid\">\r\n\r\n      <!-- \u2500\u2500 FEATURED: 76 stat \u2500\u2500 -->\r\n      <article class=\"ig2-card c-stat ig2-animate\">\r\n        <span class=\"ig2-eyebrow\">Verano 2026<\/span>\r\n        <h3 class=\"ig2-card-title\">76 insignias G2<\/h3>\r\n        <p class=\"ig2-card-desc\">M\u00e1s de 430 rese\u00f1as verificadas en 8 categor\u00edas, que miden el rendimiento de entrega, la capacidad de IA y la fiabilidad de la plataforma en producci\u00f3n.<\/p>\r\n        <div class=\"ig2-viz\">\r\n          <div class=\"ig2-panel\" role=\"img\" aria-label=\"76 insignias G2, puntuaci\u00f3n de satisfacci\u00f3n de 9,20 sobre 10, m\u00e1s de 430 rese\u00f1as verificadas\">\r\n            <div class=\"ig2-shimmer\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"ig2-g2badge\" aria-hidden=\"true\">G2<\/div>\r\n            <span class=\"ig2-bignum\">76<\/span>\r\n            <span class=\"ig2-panel-sub\">insignias \u00b7 Verano 2026<\/span>\r\n            <div class=\"ig2-stars\" aria-label=\"Valoraci\u00f3n de 5 estrellas\" aria-hidden=\"true\">\r\n              <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n            <\/div>\r\n            <div class=\"ig2-score-pill\">\r\n              <span class=\"ig2-score-big\">9,20<\/span>\r\n              <span class=\"ig2-score-lbl\">Usabilidad<br>Mid-Market \/ 10<\/span>\r\n            <\/div>\r\n            <span class=\"ig2-review-count\">+430 rese\u00f1as verificadas<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u2500\u2500 AI Chatbots \u2500\u2500 -->\r\n      <article class=\"ig2-card c-ai ig2-animate\">\r\n        <span class=\"ig2-eyebrow\">AI Chatbots<\/span>\r\n        <h3 class=\"ig2-card-title\">High Performer<\/h3>\r\n        <p class=\"ig2-card-desc\">Reconocido por su capacidad conversacional de IA en los mercados global, EMEA y europeo.<\/p>\r\n        <div class=\"ig2-viz\">\r\n          <div class=\"ig2-checklist\">\r\n            <div class=\"ig2-checkrow\">\r\n              <span class=\"ig2-chkbox\">\r\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F0F0F\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n              <\/span>\r\n              <span class=\"ig2-chktxt\">Global<\/span>\r\n            <\/div>\r\n            <div class=\"ig2-checkrow\">\r\n              <span class=\"ig2-chkbox\">\r\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F0F0F\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n              <\/span>\r\n              <span class=\"ig2-chktxt\">EMEA<\/span>\r\n            <\/div>\r\n            <div class=\"ig2-checkrow\">\r\n              <span class=\"ig2-chkbox\">\r\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F0F0F\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n              <\/span>\r\n              <span class=\"ig2-chktxt\">Europa<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ig2-subchips\">\r\n            <span class=\"ig2-subchip\">N\u00ba 2 Usabilidad<\/span>\r\n            <span class=\"ig2-subchip\">N\u00ba 2 Relaci\u00f3n<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u2500\u2500 Momentum \u2500\u2500 -->\r\n      <article class=\"ig2-card c-mom ig2-animate\">\r\n        <span class=\"ig2-eyebrow\">Global<\/span>\r\n        <h3 class=\"ig2-card-title\">N\u00ba 1 Momentum Leader<\/h3>\r\n        <p class=\"ig2-card-desc\">La plataforma de m\u00e1s r\u00e1pido crecimiento de la categor\u00eda, por encima de todos los competidores en tracci\u00f3n y trayectoria de crecimiento.<\/p>\r\n        <div class=\"ig2-viz\">\r\n          <div class=\"ig2-bars\" role=\"img\" aria-label=\"Gr\u00e1fico de barras que muestra una tendencia de crecimiento al alza\">\r\n            <div class=\"ig2-bar\"><div class=\"ig2-barfill\" style=\"--h:28%\"><\/div><\/div>\r\n            <div class=\"ig2-bar\"><div class=\"ig2-barfill\" style=\"--h:42%\"><\/div><\/div>\r\n            <div class=\"ig2-bar\"><div class=\"ig2-barfill\" style=\"--h:60%\"><\/div><\/div>\r\n            <div class=\"ig2-bar\"><div class=\"ig2-barfill\" style=\"--h:78%\"><\/div><\/div>\r\n            <div class=\"ig2-bar\"><div class=\"ig2-barfill\" style=\"--h:100%\"><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"ig2-barlbl\">\r\n            <!-- Lucide: trending-up -->\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4F8A1F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n            La de m\u00e1s r\u00e1pido crecimiento \u00b7 verificado\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u2500\u2500 Usability \u2500\u2500 -->\r\n      <article class=\"ig2-card c-use ig2-animate\">\r\n        <span class=\"ig2-eyebrow\">Mid-Market<\/span>\r\n        <h3 class=\"ig2-card-title\">N\u00ba 1 en Usabilidad<\/h3>\r\n        <p class=\"ig2-card-desc\">La puntuaci\u00f3n de usabilidad m\u00e1s alta de la categor\u00eda: los equipos configuran y operan los Agentes OmnIA sin una gran carga de TI.<\/p>\r\n        <div class=\"ig2-viz\">\r\n          <div class=\"ig2-scorecard\">\r\n            <div class=\"ig2-scorerow\">\r\n              <span class=\"ig2-scorenum\">9,20<\/span>\r\n              <span class=\"ig2-scorediv\">&nbsp;\/ 10<\/span>\r\n            <\/div>\r\n            <div class=\"ig2-scorelabel\">Puntuaci\u00f3n de usabilidad Mid-Market<\/div>\r\n            <div class=\"ig2-scorebg\">\r\n              <div class=\"ig2-scorefill\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u2500\u2500 Europe + LATAM \u2500\u2500 -->\r\n      <article class=\"ig2-card c-geo ig2-animate\">\r\n        <span class=\"ig2-eyebrow\">Regional<\/span>\r\n        <h3 class=\"ig2-card-title\">N\u00ba 1 en dos regiones<\/h3>\r\n        <p class=\"ig2-card-desc\">La plataforma mejor valorada en Europa y Latinoam\u00e9rica, por valoraci\u00f3n verificada de clientes, en dos G2 Regional Grids distintos.<\/p>\r\n        <div class=\"ig2-viz\">\r\n          <div class=\"ig2-regions\">\r\n            <div class=\"ig2-region\">\r\n              <span class=\"ig2-reg-name\">Europa<\/span>\r\n              <span class=\"ig2-reg-rank\">N\u00ba 1<\/span>\r\n            <\/div>\r\n            <div class=\"ig2-region\">\r\n              <span class=\"ig2-reg-name\">Latinoam\u00e9rica<\/span>\r\n              <span class=\"ig2-reg-rank\">N\u00ba 1<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div><!-- \/grid -->\r\n\r\n    <!-- \u2500\u2500 FOOTER STRIP \u2500\u2500 -->\r\n    <div class=\"ig2-footer\">\r\n      <strong>9,20 \/ 10<\/strong> usabilidad Mid-Market &nbsp;\u00b7&nbsp;\r\n      <strong>+430<\/strong> rese\u00f1as verificadas &nbsp;\u00b7&nbsp;\r\n      Reconocido en <strong>8 categor\u00edas<\/strong>: Push Notifications, AI Chatbots, WhatsApp Marketing, SMS Marketing, Mobile Marketing, Customer Journey Analytics, Marketing Automation y Personalization.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n  var root = document.getElementById('indi-g2');\r\n  if (!root) return;\r\n  root.classList.add('ig2-js');\r\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    root.querySelectorAll('.ig2-animate').forEach(function (el) { el.classList.add('ig2-vis'); });\r\n    return;\r\n  }\r\n  var obs = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (e) {\r\n      if (e.isIntersecting) { e.target.classList.add('ig2-vis'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.18 });\r\n  root.querySelectorAll('.ig2-animate').forEach(function (el) { obs.observe(el); });\r\n}());\r\n<\/script>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""}],"hide_slider_blog":false,"slider_blog_custom_tag":null,"hide_mobile_fixed_buttons":false,"mobile_fixed_button_1":null,"mobile_fixed_button_2":null,"icon_mobile_fixed_button_2":"","download_ebook":false,"ebook_title":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Datatalk - indigitall<\/title>\n<meta name=\"description\" content=\"Tus datos ya tienen la respuesta. DataTalk es el asistente de IA que vive sobre tu CDP, para que cualquiera de tu equipo pueda preguntar en lenguaje natural y recibir la respuesta como un gr\u00e1fico, una tabla o una KPI card en segundos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/indigitall.com\/es\/datatalk\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Datatalk - indigitall\" \/>\n<meta property=\"og:description\" content=\"Tus datos ya tienen la respuesta. DataTalk es el asistente de IA que vive sobre tu CDP, para que cualquiera de tu equipo pueda preguntar en lenguaje natural y recibir la respuesta como un gr\u00e1fico, una tabla o una KPI card en segundos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/indigitall.com\/es\/datatalk\/\" \/>\n<meta property=\"og:site_name\" content=\"indigitall\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-21T15:41:14+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/datatalk\\\/\",\"url\":\"https:\\\/\\\/indigitall.com\\\/es\\\/datatalk\\\/\",\"name\":\"Datatalk - indigitall\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/#website\"},\"datePublished\":\"2026-07-21T14:34:26+00:00\",\"dateModified\":\"2026-07-21T15:41:14+00:00\",\"description\":\"Tus datos ya tienen la respuesta. DataTalk es el asistente de IA que vive sobre tu CDP, para que cualquiera de tu equipo pueda preguntar en lenguaje natural y recibir la respuesta como un gr\u00e1fico, una tabla o una KPI card en segundos.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/datatalk\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/indigitall.com\\\/es\\\/datatalk\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/datatalk\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/indigitall.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Datatalk\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/indigitall.com\\\/es\\\/\",\"name\":\"indigitall\",\"description\":\"Because Every Interaction Matters\",\"publisher\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/indigitall.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/#organization\",\"name\":\"indigitall\",\"url\":\"https:\\\/\\\/indigitall.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/indigitall.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logo_indigitall_notificacion.png\",\"contentUrl\":\"https:\\\/\\\/indigitall.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logo_indigitall_notificacion.png\",\"width\":434,\"height\":434,\"caption\":\"indigitall\"},\"image\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Datatalk - indigitall","description":"Tus datos ya tienen la respuesta. DataTalk es el asistente de IA que vive sobre tu CDP, para que cualquiera de tu equipo pueda preguntar en lenguaje natural y recibir la respuesta como un gr\u00e1fico, una tabla o una KPI card en segundos.","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:\/\/indigitall.com\/es\/datatalk\/","og_locale":"es_ES","og_type":"article","og_title":"Datatalk - indigitall","og_description":"Tus datos ya tienen la respuesta. DataTalk es el asistente de IA que vive sobre tu CDP, para que cualquiera de tu equipo pueda preguntar en lenguaje natural y recibir la respuesta como un gr\u00e1fico, una tabla o una KPI card en segundos.","og_url":"https:\/\/indigitall.com\/es\/datatalk\/","og_site_name":"indigitall","article_modified_time":"2026-07-21T15:41:14+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/indigitall.com\/es\/datatalk\/","url":"https:\/\/indigitall.com\/es\/datatalk\/","name":"Datatalk - indigitall","isPartOf":{"@id":"https:\/\/indigitall.com\/es\/#website"},"datePublished":"2026-07-21T14:34:26+00:00","dateModified":"2026-07-21T15:41:14+00:00","description":"Tus datos ya tienen la respuesta. DataTalk es el asistente de IA que vive sobre tu CDP, para que cualquiera de tu equipo pueda preguntar en lenguaje natural y recibir la respuesta como un gr\u00e1fico, una tabla o una KPI card en segundos.","breadcrumb":{"@id":"https:\/\/indigitall.com\/es\/datatalk\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/indigitall.com\/es\/datatalk\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/indigitall.com\/es\/datatalk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/indigitall.com\/es\/"},{"@type":"ListItem","position":2,"name":"Datatalk"}]},{"@type":"WebSite","@id":"https:\/\/indigitall.com\/es\/#website","url":"https:\/\/indigitall.com\/es\/","name":"indigitall","description":"Because Every Interaction Matters","publisher":{"@id":"https:\/\/indigitall.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/indigitall.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/indigitall.com\/es\/#organization","name":"indigitall","url":"https:\/\/indigitall.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/indigitall.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/indigitall.com\/wp-content\/uploads\/2026\/06\/logo_indigitall_notificacion.png","contentUrl":"https:\/\/indigitall.com\/wp-content\/uploads\/2026\/06\/logo_indigitall_notificacion.png","width":434,"height":434,"caption":"indigitall"},"image":{"@id":"https:\/\/indigitall.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/indigitall.com\/es\/wp-json\/wp\/v2\/channel\/20803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indigitall.com\/es\/wp-json\/wp\/v2\/channel"}],"about":[{"href":"https:\/\/indigitall.com\/es\/wp-json\/wp\/v2\/types\/channel"}],"author":[{"embeddable":true,"href":"https:\/\/indigitall.com\/es\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":2,"href":"https:\/\/indigitall.com\/es\/wp-json\/wp\/v2\/channel\/20803\/revisions"}],"predecessor-version":[{"id":20816,"href":"https:\/\/indigitall.com\/es\/wp-json\/wp\/v2\/channel\/20803\/revisions\/20816"}],"wp:attachment":[{"href":"https:\/\/indigitall.com\/es\/wp-json\/wp\/v2\/media?parent=20803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}