{"id":12192,"date":"2026-01-13T20:07:47","date_gmt":"2026-01-13T20:07:47","guid":{"rendered":"https:\/\/indigitall.com\/channel\/ai-voice-2\/"},"modified":"2026-07-21T21:13:17","modified_gmt":"2026-07-21T21:13:17","slug":"agentes-de-voz-con-ia-conversacional-para-asistencia-tecnica","status":"publish","type":"channel","link":"https:\/\/indigitall.com\/es\/chatbot-ia-voz\/","title":{"rendered":"Chatbot IA Voz"},"author":3,"template":"","class_list":["post-12192","channel","type-channel","status-publish","hentry"],"acf":{"icon":1192,"card_title":"Chatbot IA Voz","card_text":"\u00bfC\u00f3mo puedo ayudar?","card_text_mobile":"\u00bfC\u00f3mo puedo ayudar?","card_image":11801,"card_image_mobile":11804,"flexible_content":[{"acf_fc_layout":"custom_html","code":"<!-- indigitall AI Voice Hero (ES) \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-aiv-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-aiv-hero *, #indi-aiv-hero *::before, #indi-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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, 1.05fr) minmax(0, 0.95fr);\r\n  gap: 40px; align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 LEFT \u2500\u2500\u2500 *\/\r\n#indi-aiv-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-aiv-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-aiv-hero .iah-eyebrow svg { flex-shrink: 0; }\r\n\r\n#indi-aiv-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-aiv-hero .iah-accent { color: #8ADA3F !important; }\r\n\r\n#indi-aiv-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-aiv-hero .iah-badges { display: flex; flex-wrap: wrap; gap: 8px; }\r\n#indi-aiv-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-aiv-hero .iah-badge:nth-child(1) { animation-delay: 0.30s; }\r\n#indi-aiv-hero .iah-badge:nth-child(2) { animation-delay: 0.40s; }\r\n#indi-aiv-hero .iah-badge:nth-child(3) { animation-delay: 0.50s; }\r\n#indi-aiv-hero .iah-badge:nth-child(4) { animation-delay: 0.60s; }\r\n#indi-aiv-hero .iah-badge:nth-child(5) { animation-delay: 0.70s; }\r\n#indi-aiv-hero .iah-badge:nth-child(6) { animation-delay: 0.80s; }\r\n#indi-aiv-hero .iah-badge svg { flex-shrink: 0; }\r\n\r\n\/* CTAs *\/\r\n#indi-aiv-hero .iah-ctas { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 4px; }\r\n#indi-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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: voice-call widget \u2500\u2500\u2500 *\/\r\n#indi-aiv-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}\r\n\r\n\/* Widget shell *\/\r\n#indi-aiv-hero .iah-widget {\r\n  width: 370px; border-radius: 18px; 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\/* Widget header *\/\r\n#indi-aiv-hero .iah-wh {\r\n  background: linear-gradient(135deg, #0A2956 0%, #0F3B7A 50%, #0E52C1 100%);\r\n  padding: 14px 16px; display: flex; align-items: center; gap: 10px;\r\n  border-bottom: 1px solid rgba(255,255,255,0.08);\r\n  position: relative; overflow: hidden;\r\n}\r\n#indi-aiv-hero .iah-wh::after {\r\n  content: ''; position: absolute; top: 0; bottom: 0; left: -70%; width: 55%;\r\n  background: linear-gradient(90deg, transparent, rgba(138,218,63,0.15), transparent);\r\n  animation: iahScan 4s ease-in-out infinite; pointer-events: none;\r\n}\r\n#indi-aiv-hero .iah-wh-av {\r\n  width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0;\r\n  background: linear-gradient(135deg, #0F3B7A 0%, #0072EF 55%, #8ADA3F 100%);\r\n  display: flex; align-items: center; justify-content: center;\r\n  border: 1.5px solid rgba(255,255,255,0.18);\r\n}\r\n#indi-aiv-hero .iah-wh-meta { flex: 1; min-width: 0; }\r\n#indi-aiv-hero .iah-wh-name {\r\n  font-size: 13px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; line-height: 1.1;\r\n}\r\n#indi-aiv-hero .iah-wh-st { display: flex; align-items: center; gap: 5px; margin-top: 2px; }\r\n#indi-aiv-hero .iah-sdot {\r\n  width: 6px; height: 6px; border-radius: 50%; background: #8ADA3F;\r\n  box-shadow: 0 0 5px rgba(138,218,63,0.85);\r\n  animation: iahPulse 2s ease-in-out infinite;\r\n}\r\n#indi-aiv-hero .iah-stxt {\r\n  font-size: 10px !important; font-weight: 500 !important;\r\n  color: rgba(255,255,255,0.60) !important;\r\n}\r\n#indi-aiv-hero .iah-wh-ch { display: flex; gap: 5px; }\r\n#indi-aiv-hero .iah-chi {\r\n  width: 26px; height: 26px; border-radius: 7px;\r\n  background: rgba(255,255,255,0.09); border: 1px solid rgba(255,255,255,0.10);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n#indi-aiv-hero .iah-chi.on {\r\n  background: rgba(138,218,63,0.20); border-color: rgba(138,218,63,0.45);\r\n}\r\n\r\n\/* Call body *\/\r\n#indi-aiv-hero .iah-wbody {\r\n  background: #EEF1F5;\r\n  padding: 14px 12px 14px; display: flex; flex-direction: column; gap: 8px;\r\n}\r\n\r\n\/* All direct children animate in sequentially \u2014 pure CSS, no JS *\/\r\n#indi-aiv-hero .iah-wbody > * {\r\n  animation: iahMsgIn 0.4s cubic-bezier(0.22,1,0.36,1) both;\r\n}\r\n#indi-aiv-hero .iah-wbody > *:nth-child(1) { animation-delay: 0.4s; }\r\n#indi-aiv-hero .iah-wbody > *:nth-child(2) { animation-delay: 1.0s; }\r\n#indi-aiv-hero .iah-wbody > *:nth-child(3) { animation-delay: 1.6s; }\r\n#indi-aiv-hero .iah-wbody > *:nth-child(4) { animation-delay: 2.3s; }\r\n#indi-aiv-hero .iah-wbody > *:nth-child(5) { animation-delay: 2.9s; }\r\n#indi-aiv-hero .iah-wbody > *:nth-child(6) { animation-delay: 3.5s; }\r\n\r\n\/* Journey trigger chip (centered system line) *\/\r\n#indi-aiv-hero .iah-trigger {\r\n  align-self: center; display: inline-flex; align-items: center; gap: 6px;\r\n  background: rgba(15,59,122,0.08); border: 1px solid rgba(15,59,122,0.14);\r\n  border-radius: 50px; padding: 4px 11px;\r\n  font-size: 9.5px !important; font-weight: 600 !important; color: #0F3B7A !important;\r\n}\r\n\r\n\/* Voice bubble *\/\r\n#indi-aiv-hero .iah-bub {\r\n  max-width: 84%; padding: 9px 12px;\r\n  font-size: 12px !important; line-height: 1.5 !important; font-weight: 400 !important;\r\n}\r\n#indi-aiv-hero .iah-bub.agent {\r\n  align-self: flex-start;\r\n  background: #FFFFFF; border-radius: 4px 14px 14px 14px;\r\n  color: #111111 !important; box-shadow: 0 1px 4px rgba(0,0,0,0.10);\r\n}\r\n#indi-aiv-hero .iah-bub.user {\r\n  align-self: flex-end;\r\n  background: #0072EF; border-radius: 14px 4px 14px 14px;\r\n  color: #FFFFFF !important; box-shadow: 0 2px 8px rgba(0,114,239,0.35);\r\n}\r\n#indi-aiv-hero .iah-bub-lbl {\r\n  display: flex; align-items: center; gap: 5px;\r\n  font-size: 9px !important; font-weight: 700 !important;\r\n  text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px;\r\n}\r\n#indi-aiv-hero .iah-bub.agent .iah-bub-lbl { color: #0072EF !important; }\r\n#indi-aiv-hero .iah-bub.user  .iah-bub-lbl { color: rgba(255,255,255,0.85) !important; justify-content: flex-end; }\r\n#indi-aiv-hero .iah-bub-ts {\r\n  display: block; font-size: 8.5px !important; font-weight: 400 !important;\r\n  margin-top: 4px; text-align: right;\r\n}\r\n#indi-aiv-hero .iah-bub.agent .iah-bub-ts { color: #9AABB8 !important; }\r\n#indi-aiv-hero .iah-bub.user  .iah-bub-ts { color: rgba(255,255,255,0.60) !important; }\r\n\r\n\/* Live waveform inside voice bubbles *\/\r\n#indi-aiv-hero .iah-wave { display: inline-flex; align-items: center; gap: 2px; height: 12px; }\r\n#indi-aiv-hero .iah-wave i {\r\n  width: 2.5px; height: 100%; border-radius: 2px; background: currentColor;\r\n  transform-origin: center; animation: iahWave 1.1s ease-in-out infinite;\r\n}\r\n#indi-aiv-hero .iah-bub.agent .iah-wave { color: #8ADA3F; }\r\n#indi-aiv-hero .iah-bub.user  .iah-wave { color: rgba(255,255,255,0.9); }\r\n#indi-aiv-hero .iah-wave i:nth-child(1){ animation-delay: 0s; }\r\n#indi-aiv-hero .iah-wave i:nth-child(2){ animation-delay: 0.15s; }\r\n#indi-aiv-hero .iah-wave i:nth-child(3){ animation-delay: 0.30s; }\r\n#indi-aiv-hero .iah-wave i:nth-child(4){ animation-delay: 0.45s; }\r\n#indi-aiv-hero .iah-wave i:nth-child(5){ animation-delay: 0.60s; }\r\n\r\n\/* Thinking indicator *\/\r\n#indi-aiv-hero .iah-think {\r\n  align-self: flex-start;\r\n  background: rgba(255,255,255,0.80); border-radius: 4px 14px 14px 14px;\r\n  padding: 9px 13px; display: flex; align-items: center; gap: 7px;\r\n  box-shadow: 0 1px 3px rgba(0,0,0,0.08);\r\n}\r\n#indi-aiv-hero .iah-dots { display: flex; gap: 4px; align-items: center; }\r\n#indi-aiv-hero .iah-dot {\r\n  width: 6px; height: 6px; border-radius: 50%; background: #0072EF;\r\n  animation: iahDotBounce 1.2s ease-in-out infinite;\r\n}\r\n#indi-aiv-hero .iah-dot:nth-child(2) { animation-delay: 0.2s; }\r\n#indi-aiv-hero .iah-dot:nth-child(3) { animation-delay: 0.4s; }\r\n#indi-aiv-hero .iah-think-lbl {\r\n  font-size: 10px !important; font-weight: 600 !important;\r\n  color: #0072EF !important; font-style: italic;\r\n}\r\n\r\n\/* Result card *\/\r\n#indi-aiv-hero .iah-res {\r\n  background: linear-gradient(135deg, #0A2956 0%, #0F3B7A 50%, #0E52C1 100%);\r\n  border-radius: 10px; overflow: hidden; box-shadow: 0 4px 16px rgba(15,59,122,0.30);\r\n}\r\n#indi-aiv-hero .iah-res-hd {\r\n  padding: 10px 12px; display: flex; align-items: center; gap: 8px;\r\n  border-bottom: 1px solid rgba(255,255,255,0.09);\r\n}\r\n#indi-aiv-hero .iah-res-ck {\r\n  width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0;\r\n  background: rgba(138,218,63,0.22); border: 1.5px solid #8ADA3F;\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n#indi-aiv-hero .iah-res-title {\r\n  font-size: 12px !important; font-weight: 700 !important; color: #FFFFFF !important;\r\n}\r\n#indi-aiv-hero .iah-no-human {\r\n  margin-left: auto; white-space: nowrap;\r\n  font-size: 9px !important; font-weight: 700 !important; color: #8ADA3F !important;\r\n  background: rgba(138,218,63,0.15); border: 1px solid rgba(138,218,63,0.35);\r\n  border-radius: 50px; padding: 2px 9px;\r\n}\r\n#indi-aiv-hero .iah-res-body {\r\n  padding: 9px 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px;\r\n}\r\n#indi-aiv-hero .iah-rrow { display: flex; flex-direction: column; gap: 1px; }\r\n#indi-aiv-hero .iah-rlbl {\r\n  font-size: 9px !important; font-weight: 500 !important; color: rgba(255,255,255,0.45) !important;\r\n}\r\n#indi-aiv-hero .iah-rval {\r\n  font-size: 11px !important; font-weight: 700 !important; color: #FFFFFF !important;\r\n}\r\n\r\n\/* MCP strip *\/\r\n#indi-aiv-hero .iah-wmcp {\r\n  background: #071428; border-top: 1px solid rgba(255,255,255,0.06);\r\n  padding: 9px 14px; display: flex; align-items: center; gap: 8px;\r\n}\r\n#indi-aiv-hero .iah-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-aiv-hero .iah-mcp-tags { display: flex; gap: 5px; }\r\n#indi-aiv-hero .iah-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-aiv-hero .iah-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-aiv-hero .iah-mcp-tag:nth-child(1) .iah-mdot { animation-delay: 0s; }\r\n#indi-aiv-hero .iah-mcp-tag:nth-child(2) .iah-mdot { animation-delay: 0.5s; }\r\n#indi-aiv-hero .iah-mcp-tag:nth-child(3) .iah-mdot { animation-delay: 1.0s; }\r\n#indi-aiv-hero .iah-mcp-tag:nth-child(4) .iah-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 iahDotBounce { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-5px); } }\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 iahWave { 0%, 100% { transform: scaleY(0.35); } 50% { transform: scaleY(1); } }\r\n\r\n\/* \u2500\u2500\u2500 REDUCED MOTION \u2500\u2500\u2500 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-aiv-hero .iah-left,\r\n  #indi-aiv-hero .iah-right,\r\n  #indi-aiv-hero .iah-badge,\r\n  #indi-aiv-hero .iah-sdot,\r\n  #indi-aiv-hero .iah-mdot,\r\n  #indi-aiv-hero .iah-dot,\r\n  #indi-aiv-hero .iah-wave i,\r\n  #indi-aiv-hero .iah-wbody > * {\r\n    opacity: 1 !important; transform: none !important; animation: none !important;\r\n  }\r\n  #indi-aiv-hero .iah-wh::after { display: none; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  #indi-aiv-hero .iah-inner { padding: 100px 32px 70px; gap: 32px; }\r\n}\r\n@media (max-width: 960px) {\r\n  #indi-aiv-hero .iah-inner {\r\n    grid-template-columns: 1fr; padding: 118px 24px 60px; gap: 48px; justify-items: center;\r\n  }\r\n  #indi-aiv-hero .iah-left { text-align: center; align-items: center; }\r\n  #indi-aiv-hero .iah-eyebrow { align-self: center; }\r\n  #indi-aiv-hero .iah-badges { justify-content: center; }\r\n  #indi-aiv-hero .iah-ctas { justify-content: center; }\r\n  #indi-aiv-hero .iah-sub { margin: 0 auto; }\r\n}\r\n@media (max-width: 600px) {\r\n  #indi-aiv-hero .iah-inner { padding: 104px 16px 48px; }\r\n  #indi-aiv-hero .id-btn { flex: 1 1 100%; min-width: 0 !important; }\r\n  #indi-aiv-hero .iah-widget { width: 100%; max-width: 370px; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"indi-aiv-hero\" role=\"banner\" aria-label=\"indigitall AI Voice \u2014 una llamada real, hecha por IA, dentro del journey\">\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: phone-call -->\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=\"M14.05 2a9 9 0 0 1 8 7.94\"\/><path d=\"M14.05 6A5 5 0 0 1 18 10\"\/><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n        AI Voice \u00b7 indigitall\r\n      <\/span>\r\n\r\n      <h1 class=\"iah-headline\">\r\n        Una llamada real.<br><span class=\"iah-accent\">Hecha por IA.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"iah-sub\">\r\n        Voz conversacional saliente, un canal m\u00e1s del Customer Journey. La IA llama, entiende, act\u00faa sobre tus sistemas v\u00eda MCP y deriva a un humano cuando hace falta \u2014 disparada por comportamiento o predicci\u00f3n, 24\/7. No es un robot de men\u00fa: es una llamada que conversa de verdad.\r\n      <\/p>\r\n\r\n      <div class=\"iah-badges\" role=\"list\" aria-label=\"Trust certifications and recognition\">\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          GDPR\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\/schedule-time\/\" class=\"id-btn green\" aria-label=\"Solicita una demo de indigitall AI Voice\">SOLICITA UNA DEMO<\/a>\r\n      <\/div>\r\n    <\/div><!-- \/left -->\r\n\r\n    <!-- \u2500\u2500 RIGHT: outbound AI voice-call widget \u2500\u2500 -->\r\n    <div class=\"iah-right\" role=\"img\" aria-label=\"Un agente de IA OmnIA Voz realiza una llamada saliente lanzada por el journey: confirma y reprograma la cita de un cliente por voz, comprueba disponibilidad v\u00eda MCP, env\u00eda un recordatorio por SMS y actualiza el CRM, todo sin intervenci\u00f3n humana.\">\r\n\r\n      <div class=\"iah-widget\">\r\n\r\n        <!-- Widget header -->\r\n        <div class=\"iah-wh\" aria-hidden=\"true\">\r\n          <div class=\"iah-wh-av\">\r\n            <!-- Lucide: phone-call -->\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.05 2a9 9 0 0 1 8 7.94\"\/><path d=\"M14.05 6A5 5 0 0 1 18 10\"\/><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"iah-wh-meta\">\r\n            <div class=\"iah-wh-name\">OmnIA Voz<\/div>\r\n            <div class=\"iah-wh-st\">\r\n              <span class=\"iah-sdot\"><\/span>\r\n              <span class=\"iah-stxt\">En llamada \u00b7 00:14 \u00b7 transcripci\u00f3n en vivo<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- Channel icons: voice (active), SMS, in-app -->\r\n          <div class=\"iah-wh-ch\">\r\n            <div class=\"iah-chi on\" title=\"Voice\">\r\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.21h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.06-1.06a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"iah-chi\" title=\"SMS\">\r\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.60)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"iah-chi\" title=\"In-App\">\r\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.60)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Call transcript \u2014 6 children, each animated by nth-child CSS delay -->\r\n        <div class=\"iah-wbody\" aria-hidden=\"true\">\r\n\r\n          <!-- 1. Journey trigger -->\r\n          <div class=\"iah-trigger\">\r\n            <!-- Lucide: git-branch -->\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F3B7A\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"3\" x2=\"6\" y2=\"15\"\/><circle cx=\"18\" cy=\"6\" r=\"3\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><path d=\"M18 9a9 9 0 0 1-9 9\"\/><\/svg>\r\n            El journey ha lanzado una llamada saliente\r\n          <\/div>\r\n\r\n          <!-- 2. Agent voice line -->\r\n          <div class=\"iah-bub agent\">\r\n            <span class=\"iah-bub-lbl\">\r\n              <span class=\"iah-wave\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/span>\r\n              OmnIA Voz\r\n            <\/span>\r\n            Hola Mar\u00eda, te llamo de Cl\u00ednica Plus. Tu revisi\u00f3n es ma\u00f1ana a las 10:00, \u00bfte la confirmo?\r\n            <span class=\"iah-bub-ts\">00:06<\/span>\r\n          <\/div>\r\n\r\n          <!-- 3. Customer voice line -->\r\n          <div class=\"iah-bub user\">\r\n            <span class=\"iah-bub-lbl\">\r\n              Mar\u00eda\r\n              <span class=\"iah-wave\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/span>\r\n            <\/span>\r\n            \u00bfPodemos moverla al jueves?\r\n            <span class=\"iah-bub-ts\">00:11<\/span>\r\n          <\/div>\r\n\r\n          <!-- 4. Thinking \/ MCP lookup -->\r\n          <div class=\"iah-think\">\r\n            <div class=\"iah-dots\"><div class=\"iah-dot\"><\/div><div class=\"iah-dot\"><\/div><div class=\"iah-dot\"><\/div><\/div>\r\n            <span class=\"iah-think-lbl\">Comprobando disponibilidad v\u00eda MCP\u2026<\/span>\r\n          <\/div>\r\n\r\n          <!-- 5. Agent resolves by voice -->\r\n          <div class=\"iah-bub agent\">\r\n            <span class=\"iah-bub-lbl\">\r\n              <span class=\"iah-wave\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/span>\r\n              OmnIA Voz\r\n            <\/span>\r\n            El jueves a las 11:30 est\u00e1 libre. Hecho: te la he cambiado y ahora te env\u00edo los detalles por SMS.\r\n            <span class=\"iah-bub-ts\">00:19<\/span>\r\n          <\/div>\r\n\r\n          <!-- 6. Completion card -->\r\n          <div class=\"iah-res\">\r\n            <div class=\"iah-res-hd\">\r\n              <div class=\"iah-res-ck\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"iah-res-title\">Cita reprogramada<\/span>\r\n              <span class=\"iah-no-human\">Sin intervenci\u00f3n humana<\/span>\r\n            <\/div>\r\n            <div class=\"iah-res-body\">\r\n              <div class=\"iah-rrow\">\r\n                <span class=\"iah-rlbl\">Nueva hora<\/span>\r\n                <span class=\"iah-rval\">Jue \u00b7 11:30 \u2713<\/span>\r\n              <\/div>\r\n              <div class=\"iah-rrow\">\r\n                <span class=\"iah-rlbl\">Recordatorio SMS<\/span>\r\n                <span class=\"iah-rval\">Enviado \u2713<\/span>\r\n              <\/div>\r\n              <div class=\"iah-rrow\">\r\n                <span class=\"iah-rlbl\">Registro CRM<\/span>\r\n                <span class=\"iah-rval\">Actualizado \u2713<\/span>\r\n              <\/div>\r\n              <div class=\"iah-rrow\">\r\n                <span class=\"iah-rlbl\">Derivaci\u00f3n<\/span>\r\n                <span class=\"iah-rval\">No necesaria<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div><!-- \/wbody -->\r\n\r\n        <!-- MCP strip -->\r\n        <div class=\"iah-wmcp\" aria-hidden=\"true\">\r\n          <span class=\"iah-mcp-pill\">MCP<\/span>\r\n          <div class=\"iah-mcp-tags\">\r\n            <span class=\"iah-mcp-tag\"><span class=\"iah-mdot\"><\/span>Calendario<\/span>\r\n            <span class=\"iah-mcp-tag\"><span class=\"iah-mdot\"><\/span>CRM<\/span>\r\n            <span class=\"iah-mcp-tag\"><span class=\"iah-mdot\"><\/span>SMS<\/span>\r\n            <span class=\"iah-mcp-tag\"><span class=\"iah-mdot\"><\/span>Reservas<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div><!-- \/widget -->\r\n\r\n    <\/div><!-- \/right -->\r\n  <\/div><!-- \/inner -->\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 AI Voice \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-aiv-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-aiv-how *, #indi-aiv-how *::before, #indi-aiv-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-aiv-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-aiv-how .ihw-head { text-align: center; max-width: 640px; margin: 0 auto 56px; }\r\n\r\n#indi-aiv-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-aiv-how .ihw-pill svg { flex-shrink: 0; }\r\n\r\n#indi-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-how .ihw-input-wrap {\r\n  display: flex; flex-direction: column; gap: 10px;\r\n}\r\n#indi-aiv-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-aiv-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-aiv-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-aiv-how .ihw-parse-chips { display: flex; flex-direction: column; gap: 5px; }\r\n#indi-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-how .ihw-sat.top    { top: 0;   left: 50%; transform: translateX(-50%); }\r\n#indi-aiv-how .ihw-sat.right  { top: 50%; right: 0;  transform: translateY(-50%); }\r\n#indi-aiv-how .ihw-sat.bottom { bottom: 0; left: 50%; transform: translateX(-50%); }\r\n#indi-aiv-how .ihw-sat.left   { top: 50%; left: 0;   transform: translateY(-50%); }\r\n\r\n\/* Connection lines *\/\r\n#indi-aiv-how .ihw-hub-lines {\r\n  position: absolute; inset: 0; z-index: 1;\r\n}\r\n#indi-aiv-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-aiv-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-aiv-how .ihw-pkt.p1 { animation: ihwPktTop    1.8s ease-in-out 0.0s infinite; }\r\n#indi-aiv-how .ihw-pkt.p2 { animation: ihwPktRight  1.8s ease-in-out 0.5s infinite; }\r\n#indi-aiv-how .ihw-pkt.p3 { animation: ihwPktBottom 1.8s ease-in-out 1.0s infinite; }\r\n#indi-aiv-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-aiv-how.ihw-js .ihw-pkt { animation: none; opacity: 0; }\r\n#indi-aiv-how .s-act.ihw-vis .ihw-pkt.p1 { animation: ihwPktTop    1.8s ease-in-out 0.0s infinite; }\r\n#indi-aiv-how .s-act.ihw-vis .ihw-pkt.p2 { animation: ihwPktRight  1.8s ease-in-out 0.5s infinite; }\r\n#indi-aiv-how .s-act.ihw-vis .ihw-pkt.p3 { animation: ihwPktBottom 1.8s ease-in-out 1.0s infinite; }\r\n#indi-aiv-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-aiv-how .ihw-optim { display: flex; flex-direction: column; gap: 10px; }\r\n#indi-aiv-how .ihw-orow { display: flex; flex-direction: column; gap: 5px; }\r\n#indi-aiv-how .ihw-orow-head {\r\n  display: flex; justify-content: space-between; align-items: baseline;\r\n}\r\n#indi-aiv-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-aiv-how .ihw-orow-val {\r\n  font-size: 13px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n}\r\n#indi-aiv-how .ihw-orow-val.green { color: #0072EF !important; }\r\n#indi-aiv-how .ihw-bar-bg {\r\n  height: 8px; background: #EEF3FF; border-radius: 4px; overflow: hidden;\r\n}\r\n#indi-aiv-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-aiv-how.ihw-js .ihw-bar-fill { width: 0; transition: width 0s; }\r\n\/* Animate on visible *\/\r\n#indi-aiv-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-aiv-how .s-opt.ihw-vis .ihw-orow:nth-child(2) .ihw-bar-fill { transition-delay: 0.3s; }\r\n\r\n#indi-aiv-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-aiv-how .ihw-loop-wrap {\r\n  margin-top: 18px;\r\n}\r\n#indi-aiv-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-aiv-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-aiv-how .ihw-loop-left { flex: 1; min-width: 0; position: relative; z-index: 1; }\r\n#indi-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-how.ihw-js .ihw-animate          { opacity: 0; transform: translateY(20px); }\r\n#indi-aiv-how.ihw-js .ihw-animate.ihw-vis  { opacity: 1; transform: translateY(0); }\r\n#indi-aiv-how .s-act.ihw-animate { transition-delay: 0.10s; }\r\n#indi-aiv-how .s-opt.ihw-animate { transition-delay: 0.20s; }\r\n#indi-aiv-how .ihw-loop-wrap.ihw-animate   { transition-delay: 0.10s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-aiv-how .ihw-animate { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n  #indi-aiv-how .ihw-bar-fill { width: var(--w) !important; }\r\n  #indi-aiv-how .ihw-pkt { display: none !important; }\r\n  #indi-aiv-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-aiv-how .ihw-inner { padding: 80px 32px 0; }\r\n  #indi-aiv-how .ihw-loop { padding: 28px 32px; gap: 32px; }\r\n}\r\n@media (max-width: 960px) {\r\n  #indi-aiv-how .ihw-inner { padding: 70px 24px 0; }\r\n  #indi-aiv-how .ihw-steps {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n  }\r\n  #indi-aiv-how .ihw-conn {\r\n    padding: 0; justify-content: flex-start; padding-left: 28px; margin: 6px 0;\r\n  }\r\n  #indi-aiv-how .ihw-conn-ic { transform: rotate(90deg); }\r\n  #indi-aiv-how .ihw-loop { flex-direction: column; gap: 24px; }\r\n  #indi-aiv-how .ihw-loop-right { width: 100%; }\r\n}\r\n@media (max-width: 600px) {\r\n  #indi-aiv-how .ihw-inner { padding: 48px 16px 0; }\r\n  #indi-aiv-how .ihw-loop { padding: 24px 20px; border-radius: 14px; }\r\n  #indi-aiv-how .ihw-loop-right { grid-template-columns: 1fr; }\r\n  #indi-aiv-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-aiv-how .ihw-pb { padding-bottom: 80px; }\r\n@media (max-width: 1100px) { #indi-aiv-how .ihw-pb { padding-bottom: 64px; } }\r\n@media (max-width: 600px)  { #indi-aiv-how .ihw-pb { padding-bottom: 48px; } }\r\n<\/style>\r\n\r\n<section id=\"indi-aiv-how\" role=\"region\" aria-label=\"C\u00f3mo funciona indigitall AI Voice \u2014 Dispara, Conversa y act\u00faa, Deriva\">\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>Dispara.<\/em> Conversa y act\u00faa. <em>Deriva.<\/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          Dispara\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">El journey lanza la llamada.<\/h3>\r\n        <p class=\"ihw-body\">Un paso del Customer Journey \u2014 o una predicci\u00f3n de churn o de no-show \u2014 dispara una llamada saliente. La llamada correcta, al cliente correcto, en el momento correcto. No es un env\u00edo masivo: es la siguiente mejor acci\u00f3n, lanzada autom\u00e1ticamente cuando el texto no ha bastado.<\/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              Paso del journey \u00b7 cita ma\u00f1ana\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              Decisi\u00f3n de llamada\r\n            <\/div>\r\n            <div class=\"ihw-parse-chips\">\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Disparador<\/span>\r\n                <span class=\"ihw-chip-val\">Riesgo de no-show<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Canal<\/span>\r\n                <span class=\"ihw-chip-val\">Llamada AI Voice<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Momento<\/span>\r\n                <span class=\"ihw-chip-val\">24h antes<\/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          Conversa y act\u00faa\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">Una conversaci\u00f3n real que act\u00faa sobre tus sistemas.<\/h3>\r\n        <p class=\"ihw-body\">Voz natural en tiempo real que entiende la intenci\u00f3n \u2014 no es un men\u00fa de tonos. Responde y act\u00faa sobre tus sistemas en vivo v\u00eda MCP: reprograma la cita, confirma el pedido, resuelve la duda y actualiza el registro sin colgar.<\/p>\r\n        <div class=\"ihw-viz\" role=\"img\" aria-label=\"A hub-and-spoke diagram showing el agente de AI Voice conectado a Calendario, CRM, SMS y Reservas 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\">Agente<br>de voz<\/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>Calendario<\/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>CRM<\/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>SMS<\/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>Reservas<\/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          Deriva\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">A un humano, con todo el contexto.<\/h3>\r\n        <p class=\"ihw-body\">La mayor\u00eda de llamadas se resuelven de principio a fin. Cuando una necesita a una persona, AI Voice deriva a un agente humano con la transcripci\u00f3n completa, la intenci\u00f3n detectada y los pasos ya realizados \u2014 para que el cliente no repita nada. Sin transferencias en fr\u00edo.<\/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\">Resuelto por IA<\/span>\r\n                <span class=\"ihw-orow-val\">84%<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-bar-bg\">\r\n                <div class=\"ihw-bar-fill\" style=\"--w: 84%\"><\/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\">Derivado con contexto<\/span>\r\n                <span class=\"ihw-orow-val green\">16%<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-bar-bg\">\r\n                <div class=\"ihw-bar-fill\" style=\"--w: 16%\"><\/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              Derivaci\u00f3n en caliente \u00b7 transcripci\u00f3n completa\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 24\/7 y escala a miles de llamadas a la vez. Cada llamada alimenta el journey, as\u00ed el siguiente impacto es m\u00e1s inteligente. Sin cola, sin m\u00fasica de espera, sin un humano para mantenerlo en marcha.<\/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\">24\/7<br>Sin cola<\/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\">Miles de<br>llamadas a la vez<\/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\">Alimenta<br>el journey<\/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\">Deriva<br>con contexto<\/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-aiv-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":"<!-- indigitall AI Voice \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-aiv-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-aiv-uc *, #indi-aiv-uc *::before, #indi-aiv-uc *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#indi-aiv-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-aiv-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-aiv-uc .uc-eyebrow::before { content: \"\"; width: 22px; height: 2px; background: #8ADA3F; display: inline-block; border-radius: 2px; }\r\n#indi-aiv-uc .uc-head { text-align: center; max-width: 720px; margin: 0 auto 52px; }\r\n#indi-aiv-uc .uc-head .uc-eyebrow { justify-content: center; }\r\n#indi-aiv-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-aiv-uc .uc-h2 em { font-style: normal; color: #0072EF !important; }\r\n#indi-aiv-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-aiv-uc .uc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n\r\n\/* Card *\/\r\n#indi-aiv-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-aiv-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-aiv-uc .uc-cardtop { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }\r\n#indi-aiv-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-aiv-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-aiv-uc .uc-tag::before { content: \"\"; width: 6px; height: 6px; border-radius: 50%; background: #8ADA3F; }\r\n\r\n#indi-aiv-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-aiv-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-aiv-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-aiv-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-aiv-uc .uc-step svg { flex-shrink: 0; }\r\n#indi-aiv-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-aiv-uc .uc-arrow { color: #B7C4D6; flex-shrink: 0; display: flex; }\r\n\r\n\/* Points *\/\r\n#indi-aiv-uc .uc-points { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }\r\n#indi-aiv-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-aiv-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-aiv-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-aiv-uc .uc-animate.uc-vis { opacity: 1; transform: translateY(0); }\r\n#indi-aiv-uc .uc-grid .uc-card:nth-child(2) { transition-delay: 0.08s; }\r\n#indi-aiv-uc .uc-grid .uc-card:nth-child(3) { transition-delay: 0.16s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-aiv-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-aiv-uc .uc-wrap { padding: 80px 32px !important; } #indi-aiv-uc .uc-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; } }\r\n@media (max-width: 600px) { #indi-aiv-uc .uc-wrap { padding: 56px 16px !important; } #indi-aiv-uc .uc-card { padding: 22px !important; } }\r\n<\/style>\r\n\r\n<section id=\"indi-aiv-uc\" role=\"region\" aria-label=\"Casos de uso de AI Voice\">\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\">AI Voice, <em>dentro del journey.<\/em><\/h2>\r\n      <p class=\"uc-sub\">Escenarios reales donde una llamada de voz cierra lo que el texto no cierra \u2014 lanzada autom\u00e1ticamente, resuelta de principio a fin y derivada a un humano solo cuando hace falta.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"uc-grid\">\r\n\r\n      <!-- Card 1 -->\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\">\r\n          <span class=\"uc-ic\" aria-hidden=\"true\">\r\n            <!-- Lucide: rotate-ccw -->\r\n            <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=\"M3 12a9 9 0 1 0 3-6.7L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"uc-tag\">Retenci\u00f3n<\/span>\r\n        <\/div>\r\n        <h3 class=\"uc-title\">Recupera lo que el texto no cierra<\/h3>\r\n        <p class=\"uc-desc\">Cuando el email y el WhatsApp no convierten, el journey escala a una llamada de IA que retoma justo donde se qued\u00f3 el cliente \u2014 y cierra por voz.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\">\r\n          <span class=\"uc-step\">Email<\/span>\r\n          <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>\r\n          <span class=\"uc-step\">WhatsApp<\/span>\r\n          <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>\r\n          <span class=\"uc-step\">Llamada IA<\/span>\r\n          <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>\r\n          <span class=\"uc-step win\">Recuperado<\/span>\r\n        <\/div>\r\n        <ul class=\"uc-points\">\r\n          <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>Escala tras los canales de texto<\/li>\r\n          <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>La IA conversa y agenda<\/li>\r\n          <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>Deriva a un humano si hace falta<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- Card 2 -->\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\">\r\n          <span class=\"uc-ic\" aria-hidden=\"true\">\r\n            <!-- Lucide: calendar-check -->\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><path d=\"m9 16 2 2 4-4\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"uc-tag\">Operativa<\/span>\r\n        <\/div>\r\n        <h3 class=\"uc-title\">Menos no-shows, cero cola<\/h3>\r\n        <p class=\"uc-desc\">Una llamada de IA confirma o reprograma la cita, reduce los no-shows y actualiza tu sistema v\u00eda MCP \u2014 sin agente al tel\u00e9fono, sin m\u00fasica de espera.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\">\r\n          <span class=\"uc-step\">Recordatorio<\/span>\r\n          <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>\r\n          <span class=\"uc-step\">Llamada IA<\/span>\r\n          <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>\r\n          <span class=\"uc-step\">Reprograma<\/span>\r\n          <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>\r\n          <span class=\"uc-step win\">Confirmado<\/span>\r\n        <\/div>\r\n        <ul class=\"uc-points\">\r\n          <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>Confirma o reprograma por voz<\/li>\r\n          <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>Reduce los no-shows<\/li>\r\n          <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>Actualiza el sistema v\u00eda MCP<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- Card 3 -->\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\">\r\n          <span class=\"uc-ic\" aria-hidden=\"true\">\r\n            <!-- Lucide: bell-ring -->\r\n            <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=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"\/><path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\"\/><path d=\"M4 2C2.8 3.7 2 5.7 2 8M22 8c0-2.3-.8-4.3-2-6\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"uc-tag\">Proactivo<\/span>\r\n        <\/div>\r\n        <h3 class=\"uc-title\">Renovaciones y avisos, por voz<\/h3>\r\n        <p class=\"uc-desc\">Lanza una llamada de voz cercana para una renovaci\u00f3n, un cambio de entrega o un aviso urgente \u2014 en el momento en que el journey predice que m\u00e1s importa.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\">\r\n          <span class=\"uc-step\">Se\u00f1al<\/span>\r\n          <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>\r\n          <span class=\"uc-step\">Llamada IA<\/span>\r\n          <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>\r\n          <span class=\"uc-step\">Acci\u00f3n<\/span>\r\n          <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>\r\n          <span class=\"uc-step win\">Resuelto<\/span>\r\n        <\/div>\r\n        <ul class=\"uc-points\">\r\n          <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>Disparada por comportamiento o predicci\u00f3n<\/li>\r\n          <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>Conversaci\u00f3n natural en tiempo real<\/li>\r\n          <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>Act\u00faa sobre tus sistemas, 24\/7<\/li>\r\n        <\/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-aiv-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: \"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-aiv-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-aiv-capabilities *, #indi-aiv-capabilities *::before, #indi-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-capabilities .iac-line {\r\n  stroke: #C9D6EC;\r\n  stroke-width: 2;\r\n  fill: none;\r\n}\r\n#indi-aiv-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-aiv-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-aiv-capabilities .iac-node svg { width: 13px; height: 13px; flex: none; }\r\n#indi-aiv-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-aiv-capabilities .iac-node.iac-primary svg { stroke: #FFFFFF; }\r\n#indi-aiv-capabilities .iac-node.iac-blue svg { stroke: #0072EF; }\r\n\r\n\/* moving packets *\/\r\n#indi-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-capabilities .iac-route { left: 168px; top: 76px; }\r\n#indi-aiv-capabilities .iac-route.r1 { animation: iac-r1 3.6s ease-in-out infinite; }\r\n#indi-aiv-capabilities .iac-route.r2 { animation: iac-r2 3.6s ease-in-out infinite; animation-delay: 1.2s; }\r\n#indi-aiv-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-aiv-capabilities .iac-t1 { animation: iac-hl 3.6s ease-in-out infinite; }\r\n#indi-aiv-capabilities .iac-t2 { animation: iac-hl 3.6s ease-in-out infinite; animation-delay: 1.2s; }\r\n#indi-aiv-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-aiv-capabilities .iac-out { left: 74px; top: 76px; }\r\n#indi-aiv-capabilities .iac-out.o1 { animation: iac-o1 2.6s ease-in-out infinite; }\r\n#indi-aiv-capabilities .iac-out.o2 { animation: iac-o2 2.6s ease-in-out infinite; animation-delay: .5s; }\r\n#indi-aiv-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-aiv-capabilities .iac-back.b1 { left: 196px; top: 32px; animation: iac-b1 2.6s ease-in-out infinite; }\r\n#indi-aiv-capabilities .iac-back.b2 { left: 196px; top: 76px; animation: iac-b2 2.6s ease-in-out infinite; animation-delay: .5s; }\r\n#indi-aiv-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-aiv-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-aiv-capabilities .iac-up { top: 104px; }\r\n#indi-aiv-capabilities .iac-up.u1 { left: 50px; animation: iac-up1 6s ease-in-out infinite; }\r\n#indi-aiv-capabilities .iac-up.u2 { left: 140px; animation: iac-up2 6s ease-in-out infinite; }\r\n#indi-aiv-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-aiv-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-aiv-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-aiv-capabilities .iac-resp { position: absolute; top: 75px; width: 11px; height: 11px; border-radius: 3px; }\r\n#indi-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-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-aiv-capabilities .iac-bar.bar1 { left:178px; height:22px; animation: iac-grow 4s ease-in-out infinite; }\r\n#indi-aiv-capabilities .iac-bar.bar2 { left:202px; height:38px; animation: iac-grow 4s ease-in-out infinite; animation-delay:.3s; }\r\n#indi-aiv-capabilities .iac-bar.bar3 { left:226px; height:54px; animation: iac-grow 4s ease-in-out infinite; animation-delay:.6s; }\r\n#indi-aiv-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-aiv-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-aiv-capabilities .iac-cardpkt span { height:2.5px; border-radius:2px; background:#C9D6EC; }\r\n#indi-aiv-capabilities .iac-cardpkt span:nth-child(1){ width:100%; }\r\n#indi-aiv-capabilities .iac-cardpkt span:nth-child(2){ width:70%; }\r\n#indi-aiv-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-aiv-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-aiv-capabilities .iac-human svg { stroke:#0072EF; }\r\n\r\n\/* ---------- scroll reveal ---------- *\/\r\n#indi-aiv-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-aiv-capabilities .iac-animate.iac-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n#indi-aiv-capabilities .iac-grid .iac-card:nth-child(1) { transition-delay: .00s; }\r\n#indi-aiv-capabilities .iac-grid .iac-card:nth-child(2) { transition-delay: .08s; }\r\n#indi-aiv-capabilities .iac-grid .iac-card:nth-child(3) { transition-delay: .16s; }\r\n#indi-aiv-capabilities .iac-grid .iac-card:nth-child(4) { transition-delay: .08s; }\r\n#indi-aiv-capabilities .iac-grid .iac-card:nth-child(5) { transition-delay: .16s; }\r\n#indi-aiv-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-aiv-capabilities .iac-wrap { padding: 80px 32px !important; }\r\n  #indi-aiv-capabilities .iac-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 700px) {\r\n  #indi-aiv-capabilities .iac-wrap { padding: 60px 24px !important; }\r\n  #indi-aiv-capabilities .iac-grid { grid-template-columns: 1fr; gap: 20px; }\r\n  #indi-aiv-capabilities .iac-h2 { max-width: 100%; }\r\n}\r\n@media (max-width: 480px) {\r\n  #indi-aiv-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-aiv-capabilities .iac-animate { opacity:1 !important; transform:none !important; transition:none !important; }\r\n  #indi-aiv-capabilities .iac-packet,\r\n  #indi-aiv-capabilities .iac-resp,\r\n  #indi-aiv-capabilities .iac-up,\r\n  #indi-aiv-capabilities .iac-shieldpulse { opacity:0 !important; animation:none !important; }\r\n  #indi-aiv-capabilities .iac-feed,\r\n  #indi-aiv-capabilities .iac-route,\r\n  #indi-aiv-capabilities .iac-out,\r\n  #indi-aiv-capabilities .iac-back,\r\n  #indi-aiv-capabilities .iac-token,\r\n  #indi-aiv-capabilities .iac-core,\r\n  #indi-aiv-capabilities .iac-t1, #indi-aiv-capabilities .iac-t2, #indi-aiv-capabilities .iac-t3,\r\n  #indi-aiv-capabilities .iac-orbit,\r\n  #indi-aiv-capabilities .iac-bar,\r\n  #indi-aiv-capabilities .iac-cardpkt,\r\n  #indi-aiv-capabilities .iac-human { animation:none !important; }\r\n  #indi-aiv-capabilities .iac-token { transform:translateX(0) !important; }\r\n  #indi-aiv-capabilities .iac-cardpkt { opacity:1 !important; }\r\n  #indi-aiv-capabilities .iac-bar.bar1 { transform:scaleY(1) !important; }\r\n  #indi-aiv-capabilities .iac-bar.bar2 { transform:scaleY(1) !important; }\r\n  #indi-aiv-capabilities .iac-bar.bar3 { transform:scaleY(1) !important; }\r\n  #indi-aiv-capabilities .iac-bar.bar4 { transform:scaleY(1) !important; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"indi-aiv-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-aiv-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 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":""},{"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":""}],"hide_slider_blog":false,"slider_blog_custom_tag":null,"hide_mobile_fixed_buttons":false,"mobile_fixed_button_1":{"title":"Empezar ahora","url":"#getstarted","target":"_blank"},"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>Agentes de voz con IA conversacional para asistencia t\u00e9cnica - indigitall<\/title>\n<meta name=\"description\" content=\"Aprovecha la IA generativa y el NLP para crear interacciones de voz fluidas. Nuestro chatbot se integran con tu CRM para ofrecer soporte personalizado y proactivo a gran escala.\" \/>\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\/chatbot-ia-voz\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Agentes de voz con IA conversacional para asistencia t\u00e9cnica - indigitall\" \/>\n<meta property=\"og:description\" content=\"Aprovecha la IA generativa y el NLP para crear interacciones de voz fluidas. Nuestro chatbot se integran con tu CRM para ofrecer soporte personalizado y proactivo a gran escala.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/indigitall.com\/es\/chatbot-ia-voz\/\" \/>\n<meta property=\"og:site_name\" content=\"indigitall\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-21T21:13:17+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\\\/chatbot-ia-voz\\\/\",\"url\":\"https:\\\/\\\/indigitall.com\\\/es\\\/chatbot-ia-voz\\\/\",\"name\":\"Agentes de voz con IA conversacional para asistencia t\u00e9cnica - indigitall\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/#website\"},\"datePublished\":\"2026-01-13T20:07:47+00:00\",\"dateModified\":\"2026-07-21T21:13:17+00:00\",\"description\":\"Aprovecha la IA generativa y el NLP para crear interacciones de voz fluidas. Nuestro chatbot se integran con tu CRM para ofrecer soporte personalizado y proactivo a gran escala.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/chatbot-ia-voz\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/indigitall.com\\\/es\\\/chatbot-ia-voz\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/es\\\/chatbot-ia-voz\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/indigitall.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chatbot IA Voz\"}]},{\"@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":"Agentes de voz con IA conversacional para asistencia t\u00e9cnica - indigitall","description":"Aprovecha la IA generativa y el NLP para crear interacciones de voz fluidas. Nuestro chatbot se integran con tu CRM para ofrecer soporte personalizado y proactivo a gran escala.","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\/chatbot-ia-voz\/","og_locale":"es_ES","og_type":"article","og_title":"Agentes de voz con IA conversacional para asistencia t\u00e9cnica - indigitall","og_description":"Aprovecha la IA generativa y el NLP para crear interacciones de voz fluidas. Nuestro chatbot se integran con tu CRM para ofrecer soporte personalizado y proactivo a gran escala.","og_url":"https:\/\/indigitall.com\/es\/chatbot-ia-voz\/","og_site_name":"indigitall","article_modified_time":"2026-07-21T21:13:17+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/indigitall.com\/es\/chatbot-ia-voz\/","url":"https:\/\/indigitall.com\/es\/chatbot-ia-voz\/","name":"Agentes de voz con IA conversacional para asistencia t\u00e9cnica - indigitall","isPartOf":{"@id":"https:\/\/indigitall.com\/es\/#website"},"datePublished":"2026-01-13T20:07:47+00:00","dateModified":"2026-07-21T21:13:17+00:00","description":"Aprovecha la IA generativa y el NLP para crear interacciones de voz fluidas. Nuestro chatbot se integran con tu CRM para ofrecer soporte personalizado y proactivo a gran escala.","breadcrumb":{"@id":"https:\/\/indigitall.com\/es\/chatbot-ia-voz\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/indigitall.com\/es\/chatbot-ia-voz\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/indigitall.com\/es\/chatbot-ia-voz\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/indigitall.com\/es\/"},{"@type":"ListItem","position":2,"name":"Chatbot IA Voz"}]},{"@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\/12192","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":5,"href":"https:\/\/indigitall.com\/es\/wp-json\/wp\/v2\/channel\/12192\/revisions"}],"predecessor-version":[{"id":21253,"href":"https:\/\/indigitall.com\/es\/wp-json\/wp\/v2\/channel\/12192\/revisions\/21253"}],"wp:attachment":[{"href":"https:\/\/indigitall.com\/es\/wp-json\/wp\/v2\/media?parent=12192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}