1import{c as v,r as h,j as a,L as y}from"./index-DBtlT2wo.js";import{S as w}from"./SEOHead-4wbbPEi_.js";import{H as N}from"./Header-Cq9XeDMO.js";import{F}from"./Footer-gph7lRYK.js";import{A as q}from"./arrow-right-DuTlPZsB.js";import{D as z,W as A,B as S}from"./wrench-C2MmNZMY.js";/** 2 * @license lucide-react v0.462.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const I=v("BellRing",[["path",{d:"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9",key:"1qo2s2"}],["path",{d:"M10.3 21a1.94 1.94 0 0 0 3.4 0",key:"qgo35s"}],["path",{d:"M4 2C2.8 3.7 2 5.7 2 8",key:"tap9e0"}],["path",{d:"M22 8c0-2.3-.8-4.3-2-6",key:"5bb3ad"}]]);/** 7 * @license lucide-react v0.462.0 - ISC 8 * 9 * This source code is licensed under the ISC license. 10 * See the LICENSE file in the root directory of this source tree. 11 */const C=v("CalendarCheck",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}],["path",{d:"m9 16 2 2 4-4",key:"19s6y9"}]]);/** 12 * @license lucide-react v0.462.0 - ISC 13 * 14 * This source code is licensed under the ISC license. 15 * See the LICENSE file in the root directory of this source tree. 16 */const E=v("FileCheck2",[["path",{d:"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4",key:"1pf5j1"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"m3 15 2 2 4-4",key:"1lhrkk"}]]),j=[{id:"call",label:"Llamada",svg:"/assets/images/agentic-flow/phone.svg"},{id:"whatsapp",label:"WhatsApp",svg:"/assets/images/agentic-flow/whatsapp.svg"},{id:"form",label:"Formulario",svg:"/assets/images/agentic-flow/form.svg"},{id:"chat",label:"Chat web",svg:"/assets/images/agentic-flow/chat.svg"},{id:"webhook",label:"Webhook",svg:"/assets/images/agentic-flow/webhook.svg"}],k=[{id:"appointment",label:"Cita confirmada",icon:C},{id:"reminder",label:"Recordatorio enviado",icon:I},{id:"result",label:"Resultado entregado",icon:E},{id:"escalation",label:"Escalada al equipo",svg:"/assets/images/agentic-flow/slack.svg"}],b=[{id:"hubspot",label:"HubSpot",svg:"/assets/images/tecnologias/hubspot-icon.svg"},{id:"airtable",label:"Airtable",svg:"/assets/images/agentic-flow/airtable.svg"},{id:"sql",label:"SQL",svg:"/assets/images/agentic-flow/sql.svg"}],_=[{id:"openai",label:"OpenAI",svg:"/assets/images/agentic-flow/openai.svg"},{id:"slack",label:"Slack",svg:"/assets/images/agentic-flow/slack.svg"}],f=[{step:0,tag:"El contexto",title:"Una clÃnica con 12.000 pacientes activos",highlight:"none",mood:"intro",body:a.jsxs(a.Fragment,{children:["Una clÃnica privada de tamaño medio, con varios centros y especialidades, gestiona en torno a ",a.jsx("strong",{children:"12.000 pacientes activos"})," y recibe cada mes unas ",a.jsx("strong",{children:"8.500 interacciones"})," entre llamadas, WhatsApp, formularios y chat. A priori no parece un volumen desproporcionado, pero en la práctica genera un cuello de botella operativo importante."]})},{step:1,tag:"El problema",title:"El equipo solo cubre el 40% de la demanda",highlight:"none",mood:"problem",body:a.jsxs(a.Fragment,{children:["Seis personas en atención al paciente solo absorben ",a.jsx("strong",{children:"3.000â3.500 interacciones"}),"al mes. Resultado: ",a.jsx("strong",{children:"30â40% de llamadas perdidas"}),", esperas de 4 a 6 minutos, un ",a.jsx("strong",{children:"25% de abandono"})," y canales como WhatsApp gestionados con retraso â experiencia inconsistente según por dónde te decidas a contactar."]})},{step:2,tag:"Coste real",title:"60% de demanda repetitiva, â¬15-25K/mes perdidos",highlight:"none",mood:"cost",body:a.jsxs(a.Fragment,{children:["El ",a.jsx("strong",{children:"60% de las interacciones"})," son repetitivas y de bajo valor: pedir o modificar cita, consultar resultados, dudas administrativas. Ese mismo 60% es el que consume al equipo. Los huecos de agenda no se reasignan a tiempo y la clÃnica pierde entre ",a.jsx("strong",{children:"15.000 y 25.000 ⬠al mes"})," en ingresos."]})}
16,{step:3,tag:"INPUTS multicanal",title:"Un único punto de entrada para todos los canales",highlight:"inputs",mood:"active",body:a.jsxs(a.Fragment,{children:["Llamada, WhatsApp, formulario web, chat online y webhooks externos llegan al",a.jsx("strong",{children:" mismo agente de IA"}),". Sin lógica duplicada por canal y sin que el paciente tenga que repetir su contexto cada vez que cambia de medio."]})},{step:4,tag:"Agente IA",title:"Identifica al paciente y entiende el motivo en segundos",highlight:"agent",mood:"active",body:a.jsxs(a.Fragment,{children:["El agente reconoce al paciente por teléfono, email o número, accede a su contexto y entiende qué necesita en menos de un segundo. ",a.jsx("strong",{children:"La atención deja de ser reactiva"}),"para convertirse en un flujo continuo y contextual."]})},{step:5,tag:"Memoria + Herramientas",title:"Conectado al historial real del paciente",highlight:"tools",mood:"active",body:a.jsxs(a.Fragment,{children:["Lee y escribe en el CRM clÃnico, en Airtable, en bases de datos SQL y consulta el histórico de conversación en memoria persistente. ",a.jsx("strong",{children:"No alucina datos"}),": opera sobre la información real de la clÃnica para gestionar citas, resultados y avisos."]})},{step:6,tag:"Subagente + Slack",title:"Escala al equipo humano cuando merece la pena",highlight:"subagent",mood:"active",body:a.jsxs(a.Fragment,{children:["Para casos sensibles âurgencias, quejas, cambios complejosâ un subagente especializado toma el relevo, enriquece el contexto y notifica al equipo por ",a.jsx("strong",{children:"Slack"}),". El humano solo entra cuando aporta valor real."]})},{step:7,tag:"OUTPUTS",title:"Resultados tangibles, no respuestas vacÃas",highlight:"outputs",mood:"active",body:a.jsxs(a.Fragment,{children:["Cita confirmada en agenda, recordatorio enviado por WhatsApp, resultado médico entregado al paciente, ticket abierto en Slack para el equipo. ",a.jsx("strong",{children:"Cada interacción termina en una acción concreta"}),", no en una conversación abierta."]})}],R=[{kpi:"65â75%",label:"Interacciones automatizadas",before:"0%"},{kpi:"<1 min",label:"Tiempo medio de atención",before:"4â6 min"},{kpi:"<5%",label:"Llamadas perdidas",before:"30â40%"},{kpi:"24/7",label:"Disponibilidad",before:"Horario laboral"},{kpi:"+10â18 Kâ¬",label:"Ingresos extra al mes",before:"â15-25 K⬠perdidos"}],T=[{name:"WhatsApp",desc:"Recibe y responde mensajes en tiempo real",svg:"/assets/images/agentic-flow/whatsapp.svg",color:"#25D366"},{name:"HubSpot",desc:"Crea o actualiza contactos automáticamente",svg:"/assets/images/tecnologias/hubspot-icon.svg",color:"#FF7A59",href:"/tecnologias/hubspot"},{name:"Airtable",desc:"Lee registros estructurados de tus bases",svg:"/assets/images/agentic-flow/airtable.svg",color:"#FCB400"},{name:"Slack",desc:"Notifica al equipo cuando merece escalar",svg:"/assets/images/agentic-flow/slack.svg",color:"#ECB22E"},{name:"Claude (Anthropic)",desc:"Razonamiento del agente principal",svg:"/assets/images/tecnologias/claude-icon.svg",color:"#D97757",href:"/tecnologias/claude"},{name:"OpenAI",desc:"Razonamiento independiente del subagente",svg:"/assets/images/agentic-flow/openai.svg",color:"#10A37F"}],c=[{q:"¿Qué es un flujo agéntico aplicado a atención al paciente?",a:"Un flujo agéntico es un sistema de IA en el que un agente central recibe interacciones desde múltiples canales (llamada, WhatsApp, formulario, chat) y decide qué herramientas usar y qué subagentes invocar para resolver cada solicitud. En atención al paciente se traduce en automatizar entre un 65% y un 75% de las 8.500 interacciones mensuales tÃpicas de una clÃnica con 12.000 pacientes activos."},{q:"¿Cuánto tarda en implementarse un agente de IA para una clÃnica?",a:"Un piloto productivo se implanta en 4 a 8 semanas: 1-2 semanas de discovery e integración con el CRM clÃnico (HubSpot, Salesforce o sistema propietario), 2-3 semanas de configuración del agente con Claude o GPT, y 1-3 semanas de pruebas y ajuste fino. La automatización completa de los canales WhatsApp, llamada, chat y formulario suele alcanzarse en el primer trimestre."},{q:"¿Cuál es el ROI de automatizar la atención al paciente con IA?",a:"El ROI se materializa por dos vÃas: ahorro operativo (capacidad x2 sin contratar más personas) e ingresos recuperados (entre 10.000 ⬠y 18.000 ⬠al mes adicionales por reasignación de huecos de agenda en tiempo real). Para una clÃnica con 8.500 interacciones/mes, la inversión inicial se amortiza tÃpicamente en 3-6 meses, con un ROI anual estimado entre 4:1 y 8:1."},{q:"¿Qué herramientas e integraciones usa un agente de IA en una clÃnica?",a:"El agente se conecta vÃa MCP o APIs nativas a HubSpot o Salesforce (CRM y contactos), Airtable o Notion (registros operativos), bases de datos SQL (historial clÃnico estructurado), WhatsApp Business API (mensajerÃa), Twil
16io o Aircall (telefonÃa) y Slack o Teams (escalada al equipo humano). Claude (Anthropic) impulsa el razonamiento del agente principal y OpenAI GPT el del subagente especializado."},{q:"¿El agente de IA puede gestionar consultas médicas?",a:"El agente automatiza tareas administrativas y operativas: gestión de citas, cambios y cancelaciones, consulta de disponibilidad de resultados, recordatorios, FAQs sobre servicios y seguros. Las consultas clÃnicas se escalan automáticamente al subagente y de ahà al profesional sanitario por Slack. La IA nunca emite diagnósticos: actúa como capa de orquestación, no como sustituto del criterio médico."},{q:"¿Cómo se garantiza la privacidad y el cumplimiento RGPD?",a:"El flujo se despliega sobre infraestructura que cumple GDPR, ISO 27001 y, cuando aplica, el ENS español. Los datos del paciente nunca se usan para entrenar modelos: las llamadas a Claude o GPT se hacen con cláusulas de no-retention. La memoria persistente vive en tu propio almacén (PostgreSQL, Supabase o el CRM clÃnico) y los logs se purgan según polÃtica de retención. AuditorÃa completa de cada acción del agente."},{q:"¿Qué pasa cuando el agente no sabe responder?",a:"El agente está diseña
16do para detectar incertidumbre. Cuando la confianza cae por debajo del umbral configurado (tÃpicamente 80%), invoca al subagente que escala al equipo humano vÃa Slack con el contexto completo: historial del paciente, resumen de la conversación y motivo de la escalada. El humano resuelve sin tener que reconstruir el caso desde cero, ahorrando entre 3 y 5 minutos por escalada."},{q:"¿Cuántos canales puede gestionar el mismo agente?",a:"Un solo agente atiende llamadas (Twilio, Aircall, Vonage), WhatsApp Business, formularios web, chat online (Intercom, Crisp, Drift), email, SMS y webhooks de cualquier sistema externo. La lógica de negocio vive una sola vez en el agente: añadir un canal nuevo es solo conectar el adaptador, sin reescribir la inteligencia."}],P=[{num:"01",title:"Fundamentos",items:[{q:c[0].q,a:a.jsxs(a.Fragment,{children:[a.jsx("strong",{children:"Un flujo agéntico es un sistema de IA"})," en el que un agente central recibe interacciones desde múltiples canales (llamada, WhatsApp, formulario, chat) y decide qué herramientas usar y qué subagentes invocar para resolver cada solicitud. En atención al paciente se traduce en automatizar entre un ",a.jsx("strong",{children:"65% y un 75%"})," de las ",a.jsx("strong",{children:"8.500 interacciones mensuales"})," tÃpicas de una clÃnica con 12.000 pacientes activos."]})},{q:c[4].q,a:a.jsxs(a.Fragment,{children:["El agente automatiza tareas ",a.jsx("strong",{children:"administrativas y operativas"}),": gestión de citas, cambios y cancelaciones, consulta de disponibilidad de resultados, recordatorios, FAQs sobre servicios y seguros. Las consultas clÃnicas se escalan automáticamente al subagente y de ahà al profesional sanitario por ",a.jsx("strong",{children:"Slack"}),". ",a.jsx("strong",{children:"La IA nunca emite diagnósticos"}),": actúa como capa de orquestación, no como sustituto del criterio médico."]})}]},{num:"02",title:"Implementación y ROI",items:[{q:c[1].q,a:a.jsxs(a.Fragment,{children:["Un piloto productivo se implanta en ",a.jsx("strong",{children:"4 a 8 semanas"}),": 1-2 semanas de discovery e integración con el CRM clÃnico (",a.jsx("strong",{children:"HubSpot"}),", Salesforce o sistema propietario), 2-3 semanas de configuración del agente con ",a.jsx("strong",{children:"Claude"})," o GPT, y 1-3 semanas de pruebas y ajuste fino. La automatización completa de los canales WhatsApp, llamada, chat y formulario suele alcanzarse en el primer trimestre."]})},{q:c[2].q,a:a.jsxs(a.Fragment,{children:["El ROI se materializa por dos vÃas: ahorro operativo (capacidad x2 sin contratar más personas) e ingresos recuperados (entre ",a.jsx("strong",{children:"10.000 ⬠y 18.000 ⬠al mes"})," adicionales por reasignación de huecos de agenda en tiempo real). Para una clÃnica con 8.500 interacciones/mes, la inversión inicial se amortiza en ",a.jsx("strong",{children:"3-6 meses"}),", con un ROI anual estimado entre ",a.jsx("strong",{children:"4:1 y 8:1"}),"."]})}]},{num:"03",title:"Stack e integraciones",items:[{q:c[3].q,a:a.jsxs(a.Fragment,{children:["El agente se conecta vÃa MCP o APIs nativas a ",a.jsx("strong",{children:"HubSpot"})," o Salesforce (CRM y contactos), ",a.jsx("strong",{children:"Airtable"})," o Notion (registros operativos), bases de datos ",a.jsx("strong",{children:"SQL"})," (historial clÃnico estructurado), ",a.jsx("strong",{children:"WhatsApp Business API"})," (mensajerÃa), ",a.jsx("strong",{children:"Twilio"})," o Aircall (telefonÃa) y ",a.jsx("strong",{children:"Slack"})," o Teams (escalada al equipo humano). ",a.jsx("strong",{children:"Claude (Anthropic)"})," impulsa el razonamiento del agente principal y ",a.jsx("strong",{children:"OpenAI GPT"})," el del subagente especializado."]})},{q:c[7].q,a:a.jsxs(a.Fragment,{children:["Un solo agente atiende llamadas (",a.jsx("strong",{children:"Twilio, Aircall, Vonage"}),"), ",a.jsx("strong",{children:"WhatsApp Business"}),", formularios web, chat online (Intercom, Crisp, Drift), email, SMS y webhooks de cualquier sistema externo. La lógica de negocio vive una sola vez en el agente: añadir un canal nuevo es solo conectar el adaptador, sin reescribir la inteligencia."]})}]},{num:"04",title:"Seguridad y operación",items:[{q:c[5].q,a:a.jsxs(a.Fragment,{children:["El flujo se despliega sobre infraestructura que cumple ",a.jsx("strong",{children:"GDPR, ISO 27001"})," y, cuando aplica, el ",a.jsx("strong",{children:"ENS"})," español. Los datos del paciente nunca se usan para entrenar modelos: las llamadas a Claude o GPT se hacen con cláusulas de ",a.jsx("strong",{children:"no-retention"}),". La memoria persistente vive en tu propio almacén (PostgreSQL, Supabase o el CRM clÃnico) y los logs se purgan según polÃtica de retención. AuditorÃa completa de cada acción del agente."]})},{q:c[6].q,a:a.jsxs(a.Fragment,{children:["El agente está diseña
16do para detectar incertidumbre. Cuando la confianza cae por debajo del umbral configurado (tÃpicamente ",a.jsx("strong",{children:"80%"}),"), invoca al subagente que escala al equipo humano vÃa ",a.jsx("strong",{children:"Slack"})," con el contexto completo: historial del paciente, resumen de la conversación y motivo de la escalada. El humano resuelve sin tener que reconstruir el caso desde cero, ahorrando entre ",a.jsx("strong",{children:"3 y 5 minutos"})," por escalada."]})}]}],g=(i,n)=>(Array.isArray(n)?n:[n]).includes(i);function Q(){const[i,n]=h.useState(0),r=h.useRef([]);h.useEffect(()=>{const e=[];return r.current.forEach((t,l)=>{if(!t)return;const m=new IntersectionObserver(d=>{d.forEach(s=>{s.isIntersecting&&n(f[l].step)})},{threshold:.5,rootMargin:"0px 0px -10% 0px"});m.observe(t),e.push(m)}),()=>e.forEach(t=>t.disconnect())},[]);const p=f[i]??f[0],o=p.highlight,x=p.mood;return a.jsxs(a.Fragment,{children:[a.jsx(w,{title:"Agentes IA para atención en clÃnicas",description:"Cómo una clÃnica con 12.000 pacientes automatiza 8.500 interacciones mensuales con un agente de IA: WhatsApp, llamadas, formularios y chat orquestados con Claude, HubSpot, Airtable y Slack. +10-18Kâ¬/mes recuperados.",canonicalUrl:"/demos/agentic-flow",noEnAlternate:!0}),a.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:c.map(({q:e,a:t})=>({"@type":"Question",name:e,acceptedAnswer:{"@type":"Answer",text:t}}))})}}),a.jsx(N,{}),a.jsxs("div",{className:"scrollable-content",children:[a.jsxs("main",{className:"afd-main",children:[a.jsxs("div",{className:"max-w-7xl mx-auto px-6 pt-24 pb-12 text-center",children:[a.jsx("p",{className:"text-sm font-semibold tracking-widest uppercase mb-3",style:{color:"#f39c12"},children:"Caso real · ClÃnica privada"}),a.jsxs("h1",{className:"text-3xl md:text-5xl font-bold uppercase",style:{fontFamily:"'monument-extended', serif",lineHeight:1.1},children:["Flujo Agéntico,",a.jsx("br",{}),"de canales fragmentados a una sola conversación"]}),a.jsx("p",{className:"mt-4 text-base max-w-xl mx-auto",style:{color:"#9ca3af"},children:"Cómo una clÃnica con 12.000 pacientes automatiza el 70% de sus 8.500 interacciones mensuales con un agente de IA orquestando WhatsApp, llamadas, formularios y chat."}),a.jsxs("div",{className:"afd-kpis-strip",children:[a.jsxs("div",{className:"afd-kpis-strip__item",children:[a.jsx("span",{className:"afd-kpis-strip__num",children:"8.500"}),a.jsx("span",{className:"afd-kpis-strip__lbl",children:"interacciones/mes"})]}),a.jsx("span",{className:"afd-kpis-strip__sep","aria-hidden":!0}),a.jsxs("div",{className:"afd-kpis-strip__item",children:[a.jsx("span",{className:"afd-kpis-strip__num",children:"65â75%"}),a.jsx("span",{className:"afd-kpis-strip__lbl",children:"automatizadas"})]}),a.jsx("span",{className:"afd-kpis-strip__sep","aria-hidden":!0}),a.jsxs("div",{className:"afd-kpis-strip__item",children:[a.jsx("span",{className:"afd-kpis-strip__num",children:"+10â18 Kâ¬"}),a.jsx("span",{className:"afd-kpis-strip__lbl",children:"ingresos extra/mes"})]}),a.jsx("span",{className:"afd-kpis-strip__sep","aria-hidden":!0}),a.jsxs("div",{className:"afd-kpis-strip__item",children:[a.jsx("span",{className:"afd-kpis-strip__num",children:"< 1 min"}),a.jsx("span",{className:"afd-kpis-strip__lbl",children:"tiempo de respuesta"})]})]})]}),a.jsxs("section",{className:"afd-story",children:[a.jsx("div",{className:"md:hidden sticky z-10 px-4 pb-2 pt-2",style:{background:"#080808",top:"64px"},children:a.jsxs("div",{className:"afd-mv","data-mood":x,children:[a.jsxs("div",{className:"afd-mv__head",children:[a.jsx("span",{className:"afd-mv__title",children:"Flujo Agéntico · ClÃnica"}),a.jsxs("span",{className:"afd-mv__phase",children:["Fase ",p.step+1,"/",f.length]})]}),a.jsxs("div",{className:`afd-mv__row ${o==="inputs"?"is-hl":""}`,children:[a.jsx("span",{className:"afd-mv__label",children:"Inputs"}),a.jsx("div",{className:"afd-mv__chips",children:j.map(e=>a.jsxs("span",{className:"afd-mv__chip",children:[e.svg&&a.jsx("img",{src:e.svg,alt:"",className:"afd-icon-img",style:{width:14,height:14}}),e.label]},e.id))})]}),a.jsx("div",{className:"afd-mv__arrow",children:"â"}),a.jsxs("div",{className:`afd-mv__row afd-mv__row--agent ${o==="agent"||o==="tools"||o==="memory"?"is-hl":""}`,children:[a.jsxs("div",{className:"afd-mv__agent-head",children:[a.jsx("span",{className:"afd-mv__label",children:"Agente IA · Claude"}),o==="subagent"&&a.jsx("span",{className:"afd-mv__sub-badge",children:"+ Subagente"})]}),a.jsxs("div",{className:"afd-mv__chips",children:[b.map(e=>a.jsxs("span",{className:`afd-mv__chip afd-mv__chip--tool ${o==="tools"?"is-hl":""}`,children:[e.svg&&a.jsx("img",{src:e.svg,alt:"",className:"afd-icon-img",style:{width:13,height:13}}),e.label]},e.id)),o==="memory"&&a.jsx("span",{className:"afd-mv__chip afd-mv__chip--tool is-hl",children:"Memoria paciente"}),o==="subagent"&&a.jsx(a.Fragment,{children:_.map(e=>a.jsxs("span",{className:"afd-mv__chip afd-mv__chip--sub",children:[e.svg&&a.jsx("img",{src:e.svg,alt:"",className:"afd-icon-img",style:{width:13,height:13}}),e.label]},e.id))})]})]}),a.jsx("div",{className:"afd-mv__arrow",children:"â"}),a.jsxs("div",{className:`afd-mv__row ${o==="outputs"?"is-hl":""}`,children:[a.jsx("span",{className:"afd-mv__label",children:"Outputs"}),a.jsx("div",{className:"afd-mv__chips",children:k.map(e=>a.jsx("span",{className:"afd-mv__chip",children:e.label},e.id))})]})]})}),a.jsxs("div",{className:"max-w-7xl mx-auto px-6 flex gap-8 md:gap-16 items-start",children:[a.jsx("div",{className:"w-full md:w-[38%]",children:f.map((e,t)=>a.jsxs("div",{ref:l=>{r.current[t]=l}
16,className:"afd-block",children:[a.jsxs("span",{className:`afd-block__tag ${i===e.step?"is-active":""}`,children:[String(e.step+1).padStart(2,"0")," · ",e.tag]}),a.jsx("h3",{className:`afd-block__title ${i===e.step?"is-active":""}`,children:e.title}),a.jsx("p",{className:`afd-block__body ${i===e.step?"is-active":""}`,children:e.body})]},e.step))}),a.jsx("div",{className:"hidden md:flex md:w-[62%] sticky top-0 h-screen items-center justify-center",children:a.jsx(L,{hl:o,step:p.step,mood:x})})]})]}),a.jsxs("section",{className:"afd-results",children:[a.jsxs("p",{className:"afd-results__eye",children:[a.jsx("span",{className:"afd-hero__bar"})," El antes / después ",a.jsx("span",{className:"afd-hero__bar"})]}),a.jsx("h2",{className:"afd-results__title",children:"Lo que cambia cuando el flujo agéntico entra en producción"}),a.jsx("div",{className:"afd-results__grid",children:R.map(e=>a.jsxs("div",{className:"afd-results__card",children:[a.jsxs("div",{className:"afd-results__before",children:["Antes · ",e.before]}),a.jsx("div",{className:"afd-results__kpi",children:e.kpi}),a.jsx("div",{className:"afd-results__label",children:e.label})]},e.label))})]}),a.jsxs("section",{className:"afd-int",children:[a.jsx("p",{className:"afd-int__eye",children:"STACK"}),a.jsx("h2",{className:"afd-int__title",children:"Integraciones reales"}),a.jsx("p",{className:"afd-int__sub",children:"Las herramientas que el agente y el subagente usan en producción para leer, escribir y notificar."}),a.jsx("div",{className:"afd-int__grid",children:T.map(({name:e,desc:t,svg:l,color:m,href:d})=>{const s=a.jsxs("div",{className:`afd-int__card${d?" afd-int__card--link":""}`,style:d?{cursor:"pointer"}:void 0,children:[a.jsx("div",{className:"afd-int__icon",style:{background:`${m}1A`,border:`1px solid ${m}40`},children:a.jsx("img",{src:l,alt:"",style:{width:28,height:28,objectFit:"contain"}})}),a.jsxs("p",{className:"afd-int__name",children:[e,d&&a.jsx("span",{style:{opacity:.4,marginLeft:4,fontSize:11},children:"â"})]}),a.jsx("p",{className:"afd-int__desc",children:t})]},e);return d?a.jsx(y,{to:d,style:{textDecoration:"none",color:"inherit"},children:s},e):s})})]}),a.jsxs("section",{className:"afd-cta",children:[a.jsx("div",{className:"afd-cta__glow","aria-hidden":!0}),a.jsx("div",{className:"afd-cta__grid","aria-hidden":!0}),a.jsx("div",{className:"afd-cta__noise","aria-hidden":!0}),a.jsxs("div",{className:"afd-cta__inner",children:[a.jsxs("p",{className:"afd-cta__eye",children:[a.jsx("span",{className:"afd-cta__bar"})," Sección 06 · El siguiente paso ",a.jsx("span",{className:"afd-cta__bar"})]}),a.jsxs("h2",{className:"afd-cta__headline",children:[a.jsx("span",{children:"Diseñamos tu flujo agéntico"}),a.jsx("span",{className:"afd-cta__headline-italic",children:" en 30 minutos."})]}),a.jsx("p",{className:"afd-cta__sub",children:"Una sesión de consultorÃa gratuita en la que mapeamos tus canales, identificamos qué automatizar y te entregamos una propuesta accionable."}),a.jsxs("div",{className:"afd-cta__deliverables",children:[a.jsxs("div",{className:"afd-cta__deliv",children:[a.jsx("div",{className:"afd-cta__deliv-num",children:"01"}),a.jsxs("div",{children:[a.jsx("div",{className:"afd-cta__deliv-title",children:"Mapa de canales y volúmenes"}),a.jsx("div",{className:"afd-cta__deliv-desc",children:"Llamada, WhatsApp, formularios, chat. Volumen, picos y abandono."})]})]}),a.jsx("div",{className:"afd-cta__deliv-divider"}),a.jsxs("div",{className:"afd-cta__deliv",children:[a.jsx("div",{className:"afd-cta__deliv-num",children:"02"}),a.jsxs("div",{children:[a.jsx("div",{className:"afd-cta__deliv-title",children:"Casos de uso priorizados"}),a.jsx("div",{className:"afd-cta__deliv-desc",children:"Qué automatizar en el primer mes y qué dejar para fase 2."})]})]}),a.jsx("div",{className:"afd-cta__deliv-divider"}),a.jsxs("div",{className:"afd-cta__deliv",children:[a.jsx("div",{className:"afd-cta__deliv-num",children:"03"}),a.jsxs("div",{children:[a.jsx("div",{className:"afd-cta__deliv-title",children:"Estimación de ROI realista"}),a.jsx("div",{className:"afd-cta__deliv-desc",children:"Ahorro operativo + ingresos recuperados con tus propios números."})]})]})]}),a.jsxs("div",{className:"afd-cta__actions",children:[a.jsxs("a",{href:"https://crm.hikefoxter.com/meetings/acompany",target:"_blank",rel:"noopener noreferrer",className:"btn-primary afd-cta__primary",children:["Reservar la sesión",a.jsx(q,{size:16,strokeWidth:2})]}),a.jsx(y,{to:"/demos",className:"afd-cta__secondary",children:"Ver casos de éxito â"})]}),a.jsxs("div",{className:"afd-cta__trust",children:[a.jsx("span",{className:"afd-cta__dot","aria-hidden":!0}),a.jsx("span",{children:"ConsultorÃa gratuita"}
16),a.jsx("span",{"aria-hidden":!0,children:"·"}),a.jsx("span",{children:"30 minutos"}),a.jsx("span",{"aria-hidden":!0,children:"·"}),a.jsx("span",{children:"Sin compromiso"}),a.jsx("span",{"aria-hidden":!0,children:"·"}),a.jsx("span",{children:"Respuesta en < 24 h"})]})]})]}),a.jsxs("section",{className:"afd-faq",itemScope:!0,itemType:"https://schema.org/FAQPage",children:[a.jsx("p",{className:"afd-faq__eye",children:"PREGUNTAS FRECUENTES"}),a.jsx("h2",{className:"afd-faq__title",children:"Lo que suele preguntar quien valora un flujo agéntico"}),a.jsx("div",{className:"afd-faq__list",children:P.flatMap(e=>e.items).map((e,t)=>a.jsxs("details",{className:"afd-faq__item",itemScope:!0,itemProp:"mainEntity",itemType:"https://schema.org/Question",children:[a.jsxs("summary",{className:"afd-faq__q",children:[a.jsx("span",{itemProp:"name",children:e.q}),a.jsx("span",{className:"afd-faq__icon","aria-hidden":!0})]}),a.jsx("div",{className:"afd-faq__a",itemScope:!0,itemProp:"acceptedAnswer",itemType:"https://schema.org/Answer",children:a.jsx("div",{itemProp:"text",children:e.a})})]},t))})]})]}),a.jsx(F,{})]}),a.jsx("style",{children:M})]})}function u({item:i,size:n=16}){if(i.svg)return a.jsx("img",{src:i.svg,alt:"",className:"afd-icon-img",style:{width:n,height:n}});const r=i.icon;return r?a.jsx(r,{size:n,strokeWidth:1.7}):null}function L({hl:i,step:n,mood:r}){const p=g(i,["inputs"]),o=g(i,["agent"]),x=g(i,["memory","tools"]),e=g(i,["tools"]),t=g(i,["subagent"]),l=g(i,["outputs"]),m=x||e||t,d={intro:null,problem:"30â40% perdidas",cost:"â15-25 Kâ¬/mes",active:null};return a.jsxs("div",{className:"afd-diagram","data-mood":r,children:[d[r]&&a.jsxs("div",{className:`afd-mood-badge afd-mood-badge--${r}`,children:[a.jsx("span",{className:"afd-mood-badge__dot","aria-hidden":!0}),d[r]]}),a.jsxs("div",{className:"afd-diagram__header",children:[a.jsx("div",{className:"afd-diagram__title",children:"Flujo agéntico · ClÃnica"}),a.jsxs("div",{className:"afd-diagram__phase",children:["Fase ",n+1," de ",f.length]})]}),a.jsxs("div",{className:"afd-diagram__columns",children:[a.jsxs("div",{className:`afd-col ${p?"is-active":""}`,children:[a.jsx("div",{className:"afd-col__label",children:"INPUTS"}),a.jsx("div",{className:"afd-col__items",children:j.map(s=>a.jsxs("div",{className:`afd-pill ${p?"is-active":""}`,children:[a.jsx(u,{item:s,size:18}),a.jsx("span",{children:s.label})]},s.id))})]}),a.jsxs("div",{className:`afd-agent-card ${o||m?"is-active":""}`,children:[a.jsxs("div",{className:"afd-agent-card__head",children:[a.jsx("div",{className:"afd-agent-card__icon",children:a.jsx("img",{src:"/assets/images/agentic-flow/agent.svg",alt:"",style:{width:32,height:32}})}),a.jsxs("div",{children:[a.jsx("div",{className:"afd-agent-card__title",children:"Agente IA"}),a.jsx("div",{className:"afd-agent-card__sub",children:"Razona · planifica · delega"})]})]}),a.jsxs("div",{className:"afd-agent-card__children",children:[a.jsxs("div",{className:"afd-child",children:[a.jsxs("div",{className:"afd-child__head",children:[a.jsx("img",{src:"/assets/images/tecnologias/claude-icon.svg",alt:"",className:"afd-icon-img",style:{width:18,height:18}}),a.jsx("span",{className:"afd-child__lbl",children:"Modelo"})]}),a.jsx("div",{className:"afd-child__val",children:"Claude"})]}),a.jsxs("div",{className:`afd-child ${x?"is-active":""}`,children:[a.jsxs("div",{className:"afd-child__head",children:[a.jsx(z,{size:16,strokeWidth:1.7}),a.jsx("span",{className:"afd-child__lbl",children:"Memoria"})]}),a.jsx("div",{className:"afd-child__val",children:"Histórico paciente"})]}),a.jsxs("div",{className:`afd-tool-group ${e?"is-active":""}`,children:[a.jsxs("div",{className:"afd-tool-group__head",children:[a.jsx(A,{size:16,strokeWidth:1.7}),a.jsx("span",{className:"afd-tool-group__lbl",children:"Tool"}),a.jsx("span",{className:"afd-tool-group__count",children:b.length})]}),a.jsx("div",{className:"afd-tool-group__items",children:b.map(s=>a.jsxs("div",{className:"afd-tool-item",children:[a.jsx(u,{item:s,size:16}),a.jsx("span",{children:s.label})]},s.id))})]}),a.jsxs("div",{className:`afd-tool-group afd-subagent ${t?"is-active":""}`,children:[a.jsxs("div",{className:"afd-tool-group__head",children:[a.jsx(S,{size:16,strokeWidth:1.7}),a.jsx("span",{className:"afd-tool-group__lbl",children:"Subagente"}),a.jsx("span",{className:"afd-tool-group__count",children:_.length})]}),a.jsx("div",{className:"afd-tool-group__items",children:_.map(s=>a.jsxs("div",{className:"afd-tool-item",children:[a.jsx(u,{item:s,size:16}),a.jsx("span",{children:s.label})]},s.id))})]})]})]}),a.jsxs("div",{className:`afd-col ${l?"is-active":""}`,children:[a.jsx("div",{className:"afd-col__label",children:"OUTPUTS"}),a.jsx("div",{className:"afd-col__items",children:k.map(s=>a.jsxs("div",{className:`afd-pill ${l?"is-active":""}`,children:[a.jsx(u,{item:s,size:18}),a.jsx("span",{children:s.label})]},s.id))})]})]}),a.jsxs("svg",{className:"afd-diagram__lines",viewBox:"0 0 100 100",preserveAspectRatio:"none","aria-hidden":!0,
16children:[a.jsx("line",{x1:"22",y1:"50",x2:"38",y2:"50",className:`afd-line ${p||o?"is-active":""}`}),a.jsx("line",{x1:"62",y1:"50",x2:"78",y2:"50",className:`afd-line ${l||o?"is-active":""}`})]})]})}const M=` 17.afd-main { 18 background: #080808; 19 color: #F6F6F4; 20 font-family: 'silka', 'Inter', system-ui, sans-serif; 21} 22 23/* ââ HEADER (RFM-style) âââââââââââââââââââââââââââââââââââ */ 24.afd-hero__bar { 25 display: inline-block; width: 24px; height: 1px; background: currentColor; opacity: 0.7; 26} 27 28/* Slim KPI strip below the header */ 29.afd-kpis-strip { 30 display: inline-flex; align-items: center; gap: 18px; 31 margin: 28px auto 0; 32 padding: 14px 22px; 33 border-radius: 999px; 34 background: rgba(255,255,255,0.025); 35 border: 1px solid rgba(255,255,255,0.08); 36 flex-wrap: wrap; justify-content: center; 37} 38.afd-kpis-strip__item { 39 display: inline-flex; align-items: baseline; gap: 8px; 40} 41.afd-kpis-strip__num { 42 font-family: 'monument-extended', serif; 43 font-size: 16px; font-weight: 800; color: #f39c12; 44 letter-spacing: -0.01em; 45} 46.afd-kpis-strip__lbl { 47 font-size: 12px; color: #9ca3af; 48} 49.afd-kpis-strip__sep { 50 width: 1px; height: 16px; background: rgba(255,255,255,0.12); 51} 52 53/* ââ STORY ââââââââââââââââââââââââââââââââââââââââââââââ */ 54.afd-story { padding: 0; } 55.afd-block { 56 min-height: 100vh; 57 display: flex; flex-direction: column; justify-content: center; 58 padding: 96px 0; 59} 60.afd-block__tag { 61 display: inline-block; width: fit-content; 62 font-family: 'monument-extended', serif; 63 font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; 64 padding: 6px 14px; border-radius: 999px; 65 background: rgba(255,255,255,0.03); 66 color: #4b5563; 67 border: 1px solid rgba(255,255,255,0.06); 68 transition: all 0.4s ease; 69 margin-bottom: 18px; 70} 71.afd-block__tag.is-active { 72 background: rgba(243, 156, 18, 0.10); 73 color: #f39c12; 74 border-color: rgba(243, 156, 18, 0.4); 75 box-shadow: 0 0 24px rgba(243, 156, 18, 0.12); 76} 77.afd-block__title { 78 font-family: 'monument-extended', serif; 79 font-size: clamp(22px, 2.8vw, 32px); 80 font-weight: 800; 81 line-height: 1.15; 82 letter-spacing: -0.01em; 83 color: #4b5563; 84 transition: color 0.4s ease; 85 margin: 0 0 14px; 86} 87.afd-block__title.is-active { color: #F6F6F4; } 88.afd-block__body { 89 font-size: clamp(15px, 1.6vw, 17px); 90 line-height: 1.7; 91 color: #4b5563; 92 transition: color 0.4s ease; 93 margin: 0; 94} 95.afd-block__body.is-active { color: #cbd5e1; } 96.afd-block__body strong { color: #F6F6F4; font-weight: 600; } 97 98/* ââ DIAGRAM ââââââââââââââââââââââââââââââââââââââââââââ */ 99.afd-diagram { 100 width: 100%; 101 padding: 28px; 102 border-radius: 20px; 103 background: 104 radial-gradient(ellipse 80% 60% at 50% 0%, rgba(243, 156, 18, 0.08), transparent 70%), 105 rgba(255,255,255,0.025); 106 border: 1px solid rgba(255,255,255,0.08); 107 position: relative; 108 isolation: isolate; 109} 110.afd-diagram__header { 111 display: flex; justify-content: space-between; align-items: center; 112 margin-bottom: 20px; 113} 114.afd-diagram__title { 115 font-family: 'monument-extended', serif; 116 font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; 117 color: #94a3b8; font-weight: 700; 118} 119.afd-diagram__phase { 120 font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; 121 color: #6b7280; 122 padding: 4px 10px; 123 border-radius: 999px; 124 border: 1px solid rgba(255,255,255,0.1); 125 font-weight: 600; 126} 127.afd-diagram__columns { 128 display: grid; 129 grid-template-columns: 0.9fr 1.5fr 0.9fr; 130 gap: 14px; 131 align-items: stretch; 132 position: relative; 133 z-index: 2; 134} 135.afd-diagram__lines { 136 position: absolute; inset: 0; 137 width: 100%; height: 100%; 138 z-index: 1; pointer-events: none; 139} 140.afd-line { 141 stroke: rgba(255,255,255,0.1); 142 stroke-width: 0.4; 143 stroke-dasharray: 1.5 1.5; 144 vector-effect: non-scaling-stroke; 145 transition: stroke 0.4s ease; 146} 147.afd-line.is-active { 148 stroke: rgba(243, 156, 18, 0.7); 149 animation: afdDashFlow 1.6s linear infinite; 150} 151@keyframes afdDashFlow { to { stroke-dashoffset: -12; } } 152 153/* âââ MOOD STATES (drives intro / problem / cost states for blocks 0-2) âââ */ 154.afd-diagram { transition: filter 0.6s ease, opacity 0.6s ease; } 155.afd-diagram[data-mood="intro"] { opacity: 0.55; filter: grayscale(0.4) saturate(0.6); } 156.afd-diagram[data-mood="problem"] { animation: afdShakePulse 3s ease-in-out infinite; } 157.afd-diagram[data-mood="cost"] { animation: afdShakePulse 3s ease-in-out infinite; } 158.afd-diagram[data-mood="active"] { box-shadow: 0 0 60px rgba(243,156,18,0.05); } 159 160@keyframes afdShakePulse { 161 0%, 100% { box-shadow: 0 0 0 rgba(239, 68, 68, 0); } 162 50% { box-shadow: 0 0 60px rgba(239, 68, 68, 0.18); } 163} 164 165/* In problem/cost moods: dim outputs + agent center, highlight inputs in red */ 166.afd-diagram[data-mood="problem"] .afd-agent-card, 167.afd-diagram[data-mood="cost"] .afd-agent-card, 168.afd-diagram[data-mood="problem"] .afd-col:last-child, 169.afd-diagram[data-mood="cost"] .afd-col:last-child { 170 opacity: 0.35; 171 filter: grayscale(0.6); 172} 173.afd-diagram[data-mood="problem"] .afd-col:first-child, 174.afd-diagram[data-mood="cost"] .afd-col:first-child { 175 border-color: rgba(239, 68, 68, 0.45); 176 background: rgba(239, 68, 68, 0.05); 177 animation: afdRedPulse 2.2s ease-in-out infinite; 178} 179.afd-diagram[data-mood="problem"] .afd-col:first-child .afd-col__label, 180.afd-diagram[data-mood="cost"] .afd-col:first-child .afd-col__label { color: #ef4444; } 181 182@keyframes afdRedPulse { 183 0%, 100% { box-shadow: 0 0 0 rgba(239,68,68,0); } 184 50% { box-shadow: 0 0 32px rgba(239,68,68,0.25); } 185} 186 187.afd-mood-badge { 188 position: absolute; top: -14px; left: 50%; transform: translateX(-50%); 189 z-index: 5; 190 display: inline-flex; align-items: center; gap: 8px; 191 padding: 6px 14px; 192 border-radius: 999px; 193 font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; 194 background: #1a0a0a; 195 border: 1px solid rgba(239, 68, 68, 0.5); 196 color: #ef4444; 197 box-shadow: 0 8px 24px rgba(239,68,68,0.18); 198 animation: afdBadgeIn 0.5s ease both; 199} 200.afd-mood-badge--cost { background: #170a04; border-color: rgba(249,115,22,0.55); color: #f97316; } 201.afd-mood-badge__dot { 202 width: 8px; height: 8px; border-radius: 50%; 203 background: currentColor; 204 box-shadow: 0 0 0 0 currentColor; 205 animation: afdDotPulse 1.4s ease-in-out infinite; 206} 207@keyframes afdBadgeIn { 208 from { opacity: 0; transform: translate(-50%, -8px); } 209 to { opacity: 1; transform: translate(-50%, 0); } 210} 211@keyframes afdDotPulse { 212 0%, 100% { transform: scale(1); opacity: 1; } 213 50% { transform: scale(1.4);
213 opacity: 0.5; } 214} 215 216/* Stagger intro animation when items become active */ 217.afd-col.is-active .afd-pill { 218 animation: afdPillIn 0.5s ease both; 219} 220.afd-col.is-active .afd-pill:nth-child(1) { animation-delay: 0.05s; } 221.afd-col.is-active .afd-pill:nth-child(2) { animation-delay: 0.10s; } 222.afd-col.is-active .afd-pill:nth-child(3) { animation-delay: 0.15s; } 223.afd-col.is-active .afd-pill:nth-child(4) { animation-delay: 0.20s; } 224.afd-col.is-active .afd-pill:nth-child(5) { animation-delay: 0.25s; } 225@keyframes afdPillIn { 226 from { transform: translateX(-6px); opacity: 0.4; } 227 to { transform: translateX(0); opacity: 1; } 228} 229 230.afd-tool-group.is-active .afd-tool-item { 231 animation: afdToolIn 0.4s ease both; 232} 233.afd-tool-group.is-active .afd-tool-item:nth-child(1) { animation-delay: 0.05s; } 234.afd-tool-group.is-active .afd-tool-item:nth-child(2) { animation-delay: 0.12s; } 235.afd-tool-group.is-active .afd-tool-item:nth-child(3) { animation-delay: 0.19s; } 236@keyframes afdToolIn { 237 from { transform: scale(0.92); opacity: 0; } 238 to { transform: scale(1); opacity: 1; } 239} 240 241.afd-col { 242 display: flex; flex-direction: column; gap: 10px; 243 padding: 14px 10px; 244 border-radius: 14px; 245 border: 1px dashed rgba(255,255,255,0.12); 246 background: rgba(255,255,255,0.02); 247 transition: all 0.4s ease; 248} 249.afd-col.is-active { 250 border-color: rgba(243, 156, 18, 0.5); 251 background: rgba(243, 156, 18, 0.04); 252 box-shadow: 0 0 32px rgba(243, 156, 18, 0.10); 253} 254.afd-col__label { 255 font-family: 'monument-extended', serif; 256 font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; 257 color: #94a3b8; 258 text-align: center; 259 font-weight: 800; 260 padding-bottom: 8px; 261 border-bottom: 1px solid rgba(255,255,255,0.08); 262 transition: color 0.4s ease; 263} 264.afd-col.is-active .afd-col__label { color: #f39c12; } 265.afd-col__items { display: flex; flex-direction: column; gap: 6px; } 266 267.afd-pill { 268 display: flex; align-items: center; gap: 8px; 269 padding: 8px 10px; 270 border-radius: 8px; 271 background: rgba(255,255,255,0.03); 272 border: 1px solid rgba(255,255,255,0.06); 273 font-size: 12.5px; color: #94a3b8; 274 transition: all 0.4s ease; 275} 276.afd-pill.is-active { 277 background: rgba(243, 156, 18, 0.08); 278 border-color: rgba(243, 156, 18, 0.3); 279 color: #F6F6F4; 280} 281.afd-pill svg { color: inherit; opacity: 0.85; flex-shrink: 0; } 282 283/* Brand SVG icon (img tag) */ 284.afd-icon-img { 285 display: inline-block; 286 object-fit: contain; 287 flex-shrink: 0; 288 filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25)); 289} 290 291/* â Agent card (the orchestrator container) â */ 292.afd-agent-card { 293 display: flex; flex-direction: column; gap: 14px; 294 padding: 18px; 295 border-radius: 16px; 296 background: linear-gradient(135deg, rgba(168,85,247,0.10), rgba(243,156,18,0.06)); 297 border: 1px solid rgba(168,85,247,0.30); 298 transition: all 0.4s ease; 299 position: relative; 300 isolation: isolate; 301} 302.afd-agent-card.is-active { 303 border-color: rgba(243, 156, 18, 0.55); 304 background: linear-gradient(135deg, rgba(168,85,247,0.16), rgba(243,156,18,0.12)); 305 box-shadow: 0 0 48px rgba(243, 156, 18, 0.18); 306} 307.afd-agent-card__head { 308 display: flex; align-items: center; gap: 12px; 309 padding-bottom: 12px; 310 border-bottom: 1px dashed rgba(255,255,255,0.10); 311} 312.afd-agent-card__icon { 313 width: 44px; height: 44px; 314 display: flex; align-items: center; justify-content: center; 315 border-radius: 12px; 316 background: rgba(255,255,255,0.04); 317 border: 1px solid rgba(255,255,255,0.08); 318 overflow: hidden; 319} 320.afd-agent-card.is-active .afd-agent-card__icon { 321 animation: afdAgentSpin 8s linear infinite; 322} 323@keyframes afdAgentSpin { 324 0%, 90%, 100% { transform: rotate(0deg); } 325 95% { transform: rotate(8deg); } 326} 327.afd-agent-card__title { 328 font-family: 'monument-extended', serif; 329 font-size: 14px; font-weight: 800; 330 text-transform: uppercase; letter-spacing: 0.04em; 331 color: #F6F6F4; 332} 333.afd-agent-card__sub { 334 font-size: 11px; color: #94a3b8; margin-top: 2px; 335} 336 337.afd-agent-card__children { 338 display: flex; flex-direction: column; gap: 8px; 339} 340 341/* â Direct child (Modelo, Memoria) â */ 342.afd-child { 343 display: flex; align-items: center; justify-content: space-between; gap: 12px; 344 padding: 10px 12px; 345 border-radius: 10px; 346 background: rgba(255,255,255,0.025); 347 border: 1px solid rgba(255,255,255,0.06); 348 transition: all 0.4s ease; 349} 350.afd-child.is-active { 351 background: rgba(243, 156, 18, 0.08); 352 border-color: rgba(243, 156, 18, 0.35); 353} 354.afd-child__head { 355 display: flex; align-items: center; gap: 8px; 356 font-size: 11.5px; font-weight: 600; 357 color: #cbd5e1; 358} 359.afd-child__head svg { color: #f39c12; flex-shrink: 0; } 360.afd-child__lbl { letter-spacing: 0.04em; text-transform: uppercase; font-size: 10.5px; color: #94a3b8; } 361.afd-child__val { 362 font-size: 12px; color: #F6F6F4; font-weight: 600; 363} 364 365/* â Tool group (nested element holding multiple tools) â */ 366.afd-tool-group { 367 border-radius: 10px; 368 background: rgba(255,255,255,0.02); 369 border: 1px dashed rgba(255,255,255,0.12); 370 transition: all 0.4s ease; 371 overflow: hidden; 372} 373.afd-tool-group.is-active { 374 background: rgba(243, 156, 18, 0.05); 375 border-color: rgba(243, 156, 18, 0.4); 376 border-style: solid; 377} 378.afd-tool-group__head { 379 display: flex; align-items: center; gap: 8px; 380 padding: 10px 12px; 381 background: rgba(255,255,255,0.025); 382 border-bottom: 1px dashed rgba(255,255,255,0.08); 383} 384.afd-tool-group.is-active .afd-tool-group__head { 385 background: rgba(243, 156, 18, 0.08); 386 border-bottom-color: rgba(243, 156, 18, 0.25); 387 border-bottom-style: solid; 388} 389.afd-tool-group__head svg { color: #f39c12; flex-shrink: 0; } 390.afd-tool-group__lbl { 391 font-family: 'monument-extended', serif; 392 font-size: 10.5px; font-weight: 800; 393 text-transform: uppercase; letter-spacing: 0.14em; 394 color: #cbd5e1; 395 flex: 1; 396} 397.afd-tool-group.is-active .afd-tool-group__lbl { color: #F6F6F4; } 398.afd-tool-group__count { 399 font-size: 10px; font-weight: 700; 400 color: #6b7280; 401 padding: 2px 8px; 402 border-radius: 999px; 403 background: rgba(255,255,255,0.04); 404 border: 1px solid rgba(255,255,255,0.08); 405} 406.afd-tool-group.is-active .afd-tool-group__count { 407 color: #f39c12; 408 background: rgba(243, 156, 18, 0.10); 409 border-color: rgba(243, 156, 18, 0.3); 410} 411 412.afd-tool-group__items { 413 display: grid; 414 grid-template-columns: repeat(auto-fit, minmax(95px, 1fr)); 415 gap: 6px; 416 padding: 10px; 417} 418.afd-tool-item { 419 display: flex; align-items: center; gap: 6px; 420 padding: 7px 9px; 421 border-radius: 8px; 422 background: rgba(255,255,255,0.03); 423 border: 1px solid rgba(255,255,255,0.06); 424 font-size: 11.5px; color: #cbd5e1; 425 transition: all 0.3s ease; 426} 427.afd-tool-group.is-active .afd-tool-item { 428 background: rgba(255,255,255,0.05); 429 border-color: rgba(243,156,18,0.18); 430 color: #F6F6F4; 431} 432
433/* Subagent tweak: dashed cyan-ish accent to differentiate from Tool */ 434.afd-subagent { border-color: rgba(168,85,247,0.25); } 435.afd-subagent .afd-tool-group__head svg { color: #c084fc; } 436.afd-subagent.is-active { border-color: rgba(168,85,247,0.55); background: rgba(168,85,247,0.06); } 437.afd-subagent.is-active .afd-tool-group__head { background: rgba(168,85,247,0.12); border-bottom-color: rgba(168,85,247,0.3); } 438.afd-subagent.is-active .afd-tool-group__count { color: #c084fc; background: rgba(168,85,247,0.12); border-color: rgba(168,85,247,0.35); } 439 440/* ââ RESULTS ââââââââââââââââââââââââââââââââââââââââââââ */ 441.afd-results { 442 max-width: 1152px; margin: 0 auto; padding: 120px 24px 80px; 443 text-align: center; 444} 445.afd-results__eye { 446 display: inline-flex; align-items: center; gap: 14px; 447 font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; 448 color: #f39c12; margin: 0 0 18px; 449} 450.afd-results__title { 451 font-family: 'monument-extended', serif; 452 font-size: clamp(26px, 4vw, 40px); 453 font-weight: 800; 454 text-transform: uppercase; 455 line-height: 1.15; 456 letter-spacing: -0.01em; 457 margin: 0 0 48px; 458 color: #F6F6F4; 459} 460.afd-results__grid { 461 display: grid; 462 grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); 463 gap: 12px; 464} 465.afd-results__card { 466 padding: 28px 20px; 467 border-radius: 14px; 468 background: rgba(255,255,255,0.025); 469 border: 1px solid rgba(255,255,255,0.08); 470 text-align: left; 471 transition: all 0.3s ease; 472} 473.afd-results__card:hover { 474 border-color: rgba(243,156,18,0.3); 475 background: rgba(243,156,18,0.04); 476} 477.afd-results__before { 478 font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; 479 color: #6b7280; 480 text-decoration: line-through; 481 margin-bottom: 10px; 482} 483.afd-results__kpi { 484 font-family: 'monument-extended', serif; 485 font-size: clamp(24px, 3.4vw, 34px); 486 font-weight: 800; 487 letter-spacing: -0.01em; 488 color: #f39c12; 489 line-height: 1; 490 margin-bottom: 12px; 491} 492.afd-results__label { 493 font-size: 13.5px; 494 color: #cbd5e1; 495 line-height: 1.45; 496} 497 498/* ââ INTEGRATIONS âââââââââââââââââââââââââââââââââââââââ */ 499.afd-int { max-width: 1152px; margin: 0 auto; padding: 64px 24px 80px; } 500.afd-int__eye { 501 text-align: center; 502 font-size: 12px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; 503 color: #f39c12; margin: 0 0 12px; 504} 505.afd-int__title { 506 text-align: center; 507 font-family: 'monument-extended', serif; 508 font-size: clamp(24px, 3.5vw, 36px); 509 font-weight: 800; text-transform: uppercase; line-height: 1.15; 510 letter-spacing: -0.01em; 511 margin: 0 0 12px; 512} 513.afd-int__sub { 514 text-align: center; max-width: 580px; 515 margin: 0 auto 40px; 516 color: #94a3b8; font-size: 15px; line-height: 1.55; 517} 518.afd-int__grid { 519 display: grid; 520 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 521 gap: 14px; 522} 523.afd-int__card { 524 padding: 22px; 525 border-radius: 14px; 526 background: rgba(255,255,255,0.025); 527 border: 1px solid rgba(255,255,255,0.08); 528 transition: all 0.3s ease; 529} 530.afd-int__card:hover { 531 border-color: rgba(243,156,18,0.3); 532 background: rgba(243,156,18,0.03); 533 transform: translateY(-2px); 534} 535.afd-int__icon { 536 display: inline-flex; align-items: center; justify-content: center; 537 width: 44px; height: 44px; 538 border-radius: 12px; 539 margin-bottom: 14px; 540} 541.afd-int__name { 542 font-family: 'monument-extended', serif; 543 font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; 544 color: #F6F6F4; margin: 0 0 6px; 545} 546.afd-int__desc { font-size: 13px; color: #94a3b8; line-height: 1.5; margin: 0; } 547 548/* ââ CTA Elite Editorial ââââââââââââââââââââââââââââââââ */ 549.afd-cta { 550 position: relative; 551 padding: 120px 24px 100px; 552 overflow: hidden; 553 isolation: isolate; 554 border-top: 1px solid rgba(255,255,255,0.06); 555} 556.afd-cta__glow { 557 position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); 558 width: 900px; height: 600px; 559 background: radial-gradient(ellipse, rgba(243, 156, 18, 0.18), transparent 70%); 560 filter: blur(40px); 561 z-index: -2; 562} 563.afd-cta__grid { 564 position: absolute; inset: 0; 565 background-image: 566 linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), 567 linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px); 568 background-size: 48px 48px; 569 mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, black 0%, transparent 70%); 570 -webkit-mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, black 0%, transparent 70%); 571 z-index: -2; 572} 573.afd-cta__noise { 574 position: absolute; inset: 0; 575 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.6'/></svg>"); 576 mix-blend-mode: overlay; 577 opacity: 0.35;
578 z-index: -1; 579} 580.afd-cta__inner { 581 max-width: 980px; margin: 0 auto; 582 text-align: center; 583 display: flex; flex-direction: column; align-items: center; gap: 26px; 584} 585.afd-cta__eye { 586 display: inline-flex; align-items: center; gap: 14px; 587 font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; 588 color: #f39c12; margin: 0; 589} 590.afd-cta__bar { 591 display: inline-block; width: 24px; height: 1px; background: currentColor; opacity: 0.7; 592} 593.afd-cta__headline { 594 font-family: 'monument-extended', serif; 595 font-size: clamp(32px, 6vw, 64px); 596 font-weight: 800; 597 line-height: 1.05; 598 letter-spacing: -0.02em; 599 text-transform: none; 600 margin: 0; 601 color: #F6F6F4; 602 display: flex; flex-direction: column; 603} 604.afd-cta__headline-italic { 605 font-style: italic; 606 background: linear-gradient(90deg, #f39c12 0%, #E1AC23 50%, #F6F6F4 100%); 607 -webkit-background-clip: text; 608 background-clip: text; 609 -webkit-text-fill-color: transparent; 610} 611.afd-cta__sub { 612 font-size: 17px; line-height: 1.6; 613 color: #cbd5e1; max-width: 580px; margin: 0; 614} 615.afd-cta__deliverables { 616 display: flex; align-items: stretch; gap: 24px; 617 padding: 28px 32px; 618 border-radius: 18px; 619 background: rgba(255,255,255,0.03); 620 border: 1px solid rgba(255,255,255,0.08); 621 backdrop-filter: blur(6px); 622 margin-top: 12px; 623} 624.afd-cta__deliv { 625 display: flex; gap: 14px; align-items: flex-start; 626 text-align: left; flex: 1; 627} 628.afd-cta__deliv-num { 629 font-family: 'monument-extended', serif; 630 font-size: 28px; font-weight: 800; 631 color: #f39c12; line-height: 1; 632} 633.afd-cta__deliv-title { font-size: 14px; font-weight: 700; color: #F6F6F4; margin-bottom: 6px; } 634.afd-cta__deliv-desc { font-size: 12.5px; color: #94a3b8; line-height: 1.5; } 635.afd-cta__deliv-divider { width: 1px; background: rgba(255,255,255,0.08); } 636 637.afd-cta__actions { 638 display: flex; align-items: center; gap: 24px; 639 margin-top: 8px; flex-wrap: wrap; justify-content: center; 640} 641.afd-cta__primary { 642 display: inline-flex; align-items: center; gap: 10px; 643} 644.afd-cta__secondary { 645 font-size: 14px; font-weight: 600; 646 color: #F6F6F4; text-decoration: none; 647 border-bottom: 1px solid rgba(255,255,255,0.2); 648 padding-bottom: 4px; 649 transition: color 0.2s, border-color 0.2s; 650} 651.afd-cta__secondary:hover { color: #f39c12; border-color: #f39c12; } 652 653.afd-cta__trust { 654 display: inline-flex; align-items: center; gap: 10px; 655 margin-top: 12px; 656 font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; 657 color: #6b7280; 658 flex-wrap: wrap; justify-content: center; 659} 660.afd-cta__dot { 661 width: 8px; height: 8px; border-radius: 50%; 662 background: #2ecc71; 663 box-shadow: 0 0 0 0 rgba(46,204,113,0.6); 664 animation: afdPulse 1.8s ease-in-out infinite; 665} 666 667/* ââ FAQ ââââââââââââââââââââââââââââââââââââââââââââââââ */ 668.afd-faq { 669 max-width: 820px; margin: 0 auto; 670 padding: 80px 24px 120px; 671} 672.afd-faq__eye { 673 font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; 674 color: #6b7280; margin: 0 0 12px; 675} 676.afd-faq__title { 677 font-family: 'monument-extended', serif; 678 font-size: clamp(22px, 3vw, 30px); font-weight: 800; 679 line-height: 1.2; 680 letter-spacing: -0.01em; 681 color: #F6F6F4; 682 margin: 0 0 40px; 683} 684.afd-faq__list { border-top: 1px solid rgba(255,255,255,0.08); } 685.afd-faq__item { border-bottom: 1px solid rgba(255,255,255,0.08); } 686.afd-faq__q { 687 display: flex; justify-content: space-between; align-items: center; gap: 24px; 688 padding: 22px 0; 689 cursor: pointer; 690 list-style: none; 691 font-size: 15.5px; font-weight: 600; 692 color: #F6F6F4; 693 transition: color 0.2s; 694} 695.afd-faq__q:hover { color: #f39c12; } 696.afd-faq__q::-webkit-details-marker { display: none; } 697.afd-faq__icon { 698 position: relative; width: 14px; height: 14px; flex-shrink: 0; 699} 700.afd-faq__icon::before, .afd-faq__icon::after { 701 content: ''; position: absolute; background: currentColor; 702 transition: transform 0.3s ease; 703} 704.afd-faq__icon::before { top: 50%; left: 0; right: 0; height: 1.5px; transform: translateY(-50%); }
705.afd-faq__icon::after { left: 50%; top: 0; bottom: 0; width: 1.5px; transform: translateX(-50%); } 706.afd-faq__item[open] .afd-faq__icon::after { transform: translateX(-50%) rotate(90deg); } 707.afd-faq__a { 708 padding: 0 0 22px; 709 font-size: 14.5px; line-height: 1.7; color: #94a3b8; 710 max-width: 720px; 711} 712.afd-faq__a strong { color: #F6F6F4; font-weight: 600; } 713 714/* ââ Animations âââââââââââââââââââââââââââââââââââââââââ */ 715@keyframes afdFadeUp { 716 from { opacity: 0; transform: translateY(16px); } 717 to { opacity: 1; transform: translateY(0); } 718} 719@keyframes afdBob { 720 0%, 100% { transform: translateY(0); opacity: 0.6; } 721 50% { transform: translateY(4px); opacity: 1; } 722} 723@keyframes afdPulse { 724 0% { box-shadow: 0 0 0 0 rgba(46,204,113,0.6); } 725 70% { box-shadow: 0 0 0 10px rgba(46,204,113,0); } 726 100% { box-shadow: 0 0 0 0 rgba(46,204,113,0); } 727} 728 729/* ââ Responsive âââââââââââââââââââââââââââââââââââââââââ */ 730@media (max-width: 900px) { 731 .afd-hero { min-height: auto; padding: 96px 20px 56px; } 732 .afd-hero__h1 { 733 font-size: clamp(40px, 13vw, 80px); 734 display: flex; flex-direction: column; align-items: center; 735 gap: 4px; 736 } 737 .afd-hero__h1-italic { white-space: normal; } 738 .afd-hero__kpis { gap: 16px; padding: 18px 20px; } 739 .afd-hero__kpi { min-width: 110px; }
740 .afd-hero__kpi-divider { display: none; } 741 742 /* KPI strip â 2Ã2 grid on mobile */ 743 .afd-kpis-strip { 744 display: grid !important; 745 grid-template-columns: 1fr 1fr; 746 gap: 12px; 747 border-radius: 16px; 748 padding: 16px 20px; 749 } 750 .afd-kpis-strip__sep { display: none; } 751 .afd-kpis-strip__item { 752 display: flex; flex-direction: column; align-items: center; gap: 2px; 753 text-align: center; 754 } 755 .afd-kpis-strip__num { font-size: 20px; } 756 .afd-kpis-strip__lbl { font-size: 11px; } 757 .afd-cta__deliverables { flex-direction: column; gap: 20px; padding: 24px; } 758 .afd-cta__deliv-divider { display: none; } 759 .afd-cta__actions { flex-direction: column; gap: 16px; } 760 .afd-cta { padding: 80px 20px 64px; } 761 .afd-results { padding: 80px 20px 56px; } 762 .afd-int { padding: 48px 20px 64px; } 763 .afd-faq { padding: 56px 20px 96px; } 764 .afd-block { min-height: auto; padding: 64px 0; } 765 766 /* Mobile fallback â agentic flow vista resumen */ 767 .afd-story-mobile { 768 padding: 8px 20px 64px; 769 } 770 .afd-story-mobile__card { 771 padding: 22px; 772 border-radius: 16px; 773 background: 774 radial-gradient(ellipse 80% 60% at 50% 0%, rgba(243, 156, 18, 0.06), transparent 70%), 775 rgba(255,255,255,0.03); 776 border: 1px solid rgba(255,255,255,0.08); 777 } 778 .afd-story-mobile__eye { 779 font-family: 'monument-extended', serif; 780 font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; 781 color: #f39c12; 782 margin: 0 0 18px; 783 text-align: center; 784 } 785 .afd-story-mobile__cols { 786 display: flex; flex-direction: column; gap: 12px; 787 } 788 .afd-story-mobile__col { 789 padding: 16px; 790 border-radius: 12px; 791 border: 1px dashed rgba(255,255,255,0.14); 792 background: rgba(255,255,255,0.02); 793 } 794 .afd-story-mobile__col--agent { 795 border-style: solid; 796 border-color: rgba(243, 156, 18, 0.45); 797 background: rgba(243, 156, 18, 0.04); 798 box-shadow: 0 0 32px rgba(243, 156, 18, 0.08); 799 } 800 .afd-story-mobile__col-label { 801 font-family: 'monument-extended', serif; 802 font-size: 10.5px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; 803 color: #94a3b8; 804 margin: 0 0 10px; 805 } 806 .afd-story-mobile__col--agent .afd-story-mobile__col-label { color: #f39c12; } 807 .afd-story-mobile__col-desc { 808 font-size: 13px; color: #cbd5e1; line-height: 1.5; margin: 0; 809 } 810 .afd-story-mobile__list { 811 list-style: none; margin: 0; padding: 0; 812 display: flex; flex-wrap: wrap; gap: 6px; 813 } 814 .afd-story-mobile__list li { 815 font-size: 12px; color: #F6F6F4; 816 padding: 6px 10px; 817 border-radius: 999px; 818 background: rgba(255,255,255,0.04); 819 border: 1px solid rgba(255,255,255,0.08); 820 } 821 .afd-story-mobile__tools { 822 display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; 823 } 824 .afd-story-mobile__pill { 825 font-size: 11.5px; color: #F6F6F4; 826 padding: 5px 10px; 827 border-radius: 999px; 828 background: rgba(243, 156, 18, 0.10); 829 border: 1px solid rgba(243, 156, 18, 0.35); 830 } 831 .afd-story-mobile__arrow { 832 text-align: center; 833 color: rgba(243, 156, 18, 0.6); 834 font-size: 16px; 835 line-height: 1; 836 } 837 838 /* ââ Mobile sticky diagram (vertical flow) ââ */ 839 .afd-mv { 840 padding: 12px 14px; 841 border-radius: 14px; 842 background: rgba(255,255,255,0.03); 843 border: 1px solid rgba(255,255,255,0.08); 844 transition: all 0.5s ease; 845 } 846 .afd-mv[data-mood="problem"], .afd-mv[data-mood="cost"] { 847 border-color: rgba(239, 68, 68, 0.25); 848 box-shadow: 0 0 20px rgba(239, 68, 68, 0.06); 849 } 850 .afd-mv[data-mood="active"] { border-color: rgba(243, 156, 18, 0.2); } 851 .afd-mv__head { 852 display: flex; justify-content: space-between; align-items: center; 853 margin-bottom: 8px; 854 } 855 .afd-mv__title { 856 font-family: 'monument-extended', serif; 857 font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; 858 color: #94a3b8; 859 } 860 .afd-mv__phase { 861 font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; 862 color: #6b7280; padding: 2px 8px; border-radius: 999px; 863 border: 1px solid rgba(255,255,255,0.1); 864 } 865 .afd-mv__row { 866 padding: 8px 10px; 867 border-radius: 10px; 868 border: 1px dashed rgba(255,255,255,0.1); 869 background: rgba(255,255,255,0.015); 870 transition: all 0.4s ease; 871 } 872 .afd-mv__row.is-hl { 873 border-color: rgba(243, 156, 18, 0.45); 874 background: rgba(243, 156, 18, 0.04); 875 box-shadow: 0 0 20px rgba(243, 156, 18, 0.06); 876 } 877 .afd-mv__row--agent { 878 border-style: solid; 879 border-color: rgba(255,255,255,0.1); 880 } 881 .afd-mv__row--agent.is-hl { 882 border-color: rgba(243, 156, 18, 0.5); 883 background: rgba(243, 156, 18, 0.05); 884 } 885 .afd-mv__agent-head { 886 display: flex; align-items: center; gap: 8px; margin-bottom: 6px; 887 } 888 .afd-mv__sub-badge { 889 font-size: 9px; color: #c084fc; 890 padding: 2px 8px; border-radius: 999px; 891 background: rgba(168, 85, 247, 0.1); 892 border: 1px solid rgba(168, 85, 247, 0.3); 893 } 894 .afd-mv__label { 895 font-family: 'monument-extended', serif; 896 font-size: 9px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; 897 color: #6b7280; 898 margin-bottom: 6px; 899 transition: color 0.4s ease; 900 } 901 .afd-mv__row.is-hl .afd-mv__label { color: #f39c12; } 902 .afd-mv__chips { 903 display: flex; flex-wrap: wrap; gap: 5px; 904 } 905 .afd-mv__chip { 906 display: inline-flex; align-items: center; gap: 5px; 907 padding: 5px 9px; 908 border-radius: 8px; 909 background: rgba(255,255,255,0.03); 910 border: 1px solid rgba(255,255,255,0.07); 911 font-size: 11px; color: #94a3b8; 912 transition: all 0.4s ease; 913 } 914 .afd-mv__chip--tool.is-hl { 915 background: rgba(243, 156, 18, 0.08); 916 border-color: rgba(243, 156, 18, 0.3); 917 color: #F6F6F4; 918 } 919 .afd-mv__chip--sub { 920 background: rgba(168, 85, 247, 0.06); 921 border-color: rgba(168, 85, 247, 0.25); 922 color: #c084fc; 923 } 924 .afd-mv__arrow { 925 text-align: center; 926 color: rgba(243, 156, 18, 0.5); 927 font-size: 13px; line-height: 1; 928 padding: 2px 0; 929 } 930} 931@media (max-width: 720px) { 932 .afd-faq__q { font-size: 14.5px; padding: 18px 0; } 933 .afd-faq__a { font-size: 14px; padding-bottom: 18px; } 934 .afd-results__grid { grid-template-columns: repeat(2, 1fr); } 935} 936`;export{Q as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.