{"id":6,"date":"2026-06-29T08:00:09","date_gmt":"2026-06-29T08:00:09","guid":{"rendered":"https:\/\/omniareply.com\/inicio\/"},"modified":"2026-09-16T08:39:43","modified_gmt":"2026-09-16T08:39:43","slug":"inicio","status":"publish","type":"page","link":"https:\/\/omniareply.com\/en\/","title":{"rendered":"Start"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ec48cb e-con-full e-flex e-con e-parent\" data-id=\"2ec48cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4739333 elementor-widget elementor-widget-html\" data-id=\"4739333\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  OmnIA Reply \u2014 Bloque 01: Hero \"atender\"  (v4: formulario de produccion + chat WhatsApp)\r\n\r\n  ====================  QUE TIENES QUE HACER  ====================\r\n\r\n  1) FORMULARIO. Ya usa el embed de produccion de OmnIA:\r\n       <div data-omnia-form=\"frm_66461636e687ffe900af8a2ba4bd\"><\/div>\r\n       <script src=\"https:\/\/app.omniareply.com\/forms.js\" async><\/script>\r\n     El panel lateral lo abre el boton \"Empieza gratis\".\r\n\r\n  2) CHAT DE WHATSAPP. El boton \"Mira c\u00f3mo atiende\" abre un popup de chat.\r\n     Al enviar, abre WhatsApp hacia el numero de la constante NUMERO en el\r\n     JavaScript (ahora: 34687764942). Cambialo alli si hace falta.\r\n\r\n  3) IMPORTANTE antes de recibir trafico real: el agente detras de ese numero\r\n     necesita tope por numero, guion acotado a OmnIA y salida limpia para\r\n     preguntas fuera de tema. Las capturas van a circular.\r\n\r\n  ================================================================\r\n\r\n  Pegar en un widget HTML de Elementor.\r\n  Seccion a ancho completo, sin padding de contenedor.\r\n  El blindaje usa :where() (especificidad cero): neutraliza al tema\r\n  sin ganarle nunca a las reglas del propio bloque.\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"oa-hero\">\r\n  <div class=\"oa-hero__inner\">\r\n\r\n    <div class=\"oa-hero__word\">\r\n      <h1 class=\"oa-hero__h1\">atender<\/h1>\r\n\r\n      <ol class=\"oa-hero__defs\">\r\n        <li><span class=\"oa-hero__num\">1.<\/span> Prestar atenci\u00f3n a algo.<\/li>\r\n        <li><span class=\"oa-hero__num\">2.<\/span> Ocuparse de alguien que lo necesita.<\/li>\r\n      <\/ol>\r\n\r\n      <p class=\"oa-hero__gloss\">\r\n        En tu negocio son la misma cosa. Y pasan a las once de la noche,\r\n        en cinco canales al tiempo, mientras t\u00fa duermes.\r\n      <\/p>\r\n\r\n      <p class=\"oa-hero__thesis\">\r\n        Nadie deja de comprarte porque tu producto sea malo.\r\n        Dejan de comprarte porque nadie los atendi\u00f3.\r\n      <\/p>\r\n\r\n      <div class=\"oa-hero__cta\">\r\n        <button type=\"button\" class=\"oa-btn oa-btn--solid\" data-oa-open>Empieza gratis<\/button>\r\n        <button type=\"button\" class=\"oa-btn oa-btn--ghost\" data-oaw-open>Mira c\u00f3mo atiende<\/button>\r\n      <\/div>\r\n\r\n      <p class=\"oa-hero__fine\">\r\n        Una sede, tus rese\u00f1as de Google y un WhatsApp, gratis para siempre. Sin tarjeta.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"oa-hero__stream\" aria-label=\"Mensajes de clientes sin responder\">\r\n      <div class=\"oa-sweep\" aria-hidden=\"true\"><\/div>\r\n\r\n      <article class=\"oa-msg\" style=\"--i:0\">\r\n        <header class=\"oa-msg__head\">\r\n          <span class=\"oa-msg__ch\">WhatsApp<\/span>\r\n          <span class=\"oa-msg__time\">22:41<\/span>\r\n        <\/header>\r\n        <p class=\"oa-msg__body\">Hola, \u00bftienen disponibilidad para el s\u00e1bado?<\/p>\r\n        <p class=\"oa-msg__state oa-msg__state--cold\">sin responder \u00b7 hace 9 h<\/p>\r\n        <p class=\"oa-msg__state oa-msg__state--warm\">respondido en 40 s \u00b7 reserva confirmada<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"oa-msg\" style=\"--i:1\">\r\n        <header class=\"oa-msg__head\">\r\n          <span class=\"oa-msg__ch\">Rese\u00f1a de Google<\/span>\r\n          <span class=\"oa-msg__time\">23:02<\/span>\r\n        <\/header>\r\n        <p class=\"oa-msg__body\">Llam\u00e9 tres veces y nadie contest\u00f3. Dos estrellas.<\/p>\r\n        <p class=\"oa-msg__state oa-msg__state--cold\">sin responder \u00b7 hace 8 h<\/p>\r\n        <p class=\"oa-msg__state oa-msg__state--warm\">respondido en 2 min \u00b7 caso abierto<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"oa-msg\" style=\"--i:2\">\r\n        <header class=\"oa-msg__head\">\r\n          <span class=\"oa-msg__ch\">Chat del sitio<\/span>\r\n          <span class=\"oa-msg__time\">23:15<\/span>\r\n        <\/header>\r\n        <p class=\"oa-msg__body\">\u00bfHacen env\u00edos a Medell\u00edn?<\/p>\r\n        <p class=\"oa-msg__state oa-msg__state--cold\">sin responder \u00b7 hace 8 h<\/p>\r\n        <p class=\"oa-msg__state oa-msg__state--warm\">respondido en 12 s \u00b7 pedido iniciado<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"oa-msg\" style=\"--i:3\">\r\n        <header class=\"oa-msg__head\">\r\n          <span class=\"oa-msg__ch\">Correo<\/span>\r\n          <span class=\"oa-msg__time\">07:58<\/span>\r\n        <\/header>\r\n        <p class=\"oa-msg__body\">Quedo atento a la cotizaci\u00f3n que me ofrecieron el lunes.<\/p>\r\n        <p class=\"oa-msg__state oa-msg__state--cold\">sin responder \u00b7 hace 3 d\u00edas<\/p>\r\n        <p class=\"oa-msg__state oa-msg__state--warm\">respondido en 1 min \u00b7 oportunidad reabierta<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"oa-msg oa-msg--last\" style=\"--i:4\">\r\n        <header class=\"oa-msg__head\">\r\n          <span class=\"oa-msg__ch\">WhatsApp<\/span>\r\n          <span class=\"oa-msg__time\">08:20<\/span>\r\n        <\/header>\r\n        <p class=\"oa-msg__body\">Si no me responden, busco en otro lado.<\/p>\r\n        <p class=\"oa-msg__state oa-msg__state--cold\">sin responder<\/p>\r\n        <p class=\"oa-msg__state oa-msg__state--warm\">respondido en 8 s \u00b7 cliente retenido<\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============ PANEL LATERAL DE REGISTRO ============ -->\r\n\r\n<div class=\"oa-panel\" id=\"oa-panel\" hidden>\r\n  <div class=\"oa-panel__veil\" data-oa-close><\/div>\r\n\r\n  <aside class=\"oa-panel__sheet\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"oa-panel-t\">\r\n    <button type=\"button\" class=\"oa-panel__x\" data-oa-close aria-label=\"Cerrar\">\r\n      <span class=\"oa-panel__xico\" aria-hidden=\"true\">&times;<\/span>\r\n    <\/button>\r\n\r\n    <div class=\"oa-panel__body\">\r\n      <p class=\"oa-panel__eyebrow\">Gratis para siempre<\/p>\r\n      <h2 class=\"oa-panel__t\" id=\"oa-panel-t\">Empieza a atender esta noche.<\/h2>\r\n      <p class=\"oa-panel__lede\">\r\n        Una sede, tus rese\u00f1as de Google y un n\u00famero de WhatsApp. Sin tarjeta\r\n        y sin llamada de ventas.\r\n      <\/p>\r\n\r\n      <!-- ============ FORMULARIO DE PRODUCCION ============ -->\r\n      <div class=\"oa-form-embed\">\r\n        <div data-omnia-form=\"frm_66461636e687ffe900af8a2ba4bd\"><\/div>\r\n        <script src=\"https:\/\/app.omniareply.com\/forms.js\" async><\/script>\r\n      <\/div>\r\n      <!-- ============ FIN DEL FORMULARIO ============ -->\r\n\r\n      <p class=\"oa-panel__alt\">\r\n        \u00bfYa tienes cuenta?\r\n        <a href=\"https:\/\/app.omniareply.com\/\">Entrar<\/a>\r\n      <\/p>\r\n    <\/div>\r\n  <\/aside>\r\n<\/div>\r\n\r\n<!-- ============ POPUP DE CHAT (abre WhatsApp al enviar) ============\r\n     El numero de destino esta en el JavaScript, en la constante NUMERO.\r\n     Formato wa.me: solo digitos, sin + ni espacios.\r\n-->\r\n<div class=\"oaw-chat\" id=\"oaw-chat\" hidden>\r\n  <div class=\"oaw__win\" role=\"dialog\" aria-modal=\"false\" aria-labelledby=\"oaw-chat-name\">\r\n    <header class=\"oaw__bar\">\r\n      <span class=\"oaw__avatar\" aria-hidden=\"true\">\ud83d\udcac<\/span>\r\n      <span class=\"oaw__who\">\r\n        <span class=\"oaw__name\" id=\"oaw-chat-name\">OmnIA<\/span>\r\n        <span class=\"oaw__status\">en l\u00ednea \u00b7 responde al instante<\/span>\r\n      <\/span>\r\n      <button type=\"button\" class=\"oaw__x\" data-oaw-close aria-label=\"Cerrar\">\r\n        <span class=\"oaw__ico\" aria-hidden=\"true\">&times;<\/span>\r\n      <\/button>\r\n    <\/header>\r\n\r\n    <div class=\"oaw__log\" id=\"oaw-chat-log\">\r\n      <div class=\"oaw-bubble oaw-bubble--in\">\r\n        <p>\u00a1Hola! Soy OmnIA, un agente de inteligencia artificial. \ud83e\udd16<\/p>\r\n        <span class=\"oaw-bubble__t\">ahora<\/span>\r\n      <\/div>\r\n      <div class=\"oaw-bubble oaw-bubble--in\">\r\n        <p>Escr\u00edbeme lo que quieras y crono\u00adm\u00e9trame. Este es el mismo agente que atender\u00eda a tus clientes.<\/p>\r\n        <span class=\"oaw-bubble__t\">ahora<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <form class=\"oaw__foot\" id=\"oaw-chat-form\">\r\n      <input class=\"oaw__input\" id=\"oaw-chat-input\" type=\"text\"\r\n             placeholder=\"Escribe un mensaje\u2026\" autocomplete=\"off\" aria-label=\"Tu mensaje\">\r\n      <button type=\"submit\" class=\"oaw__send\" aria-label=\"Enviar por WhatsApp\">\r\n        <span class=\"oaw__ico\" aria-hidden=\"true\">\u27a4<\/span>\r\n      <\/button>\r\n    <\/form>\r\n    <p class=\"oaw__note\">Al enviar se abre WhatsApp con tu mensaje listo.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap');\r\n\r\n\/* ===== Blindaje contra el tema, especificidad cero ===== *\/\r\n:where(.oa-hero, .oa-panel, .oaw-chat),\r\n:where(.oa-hero, .oa-panel, .oaw-chat) :where(*){\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;\r\n  text-transform:none;\r\n  box-sizing:border-box;\r\n  letter-spacing:normal;\r\n  margin:0;\r\n  padding:0;\r\n  border:0;\r\n  background:none;\r\n  color:inherit;\r\n  font-size:inherit;\r\n  line-height:inherit;\r\n  text-shadow:none;\r\n  list-style:none;\r\n  border-radius:0;\r\n  box-shadow:none;\r\n}\r\n.oa-hero, .oa-hero *,\r\n.oa-panel, .oa-panel *,\r\n.oaw-chat, .oaw-chat *{\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif !important;\r\n  text-transform:none !important;\r\n}\r\n.oa-hero h1, .oa-hero h2,\r\n.oa-panel h1, .oa-panel h2, .oa-panel h3{\r\n  color:#fff !important;\r\n}\r\n\/* Iconos como caracteres tipograficos: ningun filtro de WordPress los borra. *\/\r\n.oaw-chat button{\r\n  position:relative;\r\n  overflow:visible !important;\r\n  text-indent:0 !important;\r\n  -webkit-appearance:none;\r\n  appearance:none;\r\n  border:0 !important;\r\n  box-shadow:none !important;\r\n  outline:none;\r\n  min-width:0 !important;   \/* el tema pone min-width y estira el boton a capsula *\/\r\n  min-height:0 !important;\r\n  padding:0 !important;     \/* el padding lateral del tema alarga el circulo *\/\r\n  flex:0 0 auto;\r\n}\r\n.oaw-chat button::before,\r\n.oaw-chat button::after{content:none !important;display:none !important;background:none !important;}\r\n\/* El boton de cerrar no lleva fondo; el tema no debe darle uno. *\/\r\n.oaw__x{background:transparent !important;}\r\n.oaw__ico{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:100%;\r\n  height:100%;\r\n  color:#ffffff !important;\r\n  line-height:1;\r\n}\r\n.oaw__avatar{font-size:1.2rem;}\r\n.oaw__x .oaw__ico{font-size:1.6rem;font-weight:400;}\r\n.oaw__send .oaw__ico{font-size:1.05rem;transform:translateX(1px);}\r\n.oa-hero ol{list-style:none !important;}\r\n.oa-hero a, .oa-panel a{text-decoration:none !important;}\r\n\r\n\/* ===== Hero ===== *\/\r\n.oa-hero{\r\n  --oa-ink:#1A0B2E;\r\n  --oa-violet:#7C3AED;\r\n  --oa-lila:#A78BFA;\r\n  --oa-mist:#F5F3FF;\r\n  --oa-green:#4ADE80;\r\n  --oa-pink:#EC4899;\r\n\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(120% 90% at 82% 12%, rgba(124,58,237,.30) 0%, rgba(124,58,237,0) 58%),\r\n    radial-gradient(100% 70% at 8% 88%, rgba(45,27,78,.85) 0%, rgba(26,11,46,0) 60%),\r\n    var(--oa-ink);\r\n  color:var(--oa-mist);\r\n  font-weight:400;\r\n  font-stretch:100%;\r\n  font-variation-settings:'wdth' 100,'wght' 400;\r\n  padding:clamp(3.5rem,9vw,8rem) clamp(1.25rem,5vw,5rem);\r\n  line-height:1.5;\r\n}\r\n\r\n.oa-hero__inner{\r\n  max-width:1240px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);\r\n  gap:clamp(2.5rem,6vw,5.5rem);\r\n  align-items:start;\r\n}\r\n\r\n\/* La columna es el contenedor de referencia del titular. *\/\r\n.oa-hero__word{\r\n  min-width:0;\r\n  container-type:inline-size;\r\n}\r\n.oa-hero__stream{min-width:0;}\r\n\r\n.oa-hero__h1{\r\n  \/* Respaldo para navegadores sin unidades de contenedor. *\/\r\n  font-size:clamp(3rem,9vw,7rem);\r\n  font-weight:750;\r\n  font-stretch:118%;\r\n  font-variation-settings:'wdth' 118,'wght' 750;\r\n  line-height:.82;\r\n  letter-spacing:-.045em;\r\n  color:#fff;\r\n  text-wrap:balance;\r\n}\r\n\r\n\/* Se mide contra el ancho de la columna: nunca se desborda. *\/\r\n@supports (container-type:inline-size){\r\n  .oa-hero__h1{font-size:min(21.5cqw,9.5rem);}\r\n}\r\n\r\n.oa-hero__defs{\r\n  margin-top:clamp(1.5rem,3vw,2.25rem);\r\n  border-left:2px solid rgba(167,139,250,.35);\r\n  padding-left:1.1rem;\r\n  display:grid;\r\n  gap:.45rem;\r\n}\r\n.oa-hero__defs li{\r\n  font-size:clamp(1rem,1.35vw,1.15rem);\r\n  line-height:1.45;\r\n  color:rgba(245,243,255,.82);\r\n}\r\n.oa-hero__num{\r\n  color:var(--oa-lila);\r\n  font-weight:600;\r\n  font-variation-settings:'wght' 600;\r\n  margin-right:.4rem;\r\n}\r\n\r\n.oa-hero__gloss{\r\n  margin-top:1.5rem;\r\n  max-width:34ch;\r\n  font-size:clamp(1.05rem,1.5vw,1.25rem);\r\n  line-height:1.5;\r\n  color:rgba(245,243,255,.72);\r\n}\r\n\r\n.oa-hero__thesis{\r\n  margin-top:clamp(1.75rem,3.5vw,2.5rem);\r\n  max-width:26ch;\r\n  font-size:clamp(1.45rem,2.6vw,2.05rem);\r\n  font-weight:620;\r\n  font-stretch:96%;\r\n  font-variation-settings:'wdth' 96,'wght' 620;\r\n  line-height:1.18;\r\n  letter-spacing:-.02em;\r\n  color:#fff;\r\n  text-wrap:balance;\r\n}\r\n\r\n.oa-hero__cta{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:.75rem;\r\n  margin-top:clamp(1.75rem,3vw,2.25rem);\r\n}\r\n\r\n.oa-hero .oa-btn{\r\n  display:inline-block;\r\n  padding:.85rem 1.6rem;\r\n  border-radius:2px;\r\n  font-size:1rem;\r\n  line-height:1.4;\r\n  font-weight:600;\r\n  font-variation-settings:'wght' 600;\r\n  cursor:pointer;\r\n  transition:background-color .18s ease,color .18s ease,border-color .18s ease;\r\n}\r\n.oa-hero .oa-btn--solid{\r\n  background:var(--oa-violet);\r\n  color:#fff;\r\n  border:1px solid var(--oa-violet);\r\n}\r\n.oa-hero .oa-btn--solid:hover,\r\n.oa-hero .oa-btn--solid:focus-visible{background:#6D28D9;border-color:#6D28D9;color:#fff;}\r\n.oa-hero .oa-btn--ghost{\r\n  background:transparent;\r\n  color:var(--oa-mist);\r\n  border:1px solid rgba(167,139,250,.45);\r\n}\r\n.oa-hero .oa-btn--ghost:hover,\r\n.oa-hero .oa-btn--ghost:focus-visible{border-color:var(--oa-lila);color:#fff;}\r\n.oa-hero .oa-btn:focus-visible{outline:2px solid var(--oa-green);outline-offset:3px;}\r\n\r\n.oa-hero__fine{\r\n  margin-top:1rem;\r\n  font-size:.9rem;\r\n  line-height:1.45;\r\n  color:rgba(245,243,255,.5);\r\n}\r\n\r\n\/* ---------- Mensajes ---------- *\/\r\n\r\n.oa-hero__stream{\r\n  position:relative;\r\n  display:grid;\r\n  gap:.7rem;\r\n  padding-top:.5rem;\r\n}\r\n\r\n.oa-hero .oa-msg{\r\n  position:relative;\r\n  padding:1rem 1.15rem 1.05rem;\r\n  border-radius:3px;\r\n  background:rgba(45,27,78,.55);\r\n  border:1px solid rgba(167,139,250,.16);\r\n  border-left:2px solid var(--oa-pink);\r\n  opacity:0;\r\n  transform:translateY(14px);\r\n  animation:oa-arrive .55s cubic-bezier(.22,.7,.3,1) forwards;\r\n  animation-delay:calc(var(--i) * .5s);\r\n}\r\n\r\n.oa-msg__head{\r\n  display:flex;\r\n  align-items:baseline;\r\n  justify-content:space-between;\r\n  gap:1rem;\r\n  margin-bottom:.45rem;\r\n}\r\n.oa-msg__ch{\r\n  font-size:.78rem;\r\n  line-height:1.3;\r\n  font-weight:600;\r\n  font-variation-settings:'wght' 600;\r\n  color:var(--oa-lila);\r\n}\r\n.oa-msg__time{\r\n  font-size:.78rem;\r\n  line-height:1.3;\r\n  color:rgba(245,243,255,.4);\r\n  font-variant-numeric:tabular-nums;\r\n}\r\n.oa-msg__body{\r\n  font-size:1rem;\r\n  line-height:1.45;\r\n  color:rgba(245,243,255,.93);\r\n  margin-bottom:.5rem;\r\n}\r\n\r\n.oa-msg__state{\r\n  font-size:.8rem;\r\n  line-height:1.35;\r\n  font-weight:550;\r\n  font-variation-settings:'wght' 550;\r\n}\r\n.oa-msg__state--cold{\r\n  color:var(--oa-pink);\r\n  animation:oa-fade-out .4s ease forwards;\r\n  animation-delay:calc(5.4s + var(--i) * .22s);\r\n}\r\n.oa-msg__state--warm{\r\n  position:absolute;\r\n  left:1.15rem;\r\n  bottom:1.05rem;\r\n  color:var(--oa-green);\r\n  opacity:0;\r\n  animation:oa-fade-in .45s ease forwards;\r\n  animation-delay:calc(5.55s + var(--i) * .22s);\r\n}\r\n\r\n.oa-hero .oa-msg::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0 auto 0 -2px;\r\n  width:2px;\r\n  background:var(--oa-green);\r\n  transform:scaleY(0);\r\n  transform-origin:top;\r\n  animation:oa-mark .45s cubic-bezier(.22,.7,.3,1) forwards;\r\n  animation-delay:calc(5.45s + var(--i) * .22s);\r\n}\r\n\r\n.oa-hero .oa-msg--last{\r\n  background:rgba(45,27,78,.8);\r\n  border-color:rgba(236,72,153,.35);\r\n  border-left-color:var(--oa-pink);\r\n}\r\n\r\n.oa-sweep{\r\n  position:absolute;\r\n  left:-2px;\r\n  right:-2px;\r\n  top:0;\r\n  height:1px;\r\n  background:linear-gradient(90deg,transparent,var(--oa-green),transparent);\r\n  opacity:0;\r\n  animation:oa-sweep 1.5s cubic-bezier(.4,0,.2,1) forwards;\r\n  animation-delay:5.1s;\r\n  pointer-events:none;\r\n}\r\n\r\n@keyframes oa-arrive{to{opacity:1;transform:translateY(0);}}\r\n@keyframes oa-fade-out{to{opacity:0;}}\r\n@keyframes oa-fade-in{to{opacity:1;}}\r\n@keyframes oa-mark{to{transform:scaleY(1);}}\r\n@keyframes oa-sweep{\r\n  0%{opacity:0;top:0;}\r\n  12%{opacity:.9;}\r\n  88%{opacity:.9;}\r\n  100%{opacity:0;top:100%;}\r\n}\r\n\r\n\/* ===== Panel lateral ===== *\/\r\n\r\n.oa-panel{\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:99999;\r\n}\r\n.oa-panel[hidden]{display:none;}\r\n\r\n.oa-panel__veil{\r\n  position:absolute;\r\n  inset:0;\r\n  background:rgba(10,4,20,.68);\r\n  opacity:0;\r\n  transition:opacity .28s ease;\r\n  cursor:pointer;\r\n}\r\n.oa-panel__sheet{\r\n  position:absolute;\r\n  top:0;\r\n  right:0;\r\n  height:100%;\r\n  width:min(460px,100%);\r\n  background:#1A0B2E;\r\n  border-left:1px solid rgba(167,139,250,.2);\r\n  color:#F5F3FF;\r\n  font-weight:400;\r\n  line-height:1.5;\r\n  overflow-y:auto;\r\n  overscroll-behavior:contain;\r\n  transform:translateX(100%);\r\n  transition:transform .32s cubic-bezier(.22,.7,.3,1);\r\n  box-shadow:-24px 0 60px rgba(0,0,0,.35) !important;\r\n}\r\n.oa-panel.is-open .oa-panel__veil{opacity:1;}\r\n.oa-panel.is-open .oa-panel__sheet{transform:translateX(0);}\r\n\r\n.oa-panel__x{\r\n  position:absolute;\r\n  top:1rem;\r\n  right:1rem;\r\n  width:2.4rem;\r\n  height:2.4rem;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:2px;\r\n  color:rgba(245,243,255,.6);\r\n  background:transparent;\r\n  cursor:pointer;\r\n  transition:color .18s ease,background-color .18s ease;\r\n}\r\n.oa-panel__x:hover{color:#fff;background:rgba(167,139,250,.12);}\r\n.oa-panel__x:focus-visible{outline:2px solid #4ADE80;outline-offset:2px;}\r\n.oa-panel__x{overflow:visible !important;text-indent:0 !important;-webkit-appearance:none;appearance:none;border:0 !important;box-shadow:none !important;min-width:0 !important;min-height:0 !important;width:2.4rem !important;height:2.4rem !important;padding:0 !important;}\r\n.oa-panel__x::before,.oa-panel__x::after{content:none !important;display:none !important;}\r\n.oa-panel__xico{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.7rem;font-weight:400;line-height:1;color:inherit !important;}\r\n\r\n.oa-panel__body{padding:clamp(2.75rem,6vw,3.5rem) clamp(1.5rem,4vw,2.5rem) 2.5rem;}\r\n\r\n.oa-panel__eyebrow{\r\n  font-size:.78rem;\r\n  font-weight:640;\r\n  font-variation-settings:'wght' 640;\r\n  color:#4ADE80;\r\n  margin-bottom:.6rem;\r\n}\r\n\r\n.oa-panel__t{\r\n  font-size:clamp(1.6rem,4.5vw,2rem);\r\n  font-weight:720;\r\n  font-stretch:106%;\r\n  font-variation-settings:'wdth' 106,'wght' 720;\r\n  line-height:1.08;\r\n  letter-spacing:-.028em;\r\n  color:#fff;\r\n  text-wrap:balance;\r\n}\r\n\r\n.oa-panel__lede{\r\n  margin-top:.75rem;\r\n  font-size:.98rem;\r\n  line-height:1.5;\r\n  color:rgba(245,243,255,.68);\r\n}\r\n\r\n\/* ---------- Formulario ---------- *\/\r\n\r\n.oa-form{margin-top:1.85rem;display:grid;gap:1.05rem;}\r\n\r\n.oa-field{display:grid;gap:.4rem;}\r\n\r\n.oa-label{\r\n  font-size:.84rem;\r\n  line-height:1.3;\r\n  font-weight:620;\r\n  font-variation-settings:'wght' 620;\r\n  color:rgba(245,243,255,.86);\r\n}\r\n.oa-opt{\r\n  font-weight:400;\r\n  font-variation-settings:'wght' 400;\r\n  color:rgba(245,243,255,.42);\r\n  margin-left:.3rem;\r\n}\r\n\r\n.oa-panel .oa-input{\r\n  width:100%;\r\n  padding:.75rem .9rem;\r\n  border-radius:2px;\r\n  border:1px solid rgba(167,139,250,.28);\r\n  background:rgba(45,27,78,.5);\r\n  color:#fff;\r\n  font-size:1rem;\r\n  line-height:1.4;\r\n  transition:border-color .18s ease,background-color .18s ease;\r\n}\r\n.oa-panel .oa-input::placeholder{color:rgba(245,243,255,.34);}\r\n.oa-panel .oa-input:focus{\r\n  outline:none;\r\n  border-color:#A78BFA;\r\n  background:rgba(45,27,78,.8);\r\n}\r\n.oa-panel .oa-input:focus-visible{outline:2px solid #4ADE80;outline-offset:1px;}\r\n\r\n.oa-help{\r\n  font-size:.79rem;\r\n  line-height:1.4;\r\n  color:rgba(245,243,255,.45);\r\n}\r\n\r\n.oa-check{\r\n  display:grid;\r\n  grid-template-columns:auto 1fr;\r\n  gap:.65rem;\r\n  align-items:start;\r\n  margin-top:.25rem;\r\n  font-size:.83rem;\r\n  line-height:1.45;\r\n  color:rgba(245,243,255,.62);\r\n  cursor:pointer;\r\n}\r\n.oa-panel .oa-check input{\r\n  width:1.05rem;\r\n  height:1.05rem;\r\n  margin-top:.12rem;\r\n  accent-color:#7C3AED;\r\n  cursor:pointer;\r\n}\r\n.oa-check a{color:#A78BFA;border-bottom:1px solid rgba(167,139,250,.45);}\r\n.oa-check a:hover{color:#fff;border-bottom-color:#fff;}\r\n\r\n.oa-panel .oa-submit{\r\n  margin-top:.5rem;\r\n  width:100%;\r\n  padding:.95rem 1.5rem;\r\n  border-radius:2px;\r\n  border:1px solid #7C3AED;\r\n  background:#7C3AED;\r\n  color:#fff;\r\n  font-size:1rem;\r\n  line-height:1.4;\r\n  font-weight:650;\r\n  font-variation-settings:'wght' 650;\r\n  cursor:pointer;\r\n  transition:background-color .18s ease,border-color .18s ease;\r\n}\r\n.oa-panel .oa-submit:hover{background:#6D28D9;border-color:#6D28D9;}\r\n.oa-panel .oa-submit:focus-visible{outline:2px solid #4ADE80;outline-offset:2px;}\r\n\r\n.oa-form__fine{\r\n  font-size:.79rem;\r\n  line-height:1.45;\r\n  color:rgba(245,243,255,.45);\r\n}\r\n\r\n.oa-panel__alt{\r\n  margin-top:1.75rem;\r\n  padding-top:1.35rem;\r\n  border-top:1px solid rgba(167,139,250,.18);\r\n  font-size:.88rem;\r\n  color:rgba(245,243,255,.55);\r\n}\r\n.oa-panel__alt a{color:#A78BFA;border-bottom:1px solid rgba(167,139,250,.45);}\r\n.oa-panel__alt a:hover{color:#fff;border-bottom-color:#fff;}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n\r\n@media (max-width:900px){\r\n  .oa-hero__inner{grid-template-columns:1fr;gap:2.75rem;}\r\n  .oa-hero__thesis{max-width:30ch;}\r\n  .oa-hero .oa-msg{padding:.9rem 1rem .95rem;}\r\n  .oa-msg__state--warm{left:1rem;bottom:.95rem;}\r\n}\r\n\r\n@media (max-width:560px){\r\n  .oa-hero__defs li{font-size:1rem;}\r\n  .oa-hero .oa-btn{width:100%;text-align:center;}\r\n  .oa-panel__sheet{width:100%;border-left:0;}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .oa-hero *,.oa-hero *::after{animation:none !important;}\r\n  .oa-hero .oa-msg{opacity:1;transform:none;}\r\n  .oa-hero .oa-msg::after{transform:scaleY(1);}\r\n  .oa-msg__state--cold{display:none;}\r\n  .oa-msg__state--warm{position:static;opacity:1;}\r\n  .oa-sweep{display:none;}\r\n  .oa-panel__sheet,.oa-panel__veil{transition:none !important;}\r\n}\r\n\r\n\/* ===== Popup de chat estilo WhatsApp (widget flotante) ===== *\/\r\n\r\n.oaw-chat{\r\n  position:fixed;\r\n  right:clamp(1rem,4vw,2.5rem);\r\n  bottom:clamp(1rem,4vw,2.5rem);\r\n  z-index:100000;\r\n}\r\n.oaw-chat[hidden]{display:none;}\r\n\r\n.oaw__win{\r\n  width:min(380px,calc(100vw - 2rem));\r\n  height:min(560px,calc(100vh - 2rem));\r\n  display:flex;\r\n  flex-direction:column;\r\n  border-radius:12px;\r\n  overflow:hidden;\r\n  background:#EAE4DD;\r\n  box-shadow:0 24px 60px rgba(0,0,0,.4) !important;\r\n  transform:translateY(24px) scale(.98);\r\n  opacity:0;\r\n  transform-origin:bottom right;\r\n  transition:transform .28s cubic-bezier(.22,.7,.3,1), opacity .28s ease;\r\n}\r\n.oaw-chat.is-open .oaw__win{transform:translateY(0) scale(1);opacity:1;}\r\n\r\n\/* Barra superior *\/\r\n.oaw__bar{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:.7rem;\r\n  padding:.7rem .9rem;\r\n  background:#7C3AED;\r\n  color:#fff;\r\n  flex:0 0 auto;\r\n}\r\n.oaw__avatar{\r\n  width:2.3rem;\r\n  height:2.3rem;\r\n  border-radius:50%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:rgba(255,255,255,.18);\r\n  color:#fff;\r\n  flex:0 0 auto;\r\n}\r\n.oaw__who{display:flex;flex-direction:column;line-height:1.2;flex:1 1 auto;min-width:0;}\r\n.oaw__name{\r\n  font-size:.98rem;\r\n  font-weight:680;\r\n  font-variation-settings:'wght' 680;\r\n  color:#fff;\r\n}\r\n.oaw__status{\r\n  font-size:.74rem;\r\n  color:rgba(255,255,255,.82);\r\n}\r\n.oaw__x{\r\n  width:2rem !important;height:2rem !important;\r\n  display:flex;align-items:center;justify-content:center;\r\n  border-radius:50%;\r\n  color:rgba(255,255,255,.85);\r\n  background:transparent !important;\r\n  cursor:pointer;\r\n  flex:0 0 auto;\r\n  transition:background-color .16s ease;\r\n}\r\n.oaw__x:hover{background:rgba(255,255,255,.15);color:#fff;}\r\n.oaw__x:focus-visible{outline:2px solid #4ADE80;outline-offset:2px;}\r\n\r\n\/* Registro de mensajes *\/\r\n.oaw__log{\r\n  flex:1 1 auto;\r\n  overflow-y:auto;\r\n  padding:1rem .9rem;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:.55rem;\r\n  background-color:#ECE5DD;\r\n  background-image:radial-gradient(rgba(124,58,237,.05) 1px, transparent 1px);\r\n  background-size:18px 18px;\r\n}\r\n.oaw-bubble{\r\n  max-width:82%;\r\n  padding:.55rem .75rem .6rem;\r\n  border-radius:8px;\r\n  font-size:.92rem;\r\n  line-height:1.4;\r\n  position:relative;\r\n  box-shadow:0 1px 1px rgba(0,0,0,.08) !important;\r\n}\r\n.oaw-bubble p{color:#111;margin:0;}\r\n.oaw-bubble__t{\r\n  display:block;\r\n  text-align:right;\r\n  font-size:.66rem;\r\n  color:rgba(0,0,0,.4);\r\n  margin-top:.2rem;\r\n}\r\n.oaw-bubble--in{align-self:flex-start;background:#fff;border-top-left-radius:2px;}\r\n.oaw-bubble--out{align-self:flex-end;background:#DCF8C6;border-top-right-radius:2px;}\r\n\r\n\/* Pie con input *\/\r\n.oaw__foot{\r\n  flex:0 0 auto;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:.5rem;\r\n  padding:.6rem .7rem .3rem;\r\n  background:#EAE4DD;\r\n}\r\n.oaw-chat .oaw__input{\r\n  flex:1 1 auto;\r\n  padding:.7rem .95rem;\r\n  border-radius:20px;\r\n  border:0;\r\n  background:#fff;\r\n  color:#111;\r\n  font-size:.95rem;\r\n  line-height:1.3;\r\n}\r\n.oaw-chat .oaw__input:focus{outline:none;}\r\n.oaw-chat .oaw__input:focus-visible{outline:2px solid #7C3AED;outline-offset:1px;}\r\n.oaw__send{\r\n  width:2.7rem !important;height:2.7rem !important;\r\n  flex:0 0 auto;\r\n  display:flex;align-items:center;justify-content:center;\r\n  border-radius:50%;\r\n  border:0;\r\n  background:#7C3AED !important;\r\n  color:#fff;\r\n  cursor:pointer;\r\n  transition:background-color .16s ease;\r\n}\r\n.oaw__send:hover{background:#6D28D9 !important;}\r\n.oaw__send:focus-visible{outline:2px solid #4ADE80;outline-offset:2px;}\r\n.oaw__note{\r\n  flex:0 0 auto;\r\n  margin:0;\r\n  padding:0 .8rem .6rem;\r\n  background:#EAE4DD;\r\n  font-size:.72rem;\r\n  line-height:1.4;\r\n  color:rgba(0,0,0,.45);\r\n  text-align:center;\r\n}\r\n\r\n@media (max-width:520px){\r\n  .oaw-chat{\r\n    right:0;bottom:0;left:0;top:0;\r\n  }\r\n  .oaw__win{\r\n    width:100%;height:100%;\r\n    border-radius:0;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .oaw__win{transition:none !important;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var panel = document.getElementById('oa-panel');\r\n  if(!panel) return;\r\n\r\n  var sheet = panel.querySelector('.oa-panel__sheet');\r\n  var ultimoFoco = null;\r\n\r\n  function focoables(){\r\n    return sheet.querySelectorAll('a[href], button, input, select, textarea');\r\n  }\r\n\r\n  function abrir(){\r\n    ultimoFoco = document.activeElement;\r\n    panel.hidden = false;\r\n    document.body.style.overflow = 'hidden';\r\n    requestAnimationFrame(function(){\r\n      panel.classList.add('is-open');\r\n      var f = focoables();\r\n      if(f.length) f[0].focus();\r\n    });\r\n  }\r\n\r\n  function cerrar(){\r\n    panel.classList.remove('is-open');\r\n    document.body.style.overflow = '';\r\n    setTimeout(function(){\r\n      panel.hidden = true;\r\n      if(ultimoFoco) ultimoFoco.focus();\r\n    }, 320);\r\n  }\r\n\r\n  document.addEventListener('click', function(e){\r\n    if(e.target.closest('[data-oa-open]')){ e.preventDefault(); abrir(); }\r\n    else if(e.target.closest('[data-oa-close]')){ e.preventDefault(); cerrar(); }\r\n  });\r\n\r\n  document.addEventListener('keydown', function(e){\r\n    if(panel.hidden) return;\r\n    if(e.key === 'Escape'){ cerrar(); return; }\r\n    if(e.key === 'Tab'){\r\n      var f = focoables();\r\n      if(!f.length) return;\r\n      var primero = f[0], ultimo = f[f.length - 1];\r\n      if(e.shiftKey && document.activeElement === primero){ e.preventDefault(); ultimo.focus(); }\r\n      else if(!e.shiftKey && document.activeElement === ultimo){ e.preventDefault(); primero.focus(); }\r\n    }\r\n  });\r\n})();\r\n\r\n\/* ===== Popup de chat -> WhatsApp ===== *\/\r\n(function(){\r\n  \/\/ Numero de destino en formato wa.me: solo digitos, sin + ni espacios.\r\n  var NUMERO = '34687764942';\r\n\r\n  var chat  = document.getElementById('oaw-chat');\r\n  if(!chat) return;\r\n\r\n  var win   = chat.querySelector('.oaw__win');\r\n  var form  = document.getElementById('oaw-chat-form');\r\n  var input = document.getElementById('oaw-chat-input');\r\n  var log   = document.getElementById('oaw-chat-log');\r\n  var ultimoFoco = null;\r\n\r\n  function abrir(){\r\n    ultimoFoco = document.activeElement;\r\n    chat.hidden = false;\r\n    requestAnimationFrame(function(){\r\n      chat.classList.add('is-open');\r\n      input.focus();\r\n    });\r\n  }\r\n  function cerrar(){\r\n    chat.classList.remove('is-open');\r\n    setTimeout(function(){\r\n      chat.hidden = true;\r\n      if(ultimoFoco) ultimoFoco.focus();\r\n    }, 280);\r\n  }\r\n\r\n  document.addEventListener('click', function(e){\r\n    if(e.target.closest('[data-oaw-open]')){ e.preventDefault(); abrir(); }\r\n    else if(e.target.closest('[data-oaw-close]')){ e.preventDefault(); cerrar(); }\r\n  });\r\n\r\n  document.addEventListener('keydown', function(e){\r\n    if(!chat.hidden && e.key === 'Escape') cerrar();\r\n  });\r\n\r\n  form.addEventListener('submit', function(e){\r\n    e.preventDefault();\r\n    var texto = (input.value || '').trim();\r\n    if(!texto) { input.focus(); return; }\r\n\r\n    \/\/ Muestra la burbuja del usuario antes de saltar a WhatsApp\r\n    var b = document.createElement('div');\r\n    b.className = 'oaw-bubble oaw-bubble--out';\r\n    var p = document.createElement('p');\r\n    p.textContent = texto;\r\n    var t = document.createElement('span');\r\n    t.className = 'oaw-bubble__t';\r\n    t.textContent = 'enviando\u2026';\r\n    b.appendChild(p); b.appendChild(t);\r\n    log.appendChild(b);\r\n    log.scrollTop = log.scrollHeight;\r\n\r\n    var url = 'https:\/\/wa.me\/' + NUMERO + '?text=' + encodeURIComponent(texto);\r\n    setTimeout(function(){ window.open(url, '_blank', 'noopener'); }, 350);\r\n    input.value = '';\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23d5f0c e-con-full e-flex e-con e-parent\" data-id=\"23d5f0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5785961 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5785961\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  OmnIA Reply \u2014 Bloque 02: \"El reloj\"  (v4)\r\n  Escala de la pagina: bloque 1 #1A0B2E -> bloque 2 #241241 -> bloque 3 #2D1B4E\r\n  Pegar en un widget HTML de Elementor.\r\n  Seccion a ancho completo, sin padding de contenedor.\r\n  El blindaje usa :where() para tener especificidad cero: neutraliza al tema\r\n  sin ganarle nunca a las reglas del propio bloque.\r\n-->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"oa-clock\" id=\"el-reloj\">\r\n  <div class=\"oa-clock__inner\">\r\n\r\n    <header class=\"oa-clock__head\">\r\n      <h2 class=\"oa-clock__h2\">La intenci\u00f3n tiene fecha de vencimiento.<\/h2>\r\n      <p class=\"oa-clock__lede\">\r\n        Cuando alguien te escribe, ya decidi\u00f3 que quiere resolver algo. Ese momento\r\n        dura minutos. Despu\u00e9s sigue existiendo la persona, pero ya no existe la venta:\r\n        se la llev\u00f3 quien contest\u00f3 primero.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"oa-clock__track\" aria-hidden=\"true\">\r\n\r\n      <div class=\"oa-flag oa-flag--us\" style=\"--p:1%\">\r\n        <span class=\"oa-flag__txt\">OmnIA responde<br>en segundos<\/span>\r\n        <span class=\"oa-flag__stem\"><\/span>\r\n        <span class=\"oa-flag__dot\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"oa-flag oa-flag--them\" style=\"--p:93%\">\r\n        <span class=\"oa-flag__txt\">La empresa promedio<br>responde aqu\u00ed<\/span>\r\n        <span class=\"oa-flag__stem\"><\/span>\r\n        <span class=\"oa-flag__dot\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"oa-clock__bar\">\r\n        <span class=\"oa-clock__fill\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"oa-clock__ticks\">\r\n        <span class=\"oa-tick\" style=\"--p:1%\">ahora<\/span>\r\n        <span class=\"oa-tick\" style=\"--p:15%\">5 min<\/span>\r\n        <span class=\"oa-tick\" style=\"--p:33%\">30 min<\/span>\r\n        <span class=\"oa-tick\" style=\"--p:45%\">1 h<\/span>\r\n        <span class=\"oa-tick\" style=\"--p:77%\">24 h<\/span>\r\n        <span class=\"oa-tick\" style=\"--p:93%\">42 h<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"oa-clock__verdict\">\r\n      No te ganan por producto. Te ganan por cuarenta horas.\r\n    <\/p>\r\n\r\n    <div class=\"oa-clock__data\">\r\n      <article class=\"oa-stat\">\r\n        <p class=\"oa-stat__fig\">21<span>\u00d7<\/span><\/p>\r\n        <p class=\"oa-stat__txt\">\r\n          m\u00e1s probabilidades de calificar un cliente potencial si le respondes\r\n          a los 5 minutos en vez de a los 30.\r\n        <\/p>\r\n        <p class=\"oa-stat__src\">Oldroyd, MIT Sloan e InsideSales, 2007. M\u00e1s de 15.000 leads analizados.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"oa-stat\">\r\n        <p class=\"oa-stat__fig\">42<span>h<\/span><\/p>\r\n        <p class=\"oa-stat__txt\">\r\n          es lo que tarda en responder una empresa promedio de las que\r\n          s\u00ed llegan a responder.\r\n        <\/p>\r\n        <p class=\"oa-stat__src\">Harvard Business Review, 2011. Auditor\u00eda sobre 2.241 empresas.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"oa-stat oa-stat--alert\">\r\n        <p class=\"oa-stat__fig\">23<span>%<\/span><\/p>\r\n        <p class=\"oa-stat__txt\">\r\n          de las empresas auditadas no respondi\u00f3 nunca. Ni tarde:\r\n          nunca.\r\n        <\/p>\r\n        <p class=\"oa-stat__src\">Harvard Business Review, 2011. Mismo estudio.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"oa-clock__close\">\r\n      <p class=\"oa-clock__closeTxt\">\r\n        La velocidad dej\u00f3 de ser una cortes\u00eda del \u00e1rea de servicio. Es el precio de entrada\r\n        a la venta, y es la ventaja m\u00e1s barata que existe: casi nadie la est\u00e1 usando.\r\n      <\/p>\r\n      <p class=\"oa-clock__note\">\r\n        Los estudios citados son de empresas estadounidenses y miden leads web con\r\n        seguimiento telef\u00f3nico. Los incluimos por lo que muestran sobre el\r\n        comportamiento de compra, no como una promesa de resultados.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap');\r\n\r\n\/* ===== Blindaje contra el tema, con especificidad cero =====\r\n   :where() hace que estas reglas no le ganen a ninguna clase del bloque.\r\n   Solo neutralizan lo que hereda de WordPress. *\/\r\n:where(.oa-clock),\r\n:where(.oa-clock) :where(*){\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;\r\n  text-transform:none;\r\n  box-sizing:border-box;\r\n  letter-spacing:normal;\r\n  margin:0;\r\n  padding:0;\r\n  border:0;\r\n  color:inherit;\r\n  font-size:inherit;\r\n  line-height:inherit;\r\n  text-shadow:none;\r\n}\r\n\/* La familia y la transformacion si van forzadas: son lo que el tema\r\n   suele imponer con !important sobre encabezados. *\/\r\n.oa-clock,\r\n.oa-clock *{\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif !important;\r\n  text-transform:none !important;\r\n}\r\n\/* El tema colorea los encabezados con !important. Aqui se lo quitamos.\r\n   Solo el color: el peso y el tamano los sigue mandando la clase del bloque. *\/\r\n.oa-clock h1,\r\n.oa-clock h2,\r\n.oa-clock h3,\r\n.oa-clock h4,\r\n.oa-clock h5,\r\n.oa-clock h6{\r\n  color:#fff !important;\r\n}\r\n\r\n\/* ===== Bloque ===== *\/\r\n.oa-clock{\r\n  --oa-bg:#241241;\r\n  --oa-violet:#7C3AED;\r\n  --oa-lila:#A78BFA;\r\n  --oa-mist:#F5F3FF;\r\n  --oa-green:#4ADE80;\r\n  --oa-pink:#EC4899;\r\n    width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n\r\n\r\n  position:relative;\r\n  background:\r\n    radial-gradient(110% 80% at 15% 0%, rgba(124,58,237,.22) 0%, rgba(124,58,237,0) 62%),\r\n    var(--oa-bg);\r\n  color:var(--oa-mist);\r\n  font-weight:400;\r\n  font-stretch:100%;\r\n  font-variation-settings:'wdth' 100,'wght' 400;\r\n  padding:clamp(4rem,9vw,7.5rem) clamp(1.25rem,5vw,5rem);\r\n  line-height:1.5;\r\n  overflow:hidden;\r\n}\r\n\r\n.oa-clock__inner{max-width:1120px;margin:0 auto;}\r\n.oa-clock__head{max-width:46rem;}\r\n\r\n.oa-clock__h2{\r\n  font-size:clamp(2.1rem,4.6vw,3.6rem);\r\n  font-weight:700;\r\n  font-stretch:108%;\r\n  font-variation-settings:'wdth' 108,'wght' 700;\r\n  line-height:1.05;\r\n  letter-spacing:-.032em;\r\n  color:#fff;\r\n  text-wrap:balance;\r\n}\r\n\r\n.oa-clock__lede{\r\n  margin-top:1.15rem;\r\n  max-width:44ch;\r\n  font-size:clamp(1.05rem,1.5vw,1.2rem);\r\n  line-height:1.5;\r\n  color:rgba(245,243,255,.72);\r\n}\r\n\r\n\/* ---------- La linea de tiempo ---------- *\/\r\n\r\n.oa-clock__track{\r\n  position:relative;\r\n  margin-top:clamp(3.5rem,7vw,5.5rem);\r\n  margin-bottom:clamp(2.5rem,5vw,4rem);\r\n  padding-top:7.5rem;\r\n  padding-bottom:3.25rem;\r\n}\r\n\r\n.oa-clock__bar{\r\n  position:relative;\r\n  height:6px;\r\n  border-radius:1px;\r\n  background:rgba(245,243,255,.09);\r\n  overflow:hidden;\r\n}\r\n\r\n.oa-clock__fill{\r\n  display:block;\r\n  height:100%;\r\n  width:100%;\r\n  transform-origin:left center;\r\n  background:linear-gradient(90deg,\r\n    var(--oa-green) 0%,\r\n    var(--oa-green) 12%,\r\n    var(--oa-lila) 38%,\r\n    var(--oa-pink) 72%,\r\n    rgba(236,72,153,.18) 100%);\r\n}\r\n\r\n.oa-clock__ticks{position:relative;height:0;}\r\n\r\n.oa-tick{\r\n  position:absolute;\r\n  left:var(--p);\r\n  top:.85rem;\r\n  transform:translateX(-50%);\r\n  font-size:.82rem;\r\n  line-height:1.3;\r\n  font-weight:600;\r\n  font-variation-settings:'wght' 600;\r\n  color:rgba(245,243,255,.5);\r\n  white-space:nowrap;\r\n  font-variant-numeric:tabular-nums;\r\n}\r\n.oa-tick::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:50%;\r\n  top:-.8rem;\r\n  width:1px;\r\n  height:.55rem;\r\n  background:rgba(245,243,255,.28);\r\n}\r\n\r\n\/* Bandera: columna anclada arriba, con el punto pegado a la barra. *\/\r\n.oa-flag{\r\n  position:absolute;\r\n  top:0;\r\n  height:7.5rem;\r\n  width:12rem;\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n.oa-flag--us{\r\n  left:var(--p);\r\n  align-items:flex-start;\r\n  text-align:left;\r\n}\r\n.oa-flag--them{\r\n  left:auto;\r\n  right:calc(100% - var(--p));\r\n  align-items:flex-end;\r\n  text-align:right;\r\n}\r\n\r\n.oa-flag__txt{\r\n  display:block;\r\n  font-size:.86rem;\r\n  line-height:1.3;\r\n  font-weight:620;\r\n  font-variation-settings:'wght' 620;\r\n  color:#fff;\r\n}\r\n\r\n.oa-flag__stem{\r\n  display:block;\r\n  flex:1 1 auto;\r\n  width:1px;\r\n  min-height:1.1rem;\r\n  margin-top:.6rem;\r\n}\r\n.oa-flag--us .oa-flag__stem{background:rgba(74,222,128,.55);margin-left:5px;}\r\n.oa-flag--them .oa-flag__stem{background:rgba(236,72,153,.55);margin-right:5px;}\r\n\r\n.oa-flag__dot{\r\n  display:block;\r\n  width:11px;\r\n  height:11px;\r\n  border-radius:50%;\r\n  flex:0 0 auto;\r\n  margin-bottom:-2px;\r\n}\r\n.oa-flag--us .oa-flag__dot{\r\n  background:var(--oa-green);\r\n  box-shadow:0 0 0 5px rgba(74,222,128,.18);\r\n}\r\n.oa-flag--them .oa-flag__dot{\r\n  background:var(--oa-pink);\r\n  box-shadow:0 0 0 5px rgba(236,72,153,.16);\r\n}\r\n\r\n.oa-clock__verdict{\r\n  max-width:24ch;\r\n  font-size:clamp(1.6rem,3.2vw,2.5rem);\r\n  font-weight:680;\r\n  font-stretch:94%;\r\n  font-variation-settings:'wdth' 94,'wght' 680;\r\n  line-height:1.12;\r\n  letter-spacing:-.025em;\r\n  color:#fff;\r\n  text-wrap:balance;\r\n}\r\n\r\n\/* ---------- Cifras ---------- *\/\r\n\r\n.oa-clock__data{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:1px;\r\n  margin-top:clamp(2.5rem,5vw,3.5rem);\r\n  background:rgba(167,139,250,.18);\r\n  border:1px solid rgba(167,139,250,.18);\r\n}\r\n\r\n.oa-stat{\r\n  background:var(--oa-bg);\r\n  padding:1.75rem 1.5rem 1.5rem;\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n.oa-stat__fig{\r\n  margin-bottom:.6rem;\r\n  font-size:clamp(3rem,6vw,4.5rem);\r\n  font-weight:760;\r\n  font-stretch:112%;\r\n  font-variation-settings:'wdth' 112,'wght' 760;\r\n  line-height:.9;\r\n  letter-spacing:-.04em;\r\n  color:var(--oa-lila);\r\n  font-variant-numeric:tabular-nums;\r\n}\r\n.oa-stat__fig span{\r\n  font-size:.42em;\r\n  font-weight:600;\r\n  font-stretch:100%;\r\n  font-variation-settings:'wdth' 100,'wght' 600;\r\n  letter-spacing:0;\r\n  margin-left:.08em;\r\n  vertical-align:.32em;\r\n}\r\n\r\n.oa-stat__txt{\r\n  margin-bottom:1.25rem;\r\n  font-size:1rem;\r\n  line-height:1.45;\r\n  color:rgba(245,243,255,.8);\r\n  flex:1 1 auto;\r\n}\r\n\r\n.oa-stat__src{\r\n  padding-top:.85rem;\r\n  border-top:1px solid rgba(167,139,250,.2);\r\n  font-size:.76rem;\r\n  line-height:1.4;\r\n  color:rgba(245,243,255,.45);\r\n}\r\n\r\n.oa-stat--alert{\r\n  background:linear-gradient(180deg, rgba(236,72,153,.13) 0%, rgba(236,72,153,.04) 100%), var(--oa-bg);\r\n}\r\n.oa-stat--alert .oa-stat__fig{color:var(--oa-pink);}\r\n.oa-stat--alert .oa-stat__txt{color:#fff;}\r\n.oa-stat--alert .oa-stat__src{border-top-color:rgba(236,72,153,.3);}\r\n\r\n\/* ---------- Cierre ---------- *\/\r\n\r\n.oa-clock__close{\r\n  margin-top:clamp(2.5rem,5vw,3.5rem);\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);\r\n  gap:clamp(1.5rem,4vw,3.5rem);\r\n  align-items:start;\r\n}\r\n\r\n.oa-clock__closeTxt{\r\n  max-width:42ch;\r\n  font-size:clamp(1.05rem,1.5vw,1.2rem);\r\n  line-height:1.5;\r\n  color:rgba(245,243,255,.8);\r\n}\r\n\r\n.oa-clock__note{\r\n  padding-left:1rem;\r\n  border-left:2px solid rgba(167,139,250,.28);\r\n  font-size:.82rem;\r\n  line-height:1.5;\r\n  color:rgba(245,243,255,.48);\r\n}\r\n\r\n\/* ---------- Animacion: solo si el script la enciende ---------- *\/\r\n\r\n.oa-clock.is-armed .oa-clock__fill{transform:scaleX(0);}\r\n.oa-clock.is-armed .oa-tick,\r\n.oa-clock.is-armed .oa-flag{opacity:0;}\r\n\r\n.oa-clock.is-in .oa-clock__fill{\r\n  animation:oa-grow 1.45s cubic-bezier(.16,.8,.3,1) forwards;\r\n}\r\n.oa-clock.is-in .oa-tick{\r\n  animation:oa-appear .45s ease forwards;\r\n  animation-delay:calc(.35s + var(--p) \/ 100 * 1.1s);\r\n}\r\n.oa-clock.is-in .oa-flag--us{animation:oa-appear .5s ease .45s forwards;}\r\n.oa-clock.is-in .oa-flag--them{animation:oa-appear .5s ease 1.5s forwards;}\r\n\r\n@keyframes oa-grow{from{transform:scaleX(0);}to{transform:scaleX(1);}}\r\n@keyframes oa-appear{to{opacity:1;}}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n\r\n@media (max-width:860px){\r\n  .oa-clock__data{grid-template-columns:1fr;}\r\n  .oa-clock__close{grid-template-columns:1fr;}\r\n  .oa-flag{width:9rem;}\r\n  .oa-flag__txt{font-size:.8rem;}\r\n  .oa-tick{font-size:.74rem;}\r\n  .oa-tick:nth-child(4){display:none;}\r\n}\r\n\r\n@media (max-width:520px){\r\n  .oa-tick:nth-child(3){display:none;}\r\n  .oa-flag{width:7.5rem;}\r\n  .oa-clock__track{padding-top:8rem;}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .oa-clock.is-armed .oa-clock__fill{transform:none;}\r\n  .oa-clock.is-armed .oa-tick,\r\n  .oa-clock.is-armed .oa-flag{opacity:1;}\r\n  .oa-clock *{animation:none !important;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var el = document.getElementById('el-reloj');\r\n  if(!el || !('IntersectionObserver' in window)) return;\r\n  el.classList.add('is-armed');\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){ el.classList.add('is-in'); io.disconnect(); }\r\n    });\r\n  }, { threshold: 0.35 });\r\n  io.observe(el);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-937f8d3 e-con-full e-flex e-con e-parent\" data-id=\"937f8d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-250995b elementor-widget elementor-widget-html\" data-id=\"250995b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  OmnIA Reply \u2014 Bloque 03: \"El relevo\"\r\n  Escala de la pagina: 1 #1A0B2E -> 2 #241241 -> 3 amanece a #EDE8FA -> resto aclara hasta blanco.\r\n  La franja superior continua el fondo del bloque 2 y se disuelve: la costura no se nota.\r\n  Pegar en un widget HTML de Elementor, seccion a ancho completo, sin padding de contenedor.\r\n  El blindaje usa :where() (especificidad cero) para neutralizar al tema sin ganarle al bloque.\r\n-->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"oa-relay\" id=\"el-relevo\">\r\n  <div class=\"oa-relay__inner\">\r\n\r\n    <header class=\"oa-relay__head\">\r\n      <h2 class=\"oa-relay__h2\">Las carreras de relevos no se pierden corriendo. Se pierden en la entrega.<\/h2>\r\n      <p class=\"oa-relay__lede\">\r\n        Contestar r\u00e1pido es la mitad. La otra mitad es que quien siga sepa exactamente\r\n        qu\u00e9 pas\u00f3, sin que el cliente lo tenga que contar dos veces. OmnIA corre los\r\n        primeros segundos y le pasa a tu equipo una conversaci\u00f3n entendida,\r\n        clasificada y con el contexto escrito.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"oa-relay__race\">\r\n\r\n      <div class=\"oa-owner\" aria-hidden=\"true\">\r\n        <span class=\"oa-owner__seg oa-owner__seg--ia\">OmnIA atiende<\/span>\r\n        <span class=\"oa-owner__seg oa-owner__seg--team\">Tu equipo cierra<\/span>\r\n      <\/div>\r\n\r\n      <ol class=\"oa-steps\">\r\n        <li class=\"oa-step\">\r\n          <span class=\"oa-step__who oa-step__who--ia\">OmnIA<\/span>\r\n          <span class=\"oa-step__n\">1<\/span>\r\n          <h3 class=\"oa-step__t\">Llega<\/h3>\r\n          <p class=\"oa-step__d\">\r\n            Un mensaje entra por WhatsApp, por el chat del sitio, por correo o como\r\n            rese\u00f1a. Todos caen en la misma bandeja.\r\n          <\/p>\r\n        <\/li>\r\n\r\n        <li class=\"oa-step\">\r\n          <span class=\"oa-step__who oa-step__who--ia\">OmnIA<\/span>\r\n          <span class=\"oa-step__n\">2<\/span>\r\n          <h3 class=\"oa-step__t\">Responde<\/h3>\r\n          <p class=\"oa-step__d\">\r\n            En segundos. Se presenta como lo que es y empieza a entender qu\u00e9\r\n            necesita la persona.\r\n          <\/p>\r\n        <\/li>\r\n\r\n        <li class=\"oa-step\">\r\n          <span class=\"oa-step__who oa-step__who--ia\">OmnIA<\/span>\r\n          <span class=\"oa-step__n\">3<\/span>\r\n          <h3 class=\"oa-step__t\">Entiende<\/h3>\r\n          <p class=\"oa-step__d\">\r\n            Con pocas preguntas separa a quien quiere comprar de quien tiene un\r\n            problema, y de quien solo est\u00e1 averiguando.\r\n          <\/p>\r\n        <\/li>\r\n\r\n        <li class=\"oa-step oa-step--handoff\">\r\n          <span class=\"oa-step__who oa-step__who--team\">Tu equipo<\/span>\r\n          <span class=\"oa-step__n\">4<\/span>\r\n          <h3 class=\"oa-step__t\">Entrega<\/h3>\r\n          <p class=\"oa-step__d\">\r\n            Le pasa el caso a la persona correcta, por turnos, con la conversaci\u00f3n\r\n            resumida y la oportunidad creada. Tu vendedor entra a cerrar, no a preguntar.\r\n          <\/p>\r\n        <\/li>\r\n      <\/ol>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"oa-ends\">\r\n      <article class=\"oa-end oa-end--sale\">\r\n        <h3 class=\"oa-end__t\">Se vuelve una venta.<\/h3>\r\n        <p class=\"oa-end__d\">\r\n          La conversaci\u00f3n llega al embudo con nombre, necesidad y etapa. Nadie tiene\r\n          que transcribir un chat a mano para saber si vale la pena llamar.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"oa-end oa-end--case\">\r\n        <h3 class=\"oa-end__t\">Se vuelve un caso.<\/h3>\r\n        <p class=\"oa-end__d\">\r\n          Cuando es un problema, se abre solo, con historial. El cliente no repite lo\r\n          que ya cont\u00f3 y nada se queda sin due\u00f1o.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"oa-end oa-end--content\">\r\n        <h3 class=\"oa-end__t\">Se vuelve contenido.<\/h3>\r\n        <p class=\"oa-end__d\">\r\n          Lo que tus clientes preguntan una y otra vez es exactamente lo que deber\u00edas\r\n          estar publicando. OmnIA lo detecta y lo convierte en art\u00edculos.\r\n        <\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"oa-trust\">\r\n      <p class=\"oa-trust__item\"><b>Dice que es una IA.<\/b> Siempre, desde el primer mensaje. Nadie descubre a los diez minutos que hablaba con un robot.<\/p>\r\n      <p class=\"oa-trust__item\"><b>Se aparta cuando se lo piden.<\/b> Si la persona quiere un humano, lo pide y lo tiene.<\/p>\r\n      <p class=\"oa-trust__item\"><b>Prefiere no saber a inventar.<\/b> Cuando no puede resolver, no improvisa: entrega.<\/p>\r\n    <\/div>\r\n\r\n    <p class=\"oa-relay__close\">\r\n      Tus vendedores no se van a quedar sin trabajo. Se van a quedar sin la parte\r\n      del trabajo que odian.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap');\r\n\r\n\/* ===== Blindaje contra el tema, especificidad cero ===== *\/\r\n:where(.oa-relay),\r\n:where(.oa-relay) :where(*){\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;\r\n  text-transform:none;\r\n  box-sizing:border-box;\r\n  letter-spacing:normal;\r\n  margin:0;\r\n  padding:0;\r\n  border:0;\r\n  color:inherit;\r\n  font-size:inherit;\r\n  line-height:inherit;\r\n  text-shadow:none;\r\n  list-style:none;\r\n}\r\n\/* Familia y transformacion si van forzadas: es lo que el tema impone con !important. *\/\r\n.oa-relay,\r\n.oa-relay *{\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif !important;\r\n  text-transform:none !important;\r\n}\r\n\/* Solo el color de los encabezados. El peso y el tamano los manda el bloque. *\/\r\n.oa-relay h1,\r\n.oa-relay h2,\r\n.oa-relay h3,\r\n.oa-relay h4,\r\n.oa-relay h5,\r\n.oa-relay h6{\r\n  color:#1A0B2E !important;\r\n}\r\n.oa-relay ol{list-style:none !important;}\r\n.oa-relay b{font-weight:680;font-variation-settings:'wght' 680;}\r\n\r\n\/* ===== Bloque ===== *\/\r\n.oa-relay{\r\n  --oa-ink:#1A0B2E;\r\n  --oa-night:#241241;\r\n  --oa-violet:#7C3AED;\r\n  --oa-lila:#A78BFA;\r\n  --oa-paper:#EDE8FA;\r\n  --oa-green:#4ADE80;\r\n  --oa-pink:#EC4899;\r\n  --oa-rule:rgba(45,27,78,.16);\r\nwidth:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n\r\n\r\n  position:relative;\r\n  background:var(--oa-paper);\r\n  color:var(--oa-ink);\r\n  font-weight:400;\r\n  font-stretch:100%;\r\n  font-variation-settings:'wdth' 100,'wght' 400;\r\n  padding:clamp(10rem,14vw,13rem) clamp(1.25rem,5vw,5rem) clamp(4rem,9vw,7rem);\r\n  line-height:1.5;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* El amanecer: continua el fondo del bloque anterior y se disuelve. *\/\r\n.oa-relay::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;right:0;top:0;\r\n  height:150px;\r\n  background:linear-gradient(180deg, #241241 0%, rgba(36,18,65,0) 100%);\r\n  pointer-events:none;\r\n}\r\n\r\n.oa-relay__inner{position:relative;max-width:1120px;margin:0 auto;}\r\n.oa-relay__head{max-width:48rem;}\r\n\r\n.oa-relay__h2{\r\n  font-size:clamp(2rem,4.3vw,3.35rem);\r\n  font-weight:700;\r\n  font-stretch:108%;\r\n  font-variation-settings:'wdth' 108,'wght' 700;\r\n  line-height:1.06;\r\n  letter-spacing:-.032em;\r\n  text-wrap:balance;\r\n}\r\n\r\n.oa-relay__lede{\r\n  margin-top:1.15rem;\r\n  max-width:48ch;\r\n  font-size:clamp(1.05rem,1.5vw,1.2rem);\r\n  line-height:1.55;\r\n  color:rgba(26,11,46,.74);\r\n}\r\n\r\n\/* ---------- La carrera ---------- *\/\r\n\r\n.oa-relay__race{margin-top:clamp(3rem,6vw,4.5rem);}\r\n\r\n.oa-owner{\r\n  display:grid;\r\n  grid-template-columns:3fr 1fr;\r\n  gap:3px;\r\n  margin-bottom:1.5rem;\r\n}\r\n.oa-owner__seg{\r\n  display:flex;\r\n  align-items:center;\r\n  height:2.35rem;\r\n  padding:0 .95rem;\r\n  font-size:.82rem;\r\n  font-weight:640;\r\n  font-variation-settings:'wght' 640;\r\n  line-height:1;\r\n  border-radius:2px;\r\n}\r\n.oa-owner__seg--ia{\r\n  background:var(--oa-violet);\r\n  color:#fff;\r\n}\r\n.oa-owner__seg--team{\r\n  background:var(--oa-green);\r\n  color:#10321D;\r\n  justify-content:flex-end;\r\n}\r\n\r\n.oa-steps{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:0;\r\n  border-top:1px solid var(--oa-rule);\r\n}\r\n\r\n.oa-step{\r\n  position:relative;\r\n  padding:1.5rem 1.4rem 1.75rem 0;\r\n  border-right:1px solid var(--oa-rule);\r\n}\r\n.oa-step:last-child{border-right:0;padding-right:0;}\r\n.oa-step:not(:first-child){padding-left:1.4rem;}\r\n\r\n.oa-step__who{display:none;}\r\n\r\n.oa-step__n{\r\n  display:block;\r\n  font-size:2.6rem;\r\n  font-weight:760;\r\n  font-stretch:112%;\r\n  font-variation-settings:'wdth' 112,'wght' 760;\r\n  line-height:1;\r\n  letter-spacing:-.04em;\r\n  color:var(--oa-violet);\r\n  font-variant-numeric:tabular-nums;\r\n  margin-bottom:.5rem;\r\n}\r\n.oa-step--handoff .oa-step__n{color:#16A34A;}\r\n\r\n.oa-step__t{\r\n  font-size:1.2rem;\r\n  font-weight:680;\r\n  font-stretch:102%;\r\n  font-variation-settings:'wdth' 102,'wght' 680;\r\n  line-height:1.2;\r\n  letter-spacing:-.018em;\r\n  margin-bottom:.5rem;\r\n}\r\n\r\n.oa-step__d{\r\n  font-size:.96rem;\r\n  line-height:1.5;\r\n  color:rgba(26,11,46,.72);\r\n}\r\n\r\n\/* ---------- Los tres destinos ---------- *\/\r\n\r\n.oa-ends{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:0;\r\n  margin-top:clamp(3.5rem,7vw,5.5rem);\r\n  border-top:1px solid var(--oa-rule);\r\n}\r\n\r\n.oa-end{\r\n  padding:1.75rem 1.5rem 0 0;\r\n  border-right:1px solid var(--oa-rule);\r\n  border-top:3px solid transparent;\r\n  margin-top:-1px;\r\n}\r\n.oa-end:last-child{border-right:0;padding-right:0;}\r\n.oa-end:not(:first-child){padding-left:1.5rem;}\r\n\r\n.oa-end--sale{border-top-color:var(--oa-green);}\r\n.oa-end--case{border-top-color:var(--oa-pink);}\r\n.oa-end--content{border-top-color:var(--oa-violet);}\r\n\r\n.oa-end__t{\r\n  font-size:1.25rem;\r\n  font-weight:700;\r\n  font-stretch:104%;\r\n  font-variation-settings:'wdth' 104,'wght' 700;\r\n  line-height:1.2;\r\n  letter-spacing:-.02em;\r\n  margin-bottom:.6rem;\r\n}\r\n.oa-end__d{\r\n  font-size:.98rem;\r\n  line-height:1.55;\r\n  color:rgba(26,11,46,.72);\r\n}\r\n\r\n\/* ---------- Las tres promesas ---------- *\/\r\n\r\n.oa-trust{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:clamp(1.25rem,3vw,2.5rem);\r\n  margin-top:clamp(3.5rem,7vw,5rem);\r\n  padding:1.75rem clamp(1.25rem,3vw,2rem);\r\n  border:1px solid rgba(124,58,237,.3);\r\n  border-radius:3px;\r\n  background:rgba(124,58,237,.05);\r\n}\r\n.oa-trust__item{\r\n  font-size:.96rem;\r\n  line-height:1.55;\r\n  color:rgba(26,11,46,.76);\r\n}\r\n.oa-trust__item b{color:var(--oa-ink);}\r\n\r\n\/* ---------- Cierre ---------- *\/\r\n\r\n.oa-relay__close{\r\n  margin-top:clamp(3rem,6vw,4.5rem);\r\n  max-width:28ch;\r\n  font-size:clamp(1.55rem,3vw,2.35rem);\r\n  font-weight:680;\r\n  font-stretch:94%;\r\n  font-variation-settings:'wdth' 94,'wght' 680;\r\n  line-height:1.14;\r\n  letter-spacing:-.025em;\r\n  color:var(--oa-ink);\r\n  text-wrap:balance;\r\n}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n\r\n@media (max-width:980px){\r\n  .oa-steps{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n  .oa-step{border-bottom:1px solid var(--oa-rule);}\r\n  .oa-step:nth-child(2n){border-right:0;padding-right:0;}\r\n  .oa-step:nth-child(2n+1){padding-left:0;padding-right:1.4rem;}\r\n  .oa-step:nth-child(2n){padding-left:1.4rem;}\r\n  .oa-ends{grid-template-columns:1fr;}\r\n  .oa-end{\r\n    border-right:0;\r\n    padding:1.5rem 0 1.5rem;\r\n    border-bottom:1px solid var(--oa-rule);\r\n  }\r\n  .oa-end:not(:first-child){padding-left:0;}\r\n  .oa-end:last-child{border-bottom:0;}\r\n  .oa-trust{grid-template-columns:1fr;gap:1.1rem;}\r\n}\r\n\r\n@media (max-width:640px){\r\n  .oa-relay{padding-top:clamp(7.5rem,22vw,10rem);}\r\n  .oa-relay::before{height:105px;}\r\n  .oa-owner{display:none;}\r\n  .oa-steps{grid-template-columns:1fr;border-top:1px solid var(--oa-rule);}\r\n  .oa-step,\r\n  .oa-step:nth-child(2n),\r\n  .oa-step:nth-child(2n+1){\r\n    padding:1.4rem 0 1.4rem;\r\n    border-right:0;\r\n    border-bottom:1px solid var(--oa-rule);\r\n  }\r\n  .oa-step:last-child{border-bottom:0;}\r\n  .oa-step__who{\r\n    display:inline-block;\r\n    margin-bottom:.7rem;\r\n    padding:.25rem .6rem;\r\n    border-radius:2px;\r\n    font-size:.72rem;\r\n    font-weight:640;\r\n    font-variation-settings:'wght' 640;\r\n    line-height:1.3;\r\n  }\r\n  .oa-step__who--ia{background:var(--oa-violet);color:#fff;}\r\n  .oa-step__who--team{background:var(--oa-green);color:#10321D;}\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9eb2ead e-con e-atomic-element e-flexbox-base e-default-div e-0b61c7b \" data-id=\"9eb2ead\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9eb2ead\">\n    <div class=\"elementor-element elementor-element-350e11b e-con e-atomic-element e-flexbox-base e-default-div e-9502d6d \" data-id=\"350e11b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"350e11b\">\n    \t\t<div class=\"elementor-element elementor-element-8fd21a2 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"8fd21a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ============================================================\r\n     OmnIA Reply \u00b7 Animaci\u00f3n de producto (hero)\r\n     Pegar tal cual en un widget \"HTML\" de Elementor.\r\n     Autocontenido: sin librer\u00edas, sin fuentes externas, sin CSP issues.\r\n     Color de marca editable en la variable --oa-brand (abajo).\r\n     ============================================================ -->\r\n<div class=\"omnia-anim\" id=\"omniaAnim\">\r\n  <div class=\"oa-stage\">\r\n\r\n    <!-- Ventana \/ navegador -->\r\n    <div class=\"oa-window\">\r\n      <div class=\"oa-chrome\">\r\n        <span class=\"oa-dot r\"><\/span><span class=\"oa-dot y\"><\/span><span class=\"oa-dot g\"><\/span>\r\n        <div class=\"oa-url\">\ud83d\udd12 app.omniareply.com<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"oa-app\">\r\n        <!-- Sidebar -->\r\n        <aside class=\"oa-side\">\r\n          <div class=\"oa-brand\"><span class=\"oa-logo\">O<\/span><span class=\"oa-brandtxt\">OmnIA Reply<\/span><\/div>\r\n          <nav class=\"oa-nav\">\r\n            <span class=\"oa-nav-item\"><span class=\"oa-ic\">\ud83d\udcac<\/span><span class=\"oa-lbl\">WhatsApp<\/span><\/span>\r\n            <span class=\"oa-nav-item\"><span class=\"oa-ic\">\ud83d\udfe3<\/span><span class=\"oa-lbl\">Chat web<\/span><\/span>\r\n            <span class=\"oa-nav-item\"><span class=\"oa-ic\">\u2709\ufe0f<\/span><span class=\"oa-lbl\">Correo<\/span><\/span>\r\n            <span class=\"oa-nav-item\"><span class=\"oa-ic\">\ud83e\udd16<\/span><span class=\"oa-lbl\">Agente IA<\/span><\/span>\r\n            <span class=\"oa-nav-item\"><span class=\"oa-ic\">\ud83d\udcdd<\/span><span class=\"oa-lbl\">Formularios<\/span><\/span>\r\n            <span class=\"oa-nav-item\"><span class=\"oa-ic\">\ud83d\udcf0<\/span><span class=\"oa-lbl\">Blog<\/span><\/span>\r\n            <span class=\"oa-nav-item\"><span class=\"oa-ic\">\ud83d\udcc8<\/span><span class=\"oa-lbl\">SEO \/ AEO<\/span><\/span>\r\n          <\/nav>\r\n        <\/aside>\r\n\r\n        <!-- Contenido -->\r\n        <main class=\"oa-main\">\r\n\r\n          <!-- 0 \u00b7 WhatsApp -->\r\n          <section class=\"oa-scene\" data-i=\"0\">\r\n            <div class=\"oa-head\"><span class=\"oa-avatar wa\">ML<\/span><div><b>Mar\u00eda L\u00f3pez<\/b><small class=\"oa-on\">\u25cf en l\u00ednea \u00b7 WhatsApp<\/small><\/div><\/div>\r\n            <div class=\"oa-chat\">\r\n              <div class=\"oa-b in a1\">Hola, \u00bftienen disponibilidad para el s\u00e1bado?<\/div>\r\n              <div class=\"oa-b out a2\">\u00a1Hola Mar\u00eda! \ud83d\ude0a S\u00ed, tenemos cupos el s\u00e1bado. \u00bfPara cu\u00e1ntas personas?<\/div>\r\n              <div class=\"oa-b in a3\">Para 4 personas, gracias<\/div>\r\n              <div class=\"oa-b out a4\">Perfecto, te reservo mesa para 4. \u00bfA qu\u00e9 hora prefieres?<\/div>\r\n              <div class=\"oa-tag a4\">\u26a1 Respondido por el Agente IA<\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- 1 \u00b7 Chat web -->\r\n          <section class=\"oa-scene\" data-i=\"1\">\r\n            <div class=\"oa-site\">\r\n              <div class=\"oa-sk w60\"><\/div><div class=\"oa-sk w40 sm\"><\/div>\r\n              <div class=\"oa-hero\"><\/div>\r\n              <div class=\"oa-sk w80 sm\"><\/div><div class=\"oa-sk w70 sm\"><\/div>\r\n            <\/div>\r\n            <div class=\"oa-widget\">\r\n              <div class=\"oa-wg-head\"><span class=\"oa-avatar br\">IA<\/span><b>Asistente OmnIA<\/b><\/div>\r\n              <div class=\"oa-b in a1\">\u00a1Hola! \ud83d\udc4b \u00bfEn qu\u00e9 puedo ayudarte hoy?<\/div>\r\n              <div class=\"oa-chips a2\"><span>Ver precios<\/span><span>Agendar demo<\/span><span>Hablar con ventas<\/span><\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- 2 \u00b7 Correo -->\r\n          <section class=\"oa-scene\" data-i=\"2\">\r\n            <div class=\"oa-inbox\">\r\n              <div class=\"oa-mrow a1\"><span class=\"oa-udot\"><\/span><div class=\"oa-mtxt\"><b>Carlos Ruiz<\/b><small>Cotizaci\u00f3n servicio premium\u2026<\/small><\/div><span class=\"oa-mtag\">IA<\/span><\/div>\r\n              <div class=\"oa-mrow sel a2\"><span class=\"oa-udot on\"><\/span><div class=\"oa-mtxt\"><b>Ana Torres<\/b><small>Re: Propuesta comercial<\/small><\/div><span class=\"oa-mtag\">IA<\/span><\/div>\r\n              <div class=\"oa-mrow a3\"><span class=\"oa-udot\"><\/span><div class=\"oa-mtxt\"><b>Soporte<\/b><small>Ticket #1042 resuelto<\/small><\/div><\/div>\r\n              <div class=\"oa-mrow a4\"><span class=\"oa-udot\"><\/span><div class=\"oa-mtxt\"><b>Laura G\u00f3mez<\/b><small>Consulta sobre facturaci\u00f3n<\/small><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"oa-thread a3\"><div class=\"oa-sk w50 sm\"><\/div><div class=\"oa-b in mini\">Hola, \u00bfme confirman el precio final?<\/div><div class=\"oa-b out mini\">Claro Ana, la propuesta final es\u2026<\/div><div class=\"oa-tag\">\u26a1 Borrador generado por IA<\/div><\/div>\r\n          <\/section>\r\n\r\n          <!-- 3 \u00b7 Agente IA -->\r\n          <section class=\"oa-scene\" data-i=\"3\">\r\n            <div class=\"oa-agent\">\r\n              <div class=\"oa-agent-head\"><span class=\"oa-avatar br big\">\ud83e\udd16<\/span><div><b>Agente IA<\/b><small class=\"oa-on\">\u25cf procesando conversaci\u00f3n<\/small><\/div><\/div>\r\n              <div class=\"oa-steps\">\r\n                <div class=\"oa-step-row a1\"><span class=\"oa-ck\">\u2713<\/span> Detecta la intenci\u00f3n del cliente<\/div>\r\n                <div class=\"oa-step-row a2\"><span class=\"oa-ck\">\u2713<\/span> Consulta tus datos y cat\u00e1logo<\/div>\r\n                <div class=\"oa-step-row a3\"><span class=\"oa-ck\">\u2713<\/span> Redacta y env\u00eda la respuesta<\/div>\r\n                <div class=\"oa-step-row a4\"><span class=\"oa-ck\">\u2713<\/span> Actualiza el negocio en el pipeline<\/div>\r\n              <\/div>\r\n              <div class=\"oa-pipe a4\">\r\n                <div class=\"oa-col\"><small>Nuevo<\/small><div class=\"oa-deal ghost\"><\/div><\/div>\r\n                <div class=\"oa-col\"><small>Calificado<\/small><div class=\"oa-deal move\">Reserva \u00b7 Mar\u00eda L.<\/div><\/div>\r\n                <div class=\"oa-col\"><small>Ganado<\/small><div class=\"oa-deal ghost\"><\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- 4 \u00b7 Formularios -->\r\n          <section class=\"oa-scene\" data-i=\"4\">\r\n            <div class=\"oa-form\">\r\n              <b class=\"oa-fttl\">Solicita tu cotizaci\u00f3n<\/b>\r\n              <div class=\"oa-field a1\"><label>Nombre<\/label><div class=\"oa-inp\">Mar\u00eda L\u00f3pez<\/div><\/div>\r\n              <div class=\"oa-field a2\"><label>Correo<\/label><div class=\"oa-inp\">maria@empresa.com<\/div><\/div>\r\n              <div class=\"oa-field a3\"><label>\u00bfQu\u00e9 necesitas?<\/label><div class=\"oa-inp sel2\">Agente para WhatsApp \u25be<\/div><\/div>\r\n              <div class=\"oa-submit a4\">Enviar solicitud<\/div>\r\n            <\/div>\r\n            <div class=\"oa-toast a4\">\u2713 Nuevo contacto creado en el CRM<\/div>\r\n          <\/section>\r\n\r\n          <!-- 5 \u00b7 Blog -->\r\n          <section class=\"oa-scene\" data-i=\"5\">\r\n            <div class=\"oa-post\">\r\n              <div class=\"oa-cover a1\"><span>\ud83d\udcf0<\/span><\/div>\r\n              <b class=\"oa-ptitle a2\">5 formas de atender clientes con IA<\/b>\r\n              <div class=\"oa-sk w90 sm a3\"><\/div><div class=\"oa-sk w80 sm a3\"><\/div><div class=\"oa-sk w60 sm a3\"><\/div>\r\n              <div class=\"oa-badges a4\"><span class=\"oa-badge ok\">\u2713 Optimizado para SEO<\/span><span class=\"oa-badge wp\">Publicado en WordPress<\/span><\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- 6 \u00b7 AEO -->\r\n          <section class=\"oa-scene\" data-i=\"6\">\r\n            <div class=\"oa-aeo-ans a1\">\r\n              <div class=\"oa-ans-head\"><span class=\"oa-spark\">\u2726<\/span> Respuesta de IA<\/div>\r\n              <div class=\"oa-sk w90 sm\"><\/div><div class=\"oa-sk w70 sm\"><\/div>\r\n              <div class=\"oa-cite\">Seg\u00fan <b>OmnIA Reply<\/b>, la mejor opci\u00f3n es\u2026<\/div>\r\n            <\/div>\r\n            <div class=\"oa-ranks\">\r\n              <div class=\"oa-rank a2\"><span class=\"oa-pos up\">\u25b2 1<\/span> \"mejor CRM con IA\" <span class=\"oa-mention\">mencionado \u2713<\/span><\/div>\r\n              <div class=\"oa-rank a3\"><span class=\"oa-pos up\">\u25b2 2<\/span> \"agente de ventas IA\" <span class=\"oa-mention\">mencionado \u2713<\/span><\/div>\r\n              <div class=\"oa-rank a4\"><span class=\"oa-pos up\">\u25b2 4<\/span> \"atenci\u00f3n autom\u00e1tica WhatsApp\"<\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n        <\/main>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Caption \/ t\u00edtulo de proceso -->\r\n    <div class=\"oa-caption\" id=\"oaCap\">\r\n      <span class=\"oa-num\" id=\"oaNum\">01<\/span>\r\n      <span class=\"oa-ttl\" id=\"oaTtl\">Atiende WhatsApp al instante<\/span>\r\n    <\/div>\r\n    <div class=\"oa-dots\" id=\"oaDots\"><\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n#omniaAnim, #omniaAnim *{ box-sizing:border-box; margin:0; padding:0; }\r\n#omniaAnim{\r\n  --oa-brand:#7c3aed; --oa-brand-600:#6d28d9; --oa-brand-50:#f5f3ff;\r\n  --oa-ink:#0f172a; --oa-muted:#64748b; --oa-line:#e8eaf0;\r\n  --oa-card:#ffffff; --oa-bg:#f4f5f9; --wa:#25d366; --wa-bubble:#e2f7d3;\r\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n  color:var(--oa-ink); display:flex; justify-content:center; width:100%;\r\n  -webkit-font-smoothing:antialiased; line-height:1.35;\r\n}\r\n#omniaAnim .oa-stage{ width:100%; max-width:960px; }\r\n\r\n\/* Ventana *\/\r\n#omniaAnim .oa-window{\r\n  width:100%; aspect-ratio:16\/10; background:var(--oa-card);\r\n  border:1px solid var(--oa-line); border-radius:16px; overflow:hidden;\r\n  box-shadow:0 30px 60px -25px rgba(24,20,50,.35), 0 8px 24px -12px rgba(24,20,50,.2);\r\n  display:flex; flex-direction:column;\r\n}\r\n#omniaAnim .oa-chrome{ height:34px; flex:none; display:flex; align-items:center; gap:6px; padding:0 12px; background:#f0f1f6; border-bottom:1px solid var(--oa-line); }\r\n#omniaAnim .oa-dot{ width:10px; height:10px; border-radius:50%; }\r\n#omniaAnim .oa-dot.r{ background:#ff5f57; } #omniaAnim .oa-dot.y{ background:#febc2e; } #omniaAnim .oa-dot.g{ background:#28c840; }\r\n#omniaAnim .oa-url{ margin-left:10px; font-size:11px; color:var(--oa-muted); background:#fff; border:1px solid var(--oa-line); border-radius:7px; padding:3px 12px; }\r\n#omniaAnim .oa-app{ flex:1; display:flex; min-height:0; }\r\n\r\n\/* Sidebar *\/\r\n#omniaAnim .oa-side{ width:172px; flex:none; background:#fbfbfe; border-right:1px solid var(--oa-line); padding:14px 10px; }\r\n#omniaAnim .oa-brand{ display:flex; align-items:center; gap:8px; padding:2px 6px 14px; }\r\n#omniaAnim .oa-logo{ width:26px; height:26px; border-radius:8px; background:linear-gradient(135deg,var(--oa-brand),#a855f7); color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:15px; }\r\n#omniaAnim .oa-brandtxt{ font-weight:700; font-size:13px; letter-spacing:-.2px; }\r\n#omniaAnim .oa-nav{ display:flex; flex-direction:column; gap:3px; }\r\n#omniaAnim .oa-nav-item{ display:flex; align-items:center; gap:9px; padding:8px 9px; border-radius:9px; font-size:12.5px; color:var(--oa-muted); font-weight:500; transition:.3s; }\r\n#omniaAnim .oa-nav-item .oa-ic{ font-size:14px; width:16px; text-align:center; filter:grayscale(.4); }\r\n#omniaAnim .oa-nav-item.active{ background:var(--oa-brand-50); color:var(--oa-brand-600); font-weight:700; }\r\n#omniaAnim .oa-nav-item.active .oa-ic{ filter:none; }\r\n\r\n\/* Main *\/\r\n#omniaAnim .oa-main{ flex:1; position:relative; background:var(--oa-bg); min-width:0; }\r\n#omniaAnim .oa-scene{ position:absolute; inset:0; padding:18px; opacity:0; visibility:hidden; transition:opacity .45s; display:flex; flex-direction:column; gap:10px; overflow:hidden; }\r\n#omniaAnim .oa-scene.is-active{ opacity:1; visibility:visible; }\r\n\r\n\/* Piezas comunes *\/\r\n#omniaAnim .oa-avatar{ width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:#fff; flex:none; }\r\n#omniaAnim .oa-avatar.wa{ background:var(--wa); } #omniaAnim .oa-avatar.br{ background:linear-gradient(135deg,var(--oa-brand),#a855f7); }\r\n#omniaAnim .oa-avatar.big{ width:40px; height:40px; font-size:20px; background:linear-gradient(135deg,var(--oa-brand),#a855f7); }\r\n#omniaAnim .oa-head{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--oa-line); border-radius:11px; padding:9px 12px; }\r\n#omniaAnim .oa-head b{ font-size:13px; } #omniaAnim .oa-head small{ display:block; font-size:10.5px; }\r\n#omniaAnim .oa-on{ color:var(--wa); font-weight:600; }\r\n#omniaAnim .oa-sk{ height:9px; border-radius:6px; background:#dfe3ee; margin:5px 0; }\r\n#omniaAnim .oa-sk.sm{ height:7px; opacity:.8; }\r\n#omniaAnim .w40{width:40%}#omniaAnim .w50{width:50%}#omniaAnim .w60{width:60%}#omniaAnim .w70{width:70%}#omniaAnim .w80{width:80%}#omniaAnim .w90{width:90%}\r\n\r\n\/* Burbujas de chat *\/\r\n#omniaAnim .oa-chat{ display:flex; flex-direction:column; gap:8px; padding:6px 2px; }\r\n#omniaAnim .oa-b{ max-width:76%; font-size:12px; padding:8px 11px; border-radius:14px; }\r\n#omniaAnim .oa-b.in{ align-self:flex-start; background:#fff; border:1px solid var(--oa-line); border-bottom-left-radius:5px; }\r\n#omniaAnim .oa-b.out{ align-self:flex-end; background:var(--wa-bubble); border-bottom-right-radius:5px; }\r\n#omniaAnim .oa-scene[data-i=\"1\"] .oa-b.out, #omniaAnim .oa-scene[data-i=\"2\"] .oa-b.out{ background:var(--oa-brand-50); color:var(--oa-brand-600); }\r\n#omniaAnim .oa-b.mini{ font-size:11px; padding:6px 9px; max-width:88%; }\r\n#omniaAnim .oa-tag{ align-self:flex-start; font-size:10.5px; font-weight:600; color:var(--oa-brand-600); background:var(--oa-brand-50); border-radius:20px; padding:4px 10px; }\r\n\r\n\/* Chat web *\/\r\n#omniaAnim .oa-scene[data-i=\"1\"]{ padding:0; }\r\n#omniaAnim .oa-site{ position:absolute; inset:0; padding:26px; background:linear-gradient(160deg,#eef0f8,#f7f5ff); }\r\n#omniaAnim .oa-hero{ height:34%; border-radius:12px; background:linear-gradient(120deg,#dcdcf5,#efe7ff); margin:12px 0; }\r\n#omniaAnim .oa-widget{ position:absolute; right:18px; bottom:18px; width:250px; background:#fff; border:1px solid var(--oa-line); border-radius:14px; box-shadow:0 18px 36px -14px rgba(24,20,50,.4); padding:12px; display:flex; flex-direction:column; gap:8px; }\r\n#omniaAnim .oa-wg-head{ display:flex; align-items:center; gap:8px; font-size:12px; padding-bottom:8px; border-bottom:1px solid var(--oa-line); }\r\n#omniaAnim .oa-wg-head .oa-avatar{ width:26px; height:26px; font-size:10px; }\r\n#omniaAnim .oa-chips{ display:flex; flex-wrap:wrap; gap:6px; }\r\n#omniaAnim .oa-chips span{ font-size:11px; border:1px solid var(--oa-brand); color:var(--oa-brand-600); border-radius:20px; padding:5px 10px; }\r\n\r\n\/* Correo *\/\r\n#omniaAnim .oa-scene[data-i=\"2\"]{ flex-direction:row; }\r\n#omniaAnim .oa-inbox{ width:52%; display:flex; flex-direction:column; gap:7px; }\r\n#omniaAnim .oa-mrow{ display:flex; align-items:center; gap:9px; background:#fff; border:1px solid var(--oa-line); border-radius:10px; padding:9px 11px; }\r\n#omniaAnim .oa-mrow.sel{ border-color:var(--oa-brand); box-shadow:0 0 0 2px var(--oa-brand-50); }\r\n#omniaAnim .oa-udot{ width:8px; height:8px; border-radius:50%; background:transparent; flex:none; }\r\n#omniaAnim .oa-udot.on{ background:var(--oa-brand); }\r\n#omniaAnim .oa-mtxt{ flex:1; min-width:0; } #omniaAnim .oa-mtxt b{ font-size:12px; } #omniaAnim .oa-mtxt small{ display:block; font-size:10.5px; color:var(--oa-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\r\n#omniaAnim .oa-mtag{ font-size:9.5px; font-weight:700; color:var(--oa-brand-600); background:var(--oa-brand-50); border-radius:6px; padding:2px 6px; }\r\n#omniaAnim .oa-thread{ flex:1; background:#fff; border:1px solid var(--oa-line); border-radius:11px; padding:12px; display:flex; flex-direction:column; gap:8px; }\r\n\r\n\/* Agente *\/\r\n#omniaAnim .oa-agent{ background:#fff; border:1px solid var(--oa-line); border-radius:13px; padding:15px; display:flex; flex-direction:column; gap:12px; height:100%; }\r\n#omniaAnim .oa-agent-head{ display:flex; align-items:center; gap:11px; } #omniaAnim .oa-agent-head b{ font-size:14px; } #omniaAnim .oa-agent-head small{ display:block; font-size:11px; color:var(--oa-brand-600); font-weight:600; }\r\n#omniaAnim .oa-steps{ display:flex; flex-direction:column; gap:8px; }\r\n#omniaAnim .oa-step-row{ display:flex; align-items:center; gap:9px; font-size:12.5px; background:var(--oa-bg); border-radius:9px; padding:9px 11px; }\r\n#omniaAnim .oa-ck{ width:18px; height:18px; border-radius:50%; background:var(--oa-brand); color:#fff; font-size:11px; display:flex; align-items:center; justify-content:center; flex:none; }\r\n#omniaAnim .oa-pipe{ display:flex; gap:8px; margin-top:auto; }\r\n#omniaAnim .oa-col{ flex:1; background:var(--oa-bg); border-radius:10px; padding:8px; } #omniaAnim .oa-col small{ font-size:10px; color:var(--oa-muted); font-weight:600; text-transform:uppercase; letter-spacing:.4px; }\r\n#omniaAnim .oa-deal{ margin-top:6px; background:#fff; border:1px solid var(--oa-line); border-radius:8px; padding:8px; font-size:11px; font-weight:600; }\r\n#omniaAnim .oa-deal.ghost{ background:transparent; border-style:dashed; height:30px; } #omniaAnim .oa-deal.move{ border-color:var(--oa-brand); color:var(--oa-brand-600); }\r\n\r\n\/* Formularios *\/\r\n#omniaAnim .oa-scene[data-i=\"4\"]{ align-items:center; justify-content:center; }\r\n#omniaAnim .oa-form{ width:min(340px,90%); background:#fff; border:1px solid var(--oa-line); border-radius:14px; padding:18px; display:flex; flex-direction:column; gap:10px; box-shadow:0 16px 34px -18px rgba(24,20,50,.35); }\r\n#omniaAnim .oa-fttl{ font-size:15px; margin-bottom:2px; }\r\n#omniaAnim .oa-field label{ font-size:11px; color:var(--oa-muted); display:block; margin-bottom:4px; font-weight:600; }\r\n#omniaAnim .oa-inp{ font-size:12px; border:1px solid var(--oa-line); border-radius:9px; padding:9px 11px; color:var(--oa-ink); background:#fcfcfe; }\r\n#omniaAnim .oa-inp.sel2{ color:var(--oa-brand-600); font-weight:600; }\r\n#omniaAnim .oa-submit{ text-align:center; background:var(--oa-brand); color:#fff; font-weight:700; font-size:13px; border-radius:9px; padding:11px; margin-top:2px; }\r\n#omniaAnim .oa-toast{ position:absolute; bottom:16px; right:16px; background:var(--oa-ink); color:#fff; font-size:11.5px; font-weight:600; border-radius:9px; padding:9px 13px; box-shadow:0 12px 26px -12px rgba(0,0,0,.5); }\r\n\r\n\/* Blog *\/\r\n#omniaAnim .oa-scene[data-i=\"5\"]{ align-items:center; }\r\n#omniaAnim .oa-post{ width:min(420px,100%); background:#fff; border:1px solid var(--oa-line); border-radius:13px; padding:16px; display:flex; flex-direction:column; gap:8px; }\r\n#omniaAnim .oa-cover{ height:120px; border-radius:10px; background:linear-gradient(120deg,var(--oa-brand-50),#ede9ff); display:flex; align-items:center; justify-content:center; font-size:36px; }\r\n#omniaAnim .oa-ptitle{ font-size:17px; letter-spacing:-.3px; }\r\n#omniaAnim .oa-badges{ display:flex; gap:8px; margin-top:4px; flex-wrap:wrap; }\r\n#omniaAnim .oa-badge{ font-size:10.5px; font-weight:700; border-radius:20px; padding:5px 11px; }\r\n#omniaAnim .oa-badge.ok{ background:#e7f8ef; color:#12925a; } #omniaAnim .oa-badge.wp{ background:#e8f1fb; color:#2160a8; }\r\n\r\n\/* AEO *\/\r\n#omniaAnim .oa-aeo-ans{ background:#fff; border:1px solid var(--oa-line); border-radius:12px; padding:14px; }\r\n#omniaAnim .oa-ans-head{ font-size:12px; font-weight:700; color:var(--oa-brand-600); margin-bottom:9px; display:flex; align-items:center; gap:7px; }\r\n#omniaAnim .oa-spark{ background:var(--oa-brand-50); width:22px; height:22px; border-radius:7px; display:flex; align-items:center; justify-content:center; }\r\n#omniaAnim .oa-cite{ font-size:12px; margin-top:8px; background:var(--oa-brand-50); border-left:3px solid var(--oa-brand); border-radius:0 8px 8px 0; padding:9px 11px; }\r\n#omniaAnim .oa-ranks{ display:flex; flex-direction:column; gap:7px; margin-top:4px; }\r\n#omniaAnim .oa-rank{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--oa-line); border-radius:10px; padding:9px 12px; font-size:12px; font-weight:500; }\r\n#omniaAnim .oa-pos{ font-size:11px; font-weight:800; border-radius:7px; padding:3px 8px; flex:none; }\r\n#omniaAnim .oa-pos.up{ background:#e7f8ef; color:#12925a; }\r\n#omniaAnim .oa-mention{ margin-left:auto; font-size:10px; font-weight:700; color:var(--oa-brand-600); background:var(--oa-brand-50); border-radius:6px; padding:3px 7px; }\r\n\r\n\/* Caption *\/\r\n#omniaAnim .oa-caption{ margin-top:20px; display:flex; align-items:center; gap:14px; justify-content:center; text-align:center; }\r\n#omniaAnim .oa-num{ font-size:13px; font-weight:800; color:#fff; background:var(--oa-brand); border-radius:9px; padding:7px 11px; flex:none; }\r\n#omniaAnim .oa-ttl{ font-size:clamp(17px,2.6vw,25px); font-weight:800; letter-spacing:-.4px; }\r\n#omniaAnim .oa-caption.go .oa-num, #omniaAnim .oa-caption.go .oa-ttl{ animation:oaUp .5s both; }\r\n#omniaAnim .oa-dots{ display:flex; gap:7px; justify-content:center; margin-top:14px; }\r\n#omniaAnim .oa-dots i{ width:8px; height:8px; border-radius:50%; background:#cfd3e2; transition:.35s; }\r\n#omniaAnim .oa-dots i.on{ background:var(--oa-brand); transform:scale(1.35); }\r\n\r\n\/* Entradas escalonadas dentro de cada escena *\/\r\n#omniaAnim .oa-scene.is-active .a1{ animation:oaUp .5s .05s both; }\r\n#omniaAnim .oa-scene.is-active .a2{ animation:oaUp .5s .30s both; }\r\n#omniaAnim .oa-scene.is-active .a3{ animation:oaUp .5s .60s both; }\r\n#omniaAnim .oa-scene.is-active .a4{ animation:oaUp .5s .95s both; }\r\n#omniaAnim .oa-deal.move{ animation:none; }\r\n#omniaAnim .oa-scene.is-active .oa-deal.move{ animation:oaSlide .7s 1.1s both; }\r\n@keyframes oaUp{ from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:none;} }\r\n@keyframes oaSlide{ from{opacity:0; transform:translateX(-40px);} to{opacity:1; transform:none;} }\r\n\r\n\/* Responsive *\/\r\n@media (max-width:640px){\r\n  #omniaAnim .oa-side{ width:52px; padding:12px 6px; }\r\n  #omniaAnim .oa-brandtxt, #omniaAnim .oa-lbl{ display:none; }\r\n  #omniaAnim .oa-nav-item{ justify-content:center; padding:9px 0; }\r\n  #omniaAnim .oa-window{ aspect-ratio:4\/5; }\r\n  #omniaAnim .oa-scene[data-i=\"2\"]{ flex-direction:column; } #omniaAnim .oa-inbox{ width:100%; } #omniaAnim .oa-thread{ display:none; }\r\n  #omniaAnim .oa-widget{ width:210px; }\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  #omniaAnim *{ animation-duration:.01ms !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.getElementById('omniaAnim');\r\n  if(!root) return;\r\n  var scenes=[].slice.call(root.querySelectorAll('.oa-scene'));\r\n  var navs=[].slice.call(root.querySelectorAll('.oa-nav-item'));\r\n  var cap=root.querySelector('#oaCap'), numEl=root.querySelector('#oaNum'), ttlEl=root.querySelector('#oaTtl');\r\n  var dotsWrap=root.querySelector('#oaDots');\r\n  var titles=[\r\n    'Atiende WhatsApp al instante',\r\n    'Chat en tu web, 24\/7',\r\n    'Todo tu correo en una bandeja',\r\n    'Un agente de IA que responde y vende',\r\n    'Formularios que capturan clientes',\r\n    'Art\u00edculos que te posicionan en Google',\r\n    'Aparece en las respuestas de la IA'\r\n  ];\r\n  scenes.forEach(function(_,k){ var i=document.createElement('i'); dotsWrap.appendChild(i); });\r\n  var dots=[].slice.call(dotsWrap.querySelectorAll('i'));\r\n  var DUR=4200, i=-1, timer;\r\n\r\n  function show(n){\r\n    scenes.forEach(function(s,k){ s.classList.toggle('is-active',k===n); });\r\n    navs.forEach(function(s,k){ s.classList.toggle('active',k===n); });\r\n    dots.forEach(function(d,k){ d.classList.toggle('on',k===n); });\r\n    numEl.textContent=('0'+(n+1)).slice(-2);\r\n    ttlEl.textContent=titles[n];\r\n    cap.classList.remove('go'); void cap.offsetWidth; cap.classList.add('go');\r\n  }\r\n  function next(){ i=(i+1)%scenes.length; show(i); }\r\n  next();\r\n  timer=setInterval(next, DUR);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8ef9f99 e-con e-atomic-element e-flexbox-base e-default-div e-8a1fe68 \" data-id=\"8ef9f99\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8ef9f99\">\n    \t\t<div class=\"elementor-element elementor-element-34789b2 elementor-widget elementor-widget-html\" data-id=\"34789b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  OmnIA Reply \u2014 Texto para acompa\u00f1ar la animaci\u00f3n de la plataforma (media pantalla)\r\n\r\n  ====================  C\u00d3MO SE MONTA  ====================\r\n\r\n  En Elementor, crea una SECCI\u00d3N con un CONTENEDOR en fila (flex, direction: row),\r\n  de dos columnas al 50% \/ 50%:\r\n\r\n     [ Columna A: tu animaci\u00f3n ]   [ Columna B: este texto ]\r\n\r\n  - En una columna pones tu widget de animaci\u00f3n de la plataforma.\r\n  - En la otra pegas este HTML en un widget HTML.\r\n  - Pon la direcci\u00f3n del contenedor en \"columna\" para m\u00f3vil, o deja que Elementor\r\n    apile solo; este bloque ya se adapta si queda a ancho completo.\r\n\r\n  Este bloque NO trae fondo propio: hereda el de la secci\u00f3n, para que combine con\r\n  el color que tenga la franja donde pongas la animaci\u00f3n.\r\n\r\n  Si prefieres el texto a la IZQUIERDA de la animaci\u00f3n, solo invierte el orden de\r\n  las dos columnas en Elementor. No hay que tocar nada aqu\u00ed.\r\n\r\n  ========================================================\r\n-->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"oa-half\">\r\n  <div class=\"oa-half__inner\">\r\n\r\n    <h2 class=\"oa-half__h2\">Se lo pides. Ella lo hace.<\/h2>\r\n\r\n    <p class=\"oa-half__p\">\r\n      Casi todo en OmnIA se resuelve pidi\u00e9ndolo con tus palabras. \u00abCrea un formulario\r\n      para agendar citas.\u00bb \u00abResp\u00f3ndele a las rese\u00f1as de esta semana.\u00bb \u00abEscr\u00edbeme un\r\n      art\u00edculo sobre esto.\u00bb No hay que aprender un sistema: le hablas como le hablar\u00edas\r\n      a alguien de tu equipo, y lo hace.\r\n    <\/p>\r\n\r\n    <p class=\"oa-half__p\">\r\n      Y si prefieres no empezar solo, no lo haces. Nuestro equipo conecta tus canales,\r\n      deja todo andando y capacita a tu gente. Puedes montarlo t\u00fa en cinco minutos o\r\n      dejar que nosotros lo dejemos listo. <b>T\u00fa eliges cu\u00e1nto quieres hacer.<\/b>\r\n    <\/p>\r\n\r\n    <ul class=\"oa-half__list\">\r\n      <li class=\"oa-half__item\">Le hablas con tus palabras, no con men\u00fas<\/li>\r\n      <li class=\"oa-half__item\">Montaje en cinco minutos, o lo hacemos por ti<\/li>\r\n      <li class=\"oa-half__item\">Acompa\u00f1amiento y capacitaci\u00f3n de nuestro equipo<\/li>\r\n    <\/ul>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap');\r\n\r\n\/* ===== Blindaje contra el tema, especificidad cero ===== *\/\r\n:where(.oa-half),\r\n:where(.oa-half) :where(*){\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;\r\n  text-transform:none;\r\n  box-sizing:border-box;\r\n  letter-spacing:normal;\r\n  margin:0;\r\n  padding:0;\r\n  border:0;\r\n  background:none;\r\n  color:inherit;\r\n  font-size:inherit;\r\n  line-height:inherit;\r\n  text-shadow:none;\r\n  list-style:none;\r\n}\r\n.oa-half,\r\n.oa-half *{\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif !important;\r\n  text-transform:none !important;\r\n}\r\n.oa-half h1,.oa-half h2,.oa-half h3{color:inherit !important;}\r\n.oa-half ul{list-style:none !important;}\r\n.oa-half b{font-weight:680;font-variation-settings:'wght' 680;}\r\n\r\n\/* ===== Bloque =====\r\n   Sin fondo: hereda el de la seccion de Elementor.\r\n   El color de texto se adapta: por defecto asume fondo claro.\r\n   Si lo pones sobre fondo OSCURO, a\u00f1ade la clase oa-half--dark al div\r\n   (o cambia --tinta e --ink abajo). *\/\r\n.oa-half{\r\n  --oa-violet:#7C3AED;\r\n  --oa-green-ink:#15803D;\r\n  --ink:#1A0B2E;               \/* color de titulo y destacados *\/\r\n  --tinta:rgba(26,11,46,.76);  \/* color del cuerpo *\/\r\n  --tinta-2:rgba(26,11,46,.62);\/* color de la lista *\/\r\n  --linea:rgba(45,27,78,.16);\r\n\r\n  color:var(--tinta);\r\n  font-weight:400;\r\n  font-stretch:100%;\r\n  font-variation-settings:'wdth' 100,'wght' 400;\r\n  line-height:1.5;\r\n  display:flex;\r\n  align-items:center;\r\n  height:100%;\r\n  padding:clamp(1.5rem,4vw,3rem);\r\n}\r\n\r\n\/* Variante para fondos oscuros *\/\r\n.oa-half--dark{\r\n  --ink:#ffffff;\r\n  --tinta:rgba(245,243,255,.8);\r\n  --tinta-2:rgba(245,243,255,.62);\r\n  --linea:rgba(167,139,250,.22);\r\n}\r\n\r\n.oa-half__inner{max-width:34rem;}\r\n\r\n.oa-half__h2{\r\n  font-size:clamp(2rem,3.4vw,3rem);\r\n  font-weight:730;\r\n  font-stretch:110%;\r\n  font-variation-settings:'wdth' 110,'wght' 730;\r\n  line-height:1.04;\r\n  letter-spacing:-.035em;\r\n  color:var(--ink);\r\n  text-wrap:balance;\r\n  margin-bottom:1.25rem;\r\n}\r\n\r\n.oa-half__p{\r\n  font-size:clamp(1.02rem,1.3vw,1.18rem);\r\n  line-height:1.6;\r\n  color:var(--tinta);\r\n  margin-bottom:1rem;\r\n}\r\n.oa-half__p b{color:var(--ink);}\r\n\r\n.oa-half__list{\r\n  margin-top:1.75rem;\r\n  padding-top:1.5rem;\r\n  border-top:1px solid var(--linea);\r\n  display:grid;\r\n  gap:.7rem;\r\n}\r\n.oa-half__item{\r\n  position:relative;\r\n  padding-left:1.75rem;\r\n  font-size:1rem;\r\n  line-height:1.4;\r\n  color:var(--tinta-2);\r\n}\r\n.oa-half__item::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:.5em;\r\n  width:.7rem;\r\n  height:.7rem;\r\n  border-radius:50%;\r\n  background:var(--oa-violet);\r\n}\r\n\r\n\/* ===== Responsive =====\r\n   Si el bloque queda a ancho completo (Elementor apila las columnas en movil),\r\n   se centra el ancho maximo y se ajustan margenes. *\/\r\n@media (max-width:820px){\r\n  .oa-half{padding:clamp(1.5rem,6vw,2.5rem) 0;}\r\n  .oa-half__inner{max-width:none;}\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-878575c e-con-full e-flex e-con e-parent\" data-id=\"878575c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e539c5 elementor-widget elementor-widget-html\" data-id=\"5e539c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  OmnIA Reply \u2014 Bloque 05: \"Sobre qu\u00e9 est\u00e1 construido\"  (con logos)\r\n  Va despues de la animacion de la plataforma (bloque 4).\r\n  Escala de fondos: 1 #1A0B2E -> 2 #241241 -> 3 #EDE8FA -> 5 #F0EBFC -> ... -> blanco.\r\n\r\n  ====================  QUE TIENES QUE HACER  ====================\r\n\r\n  1) ORDEN DE LOS LOGOS. Asignacion actual:\r\n\r\n        Mesa-de-trabajo-1  ->  Meta         (por confirmar)\r\n        Mesa-de-trabajo-2  ->  Google       (por confirmar)\r\n        Mesa-de-trabajo-3  ->  OpenAI       (por confirmar)\r\n        Mesa-de-trabajo-4  ->  Perplexity   (confirmado en captura)\r\n        Mesa-de-trabajo-5  ->  DeepSeek     (confirmado en captura)\r\n        Mesa-de-trabajo-6  ->  Anthropic    (confirmado en captura)\r\n\r\n     Si alguno de los tres por confirmar cayo en el sitio equivocado, intercambia\r\n     el numero del src y corrige el alt.\r\n\r\n     AWS usa el logo oficial \"Powered by AWS\", que AWS licencia a sus clientes\r\n     (no solo a partners) desde su pagina de Co-Marketing.\r\n\r\n     Todas las URLs van en https. En http los navegadores las bloquean por ser\r\n     contenido inseguro dentro de una pagina segura.\r\n\r\n  2) ALTURA. Cada logo tiene su propio --h en el atributo style.\r\n     Ajustalo uno por uno hasta que se vean opticamente del mismo tamano:\r\n     un logo cuadrado necesita menos altura que uno alargado.\r\n\r\n  3) COLOR. Por defecto los logos van en gris y se encienden al pasar el cursor.\r\n     Si usas versiones oficiales a color y prefieres no tocarlas, busca\r\n     \"INTERRUPTOR DE COLOR\" mas abajo y sigue la instruccion.\r\n\r\n  4) CIFRAS. Reemplaza los marcadores data-oa=\"tiempo\", \"mensajes\" y \"paises\"\r\n     con datos reales de tu panel. Las de ejemplo NO se pueden publicar.\r\n\r\n  ================================================================\r\n-->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"oa-built\" id=\"sobre-que-esta-construido\">\r\n  <div class=\"oa-built__inner\">\r\n\r\n    <header class=\"oa-built__head\">\r\n      <h2 class=\"oa-built__h2\">No inventamos la infraestructura. Elegimos la mejor de cada cosa.<\/h2>\r\n      <p class=\"oa-built__lede\">\r\n        OmnIA no depende de un solo proveedor de inteligencia artificial ni de un solo\r\n        canal. Est\u00e1 construido sobre las plataformas que ya usan tus clientes y sobre\r\n        los modelos que hoy funcionan mejor para cada tarea: uno redacta, otro\r\n        investiga, otro razona. Cuando aparece algo mejor, lo cambiamos sin que t\u00fa\r\n        te enteres.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"oa-channels\">\r\n\r\n      <article class=\"oa-channel\">\r\n        <div class=\"oa-channel__mark\">\r\n          <img decoding=\"async\" class=\"oa-logo\" style=\"--h:46px\"\r\n               src=\"https:\/\/omniareply.com\/wp-content\/uploads\/2026\/09\/Mesa-de-trabajo-1@666.png\"  data-archivo=\"Mesa-de-trabajo-1 = Meta\"\r\n               alt=\"Meta\">\r\n        <\/div>\r\n        <p class=\"oa-channel__tag\">Canal oficial<\/p>\r\n        <h3 class=\"oa-channel__t\">Proveedor de tecnolog\u00eda verificado de Meta<\/h3>\r\n        <p class=\"oa-channel__d\">\r\n          WhatsApp Business Platform con conexi\u00f3n directa. Tu n\u00famero se conecta solo,\r\n          sin intermediarios y sin que pierdas el tel\u00e9fono.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"oa-channel\">\r\n        <div class=\"oa-channel__mark\">\r\n          <img decoding=\"async\" class=\"oa-logo\" style=\"--h:46px\"\r\n               src=\"https:\/\/omniareply.com\/wp-content\/uploads\/2026\/09\/Mesa-de-trabajo-2@666.png\"  data-archivo=\"Mesa-de-trabajo-2 = Google\"\r\n               alt=\"Google\">\r\n        <\/div>\r\n        <p class=\"oa-channel__tag\">Canal oficial<\/p>\r\n        <h3 class=\"oa-channel__t\">Acceso aprobado a la API de Google Business Profile<\/h3>\r\n        <p class=\"oa-channel__d\">\r\n          Tus rese\u00f1as y tus sedes se gestionan por el canal oficial de Google,\r\n          no raspando la p\u00e1gina.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"oa-channel\">\r\n        <div class=\"oa-channel__mark\">\r\n          <!-- Logo oficial \"Powered by AWS\" para fondos claros, servido por AWS. -->\r\n          <img decoding=\"async\" class=\"oa-logo oa-logo--aws\" style=\"--h:48px\"\r\n               src=\"https:\/\/d0.awsstatic.com\/logos\/powered-by-aws.png\"\r\n               alt=\"Powered by AWS\">\r\n        <\/div>\r\n        <p class=\"oa-channel__tag\">Infraestructura<\/p>\r\n        <h3 class=\"oa-channel__t\">Amazon Web Services<\/h3>\r\n        <p class=\"oa-channel__d\">\r\n          Los mismos servidores donde operan los bancos que usas.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"oa-models\">\r\n      <p class=\"oa-models__lede\">\r\n        Cada tarea se resuelve con el modelo que mejor la hace, y ninguno tiene\r\n        acceso permanente a tus datos.\r\n      <\/p>\r\n\r\n      <ul class=\"oa-models__row\">\r\n        <li class=\"oa-model\">\r\n          <img decoding=\"async\" class=\"oa-logo\" style=\"--h:58px\"\r\n               src=\"https:\/\/omniareply.com\/wp-content\/uploads\/2026\/09\/Mesa-de-trabajo-3@666.png\"  data-archivo=\"Mesa-de-trabajo-3 = OpenAI\"\r\n               alt=\"OpenAI\">\r\n        <\/li>\r\n        <li class=\"oa-model\">\r\n          <img decoding=\"async\" class=\"oa-logo\" style=\"--h:58px\"\r\n               src=\"https:\/\/omniareply.com\/wp-content\/uploads\/2026\/09\/Mesa-de-trabajo-6@666.png\"  data-archivo=\"Mesa-de-trabajo-6 = Anthropic\"\r\n               alt=\"Anthropic\">\r\n        <\/li>\r\n        <li class=\"oa-model\">\r\n          <img decoding=\"async\" class=\"oa-logo\" style=\"--h:58px\"\r\n               src=\"https:\/\/omniareply.com\/wp-content\/uploads\/2026\/09\/Mesa-de-trabajo-4@666.png\"  data-archivo=\"Mesa-de-trabajo-4 = Perplexity\"\r\n               alt=\"Perplexity\">\r\n        <\/li>\r\n        <li class=\"oa-model\">\r\n          <img decoding=\"async\" class=\"oa-logo\" style=\"--h:58px\"\r\n               src=\"https:\/\/omniareply.com\/wp-content\/uploads\/2026\/09\/Mesa-de-trabajo-5@666.png\"  data-archivo=\"Mesa-de-trabajo-5 = DeepSeek\"\r\n               alt=\"DeepSeek\">\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"oa-metrics\">\r\n      <div class=\"oa-metric oa-metric--live\">\r\n        <p class=\"oa-metric__fig\" data-oa=\"tiempo\">11<span>s<\/span><\/p>\r\n        <p class=\"oa-metric__lbl\">tiempo medio de respuesta<\/p>\r\n      <\/div>\r\n      <div class=\"oa-metric\">\r\n        <p class=\"oa-metric__fig\" data-oa=\"mensajes\">24.800<\/p>\r\n        <p class=\"oa-metric__lbl\">mensajes atendidos<\/p>\r\n      <\/div>\r\n      <div class=\"oa-metric\">\r\n        <p class=\"oa-metric__fig oa-metric__fig--txt\" data-oa=\"paises\">Colombia \u00b7 M\u00e9xico \u00b7 Espa\u00f1a<\/p>\r\n        <p class=\"oa-metric__lbl\">donde ya opera<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!--\r\n      ALTERNATIVA al bloque de metricas, si prefieres el enfoque de escasez.\r\n      Reemplaza el <div class=\"oa-metrics\"> completo por esto:\r\n\r\n      <p class=\"oa-built__scarcity\">\r\n        Estamos abriendo las primeras <b>200 cuentas<\/b>. Quedan <b>147<\/b>.\r\n      <\/p>\r\n    -->\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap');\r\n\r\n\/* ===== Blindaje contra el tema, especificidad cero ===== *\/\r\n:where(.oa-built),\r\n:where(.oa-built) :where(*){\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;\r\n  text-transform:none;\r\n  box-sizing:border-box;\r\n  letter-spacing:normal;\r\n  margin:0;\r\n  padding:0;\r\n  border:0;\r\n  color:inherit;\r\n  font-size:inherit;\r\n  line-height:inherit;\r\n  text-shadow:none;\r\n  list-style:none;\r\n}\r\n.oa-built,\r\n.oa-built *{\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif !important;\r\n  text-transform:none !important;\r\n}\r\n.oa-built h1,\r\n.oa-built h2,\r\n.oa-built h3,\r\n.oa-built h4,\r\n.oa-built h5,\r\n.oa-built h6{\r\n  color:#1A0B2E !important;\r\n}\r\n.oa-built ul{list-style:none !important;}\r\n.oa-built b{font-weight:700;font-variation-settings:'wght' 700;}\r\n.oa-built img{max-width:100%;display:block;box-shadow:none !important;border-radius:0 !important;}\r\n\r\n\/* ===== Bloque ===== *\/\r\n.oa-built{\r\n  --oa-ink:#1A0B2E;\r\n  --oa-violet:#7C3AED;\r\n  --oa-lila:#A78BFA;\r\n  --oa-paper:#F0EBFC;\r\n  --oa-green:#4ADE80;\r\n  --oa-green-ink:#15803D;\r\n  --oa-rule:rgba(45,27,78,.15);\r\n\r\n  position:relative;\r\n  background:var(--oa-paper);\r\n  color:var(--oa-ink);\r\n  font-weight:400;\r\n  font-stretch:100%;\r\n  font-variation-settings:'wdth' 100,'wght' 400;\r\n  padding:clamp(4rem,9vw,7rem) clamp(1.25rem,5vw,5rem);\r\n  line-height:1.5;\r\n  overflow:hidden;\r\n}\r\n\r\n.oa-built__inner{max-width:1120px;margin:0 auto;}\r\n.oa-built__head{max-width:48rem;}\r\n\r\n.oa-built__h2{\r\n  font-size:clamp(2rem,4.3vw,3.35rem);\r\n  font-weight:700;\r\n  font-stretch:108%;\r\n  font-variation-settings:'wdth' 108,'wght' 700;\r\n  line-height:1.06;\r\n  letter-spacing:-.032em;\r\n  text-wrap:balance;\r\n}\r\n\r\n.oa-built__lede{\r\n  margin-top:1.15rem;\r\n  max-width:50ch;\r\n  font-size:clamp(1.05rem,1.5vw,1.2rem);\r\n  line-height:1.55;\r\n  color:rgba(26,11,46,.74);\r\n}\r\n\r\n\/* ---------- Logos ----------\r\n   --h controla la altura de cada logo, se define en el style= de cada <img>.\r\n\r\n   INTERRUPTOR DE COLOR:\r\n   Ahora todos los logos van en su color original.\r\n   Si algun dia quieres apagarlos y que se enciendan solo al pasar el cursor,\r\n   agrega  filter:grayscale(1);  a la regla .oa-built .oa-logo\r\n   y         filter:grayscale(0);  a la regla .oa-built .oa-logo:hover\r\n--------------------------------- *\/\r\n\r\n.oa-built .oa-logo{\r\n  height:var(--h,26px) !important;\r\n  width:auto !important;\r\n  max-width:100%;\r\n  object-fit:contain;\r\n  object-position:left center;\r\n  opacity:.92;\r\n  transition:opacity .22s ease;\r\n}\r\n.oa-built .oa-logo:hover{\r\n  opacity:1;\r\n}\r\n\/* El logo de AWS ya viene en su color oficial y no conviene alterarlo. *\/\r\n.oa-built .oa-logo--aws{opacity:.92;}\r\n.oa-built .oa-logo--aws:hover{opacity:1;}\r\n\r\n\/* ---------- Canales oficiales ---------- *\/\r\n\r\n.oa-channels{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:0;\r\n  margin-top:clamp(3rem,6vw,4.5rem);\r\n}\r\n\r\n.oa-channel{\r\n  padding:0 1.6rem;\r\n  border-left:2px solid var(--oa-violet);\r\n}\r\n.oa-channel:last-child{padding-right:0;}\r\n\r\n.oa-channel__mark{\r\n  display:flex;\r\n  align-items:flex-end;\r\n  height:58px;\r\n  margin-bottom:1.15rem;\r\n}\r\n\r\n.oa-channel__tag{\r\n  font-size:.76rem;\r\n  line-height:1.3;\r\n  font-weight:640;\r\n  font-variation-settings:'wght' 640;\r\n  color:var(--oa-violet);\r\n  margin-bottom:.55rem;\r\n}\r\n\r\n.oa-channel__t{\r\n  font-size:1.12rem;\r\n  font-weight:700;\r\n  font-stretch:102%;\r\n  font-variation-settings:'wdth' 102,'wght' 700;\r\n  line-height:1.24;\r\n  letter-spacing:-.018em;\r\n  margin-bottom:.6rem;\r\n  text-wrap:balance;\r\n}\r\n\r\n.oa-channel__d{\r\n  font-size:.96rem;\r\n  line-height:1.55;\r\n  color:rgba(26,11,46,.72);\r\n}\r\n\r\n\/* ---------- Modelos ---------- *\/\r\n\r\n.oa-models{\r\n  margin-top:clamp(3.5rem,7vw,5.5rem);\r\n  padding-top:clamp(2rem,4vw,2.75rem);\r\n  border-top:1px solid var(--oa-rule);\r\n}\r\n\r\n.oa-models__lede{\r\n  max-width:46ch;\r\n  font-size:1rem;\r\n  line-height:1.55;\r\n  color:rgba(26,11,46,.66);\r\n  margin-bottom:1.9rem;\r\n}\r\n\r\n.oa-models__row{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  align-items:center;\r\n  gap:clamp(1.5rem,3.5vw,2.75rem);\r\n}\r\n\r\n.oa-model{display:flex;align-items:center;min-width:0;}\r\n\r\n\/* ---------- M\u00e9tricas ---------- *\/\r\n\r\n.oa-metrics{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:1px;\r\n  margin-top:clamp(3.5rem,7vw,5rem);\r\n  background:var(--oa-rule);\r\n  border:1px solid var(--oa-rule);\r\n}\r\n\r\n.oa-metric{\r\n  background:var(--oa-paper);\r\n  padding:1.6rem 1.5rem 1.4rem;\r\n}\r\n\r\n.oa-metric__fig{\r\n  font-size:clamp(2.4rem,5vw,3.6rem);\r\n  font-weight:760;\r\n  font-stretch:112%;\r\n  font-variation-settings:'wdth' 112,'wght' 760;\r\n  line-height:.95;\r\n  letter-spacing:-.04em;\r\n  color:var(--oa-violet);\r\n  font-variant-numeric:tabular-nums;\r\n  margin-bottom:.55rem;\r\n}\r\n.oa-metric__fig span{\r\n  font-size:.4em;\r\n  font-weight:600;\r\n  font-stretch:100%;\r\n  font-variation-settings:'wdth' 100,'wght' 600;\r\n  letter-spacing:0;\r\n  margin-left:.06em;\r\n  vertical-align:.3em;\r\n}\r\n\/* El verde solo significa \"atendido a tiempo\". *\/\r\n.oa-metric--live .oa-metric__fig{color:var(--oa-green-ink);}\r\n\r\n.oa-metric__fig--txt{\r\n  font-size:clamp(1.15rem,2.1vw,1.6rem);\r\n  font-weight:680;\r\n  font-stretch:96%;\r\n  font-variation-settings:'wdth' 96,'wght' 680;\r\n  line-height:1.2;\r\n  letter-spacing:-.02em;\r\n  color:var(--oa-ink);\r\n}\r\n\r\n.oa-metric__lbl{\r\n  font-size:.86rem;\r\n  line-height:1.4;\r\n  color:rgba(26,11,46,.6);\r\n}\r\n\r\n\/* ---------- Alternativa de escasez ---------- *\/\r\n\r\n.oa-built__scarcity{\r\n  margin-top:clamp(3.5rem,7vw,5rem);\r\n  padding:1.5rem 1.75rem;\r\n  border:1px solid rgba(124,58,237,.3);\r\n  border-radius:3px;\r\n  background:rgba(124,58,237,.05);\r\n  font-size:clamp(1.1rem,2vw,1.4rem);\r\n  line-height:1.4;\r\n  color:rgba(26,11,46,.82);\r\n}\r\n.oa-built__scarcity b{color:var(--oa-ink);}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n\r\n@media (max-width:900px){\r\n  .oa-channels{grid-template-columns:1fr;gap:1.9rem;}\r\n  .oa-channel,\r\n  .oa-channel:last-child{padding:0 0 0 1.25rem;}\r\n  .oa-channel__mark{height:auto;margin-bottom:.95rem;}\r\n  .oa-metrics{grid-template-columns:1fr;}\r\n}\r\n\r\n@media (max-width:560px){\r\n  .oa-models__row{gap:1.75rem 2.25rem;}\r\n  .oa-built .oa-logo{height:calc(var(--h,26px) * .82) !important;}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .oa-built *{transition:none !important;}\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc07351 e-flex e-con-boxed e-con e-parent\" data-id=\"dc07351\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5271706 elementor-widget elementor-widget-html\" data-id=\"5271706\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  OmnIA Reply \u2014 Bloque 06: \"La conversaci\u00f3n en la que no est\u00e1s\"\r\n  Va despues del bloque 5. Fondo claro, siguiente pelda\u00f1o de la escala.\r\n\r\n  ====================  QUE TIENES QUE HACER  ====================\r\n\r\n  1) TERMINOS DEL GRAFO. Busca \"TERMINOS\" en el JavaScript de abajo y cambia\r\n     la lista por 6 a 8 frases por las que quieras que te encuentren. Ejemplos\r\n     ya puestos: \"atenci\u00f3n por WhatsApp\", \"responder rese\u00f1as\", etc.\r\n\r\n  2) EL BOTON \"Probar gratis\". Ahora abre el panel de registro del bloque 1\r\n     (usa el mismo data-oa-open). Cuando tengas listo el analizador de AEO,\r\n     cambia el <button> por un <a href=\"URL_DEL_ANALIZADOR\">.\r\n\r\n  3) NOMBRE EN EL CENTRO. El nodo central dice \"OmnIA\". Si quieres otra cosa\r\n     (tu logo, por ejemplo), busca data-oa-center.\r\n\r\n  ================================================================\r\n\r\n  Pegar en un widget HTML de Elementor, seccion a ancho completo, sin padding.\r\n  El blindaje usa :where() (especificidad cero): neutraliza al tema sin ganarle\r\n  al bloque. Sin JavaScript, el grafo se ve en su estado final, quieto.\r\n-->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"oa-graph\" id=\"donde-no-estas\">\r\n  <div class=\"oa-graph__inner\">\r\n\r\n    <header class=\"oa-graph__head\">\r\n      <h2 class=\"oa-graph__h2\">Ahora mismo alguien le est\u00e1 preguntando a una IA por un negocio como el tuyo. No apareces.<\/h2>\r\n      <p class=\"oa-graph__lede\">\r\n        Tus clientes dejaron de buscar solo en Google. Le preguntan a ChatGPT, a\r\n        Gemini, a Perplexity, y la IA les responde con tres o cuatro nombres. Si el\r\n        tuyo no est\u00e1, no es que perdiste la venta: es que nunca supiste que existi\u00f3.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- ===== El grafo ===== -->\r\n    <div class=\"oa-graph__stage\">\r\n      <svg class=\"oa-graph__svg\" viewBox=\"0 0 900 520\" preserveAspectRatio=\"xMidYMid meet\"\r\n           role=\"img\" aria-label=\"Tu marca conectada con lo que buscan tus clientes\">\r\n        <g class=\"oa-graph__edges\"><\/g>\r\n        <g class=\"oa-graph__nodes\"><\/g>\r\n      <\/svg>\r\n      <p class=\"oa-graph__caption\">Cada t\u00e9rmino es una pregunta real de un cliente. Cada l\u00ednea, una raz\u00f3n para que la IA te nombre.<\/p>\r\n    <\/div>\r\n\r\n    <!-- ===== El giro ===== -->\r\n    <p class=\"oa-graph__turn\">\r\n      El SEO te pon\u00eda en una lista de diez enlaces azules. La IA no da diez.\r\n      Da tres, y ya. Estar en la p\u00e1gina dos dej\u00f3 de ser tarde; ahora es no existir.\r\n    <\/p>\r\n\r\n    <!-- ===== Los tres movimientos ===== -->\r\n    <ol class=\"oa-moves\">\r\n      <li class=\"oa-move\">\r\n        <span class=\"oa-move__n\">1<\/span>\r\n        <h3 class=\"oa-move__t\">Escucha lo que se dice de ti.<\/h3>\r\n        <p class=\"oa-move__d\">\r\n          OmnIA le pregunta a las IA por tu categor\u00eda, como lo har\u00eda un cliente, y\r\n          te muestra la verdad inc\u00f3moda: en qu\u00e9 porcentaje de respuestas apareces,\r\n          a qu\u00e9 competidores nombran en tu lugar, y qu\u00e9 dicen de ellos.\r\n        <\/p>\r\n      <\/li>\r\n      <li class=\"oa-move\">\r\n        <span class=\"oa-move__n\">2<\/span>\r\n        <h3 class=\"oa-move__t\">Descubre qu\u00e9 te falta decir.<\/h3>\r\n        <p class=\"oa-move__d\">\r\n          Cruza lo que preguntan tus clientes con lo que las IA citan y encuentra los\r\n          vac\u00edos: los temas donde tu competencia aparece y t\u00fa no, las preguntas que\r\n          respondes cada d\u00eda por WhatsApp pero que no existen escritas con tu nombre.\r\n        <\/p>\r\n      <\/li>\r\n      <li class=\"oa-move\">\r\n        <span class=\"oa-move__n\">3<\/span>\r\n        <h3 class=\"oa-move__t\">Lo publica por ti, en Autopilot.<\/h3>\r\n        <p class=\"oa-move__d\">\r\n          Convierte cada vac\u00edo en un art\u00edculo hecho para responder esa pregunta y para\r\n          que las IA lo citen. Autopilot los prepara solo, t\u00fa los apruebas con un toque,\r\n          y salen publicados. El contenido que te hace aparecer deja de ser un pendiente\r\n          y pasa a ocurrir en segundo plano.\r\n        <\/p>\r\n      <\/li>\r\n    <\/ol>\r\n\r\n    <!-- ===== Calidad ===== -->\r\n    <div class=\"oa-quality\">\r\n      <p class=\"oa-quality__txt\">\r\n        Cada art\u00edculo se escribe con el modelo que mejor redacta, se ancla en las\r\n        preguntas reales de tus clientes y nunca sale sin tu visto bueno.\r\n        <b>Autopilot te quita el trabajo, no el control.<\/b>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ===== Cierre \/ CTA ===== -->\r\n    <div class=\"oa-graph__cta\">\r\n      <p class=\"oa-graph__ctaTxt\">\r\n        Ganar la conversaci\u00f3n que no ves empieza por una pregunta simple:\r\n        <b>\u00bfqu\u00e9 dicen las IA de ti hoy?<\/b>\r\n      <\/p>\r\n      <!-- Ahora abre el panel de registro. Para el analizador de AEO:\r\n           <a class=\"oa-cta-btn\" href=\"URL_DEL_ANALIZADOR\">Probar gratis<\/a> -->\r\n      <button type=\"button\" class=\"oa-cta-btn\" data-oa-open>Probar gratis<\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap');\r\n\r\n\/* ===== Blindaje contra el tema, especificidad cero ===== *\/\r\n:where(.oa-graph),\r\n:where(.oa-graph) :where(*){\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;\r\n  text-transform:none;\r\n  box-sizing:border-box;\r\n  letter-spacing:normal;\r\n  margin:0;\r\n  padding:0;\r\n  border:0;\r\n  color:inherit;\r\n  font-size:inherit;\r\n  line-height:inherit;\r\n  text-shadow:none;\r\n  list-style:none;\r\n}\r\n.oa-graph,\r\n.oa-graph *{\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif !important;\r\n  text-transform:none !important;\r\n}\r\n.oa-graph h1,.oa-graph h2,.oa-graph h3,.oa-graph h4,.oa-graph h5,.oa-graph h6{\r\n  color:#1A0B2E !important;\r\n}\r\n.oa-graph svg{max-width:100%;box-shadow:none !important;border-radius:0 !important;}\r\n.oa-graph ol{list-style:none !important;}\r\n.oa-graph b{font-weight:680;font-variation-settings:'wght' 680;}\r\n\r\n\/* ===== Bloque ===== *\/\r\n.oa-graph{\r\n  --oa-ink:#1A0B2E;\r\n  --oa-violet:#7C3AED;\r\n  --oa-lila:#A78BFA;\r\n  --oa-paper:#F4F0FC;\r\n  --oa-green:#4ADE80;\r\n  --oa-green-ink:#15803D;\r\n  --oa-pink:#EC4899;\r\n  --oa-rule:rgba(45,27,78,.15);\r\n\r\n  position:relative;\r\n  background:var(--oa-paper);\r\n  color:var(--oa-ink);\r\n  font-weight:400;\r\n  font-stretch:100%;\r\n  font-variation-settings:'wdth' 100,'wght' 400;\r\n  padding:clamp(4rem,9vw,7rem) clamp(1.25rem,5vw,5rem);\r\n  line-height:1.5;\r\n  overflow:hidden;\r\n}\r\n\r\n.oa-graph__inner{max-width:1120px;margin:0 auto;}\r\n.oa-graph__head{max-width:52rem;}\r\n\r\n.oa-graph__h2{\r\n  font-size:clamp(1.9rem,4.1vw,3.2rem);\r\n  font-weight:700;\r\n  font-stretch:108%;\r\n  font-variation-settings:'wdth' 108,'wght' 700;\r\n  line-height:1.07;\r\n  letter-spacing:-.03em;\r\n  text-wrap:balance;\r\n}\r\n\r\n.oa-graph__lede{\r\n  margin-top:1.15rem;\r\n  max-width:50ch;\r\n  font-size:clamp(1.05rem,1.5vw,1.2rem);\r\n  line-height:1.55;\r\n  color:rgba(26,11,46,.74);\r\n}\r\n\r\n\/* ---------- El grafo ---------- *\/\r\n\r\n.oa-graph__stage{\r\n  margin-top:clamp(2.5rem,5vw,3.5rem);\r\n}\r\n\r\n.oa-graph .oa-graph__svg{\r\n  display:block;\r\n  width:100%;\r\n  max-width:900px;\r\n  margin:0 auto;\r\n  height:auto;\r\n  aspect-ratio:900 \/ 520;   \/* reserva la altura pase lo que pase con el tema *\/\r\n  overflow:visible;\r\n}\r\n\/* Refuerzo: el tema no debe imponerle alto:auto que lo colapse. *\/\r\n.oa-graph svg.oa-graph__svg{height:auto !important;}\r\n\r\n.oa-graph__caption{\r\n  margin-top:.75rem;\r\n  text-align:center;\r\n  font-size:.86rem;\r\n  line-height:1.45;\r\n  color:rgba(26,11,46,.55);\r\n}\r\n\r\n\/* Aristas *\/\r\n.oa-edge{\r\n  stroke:var(--oa-violet);\r\n  stroke-width:1.4;\r\n  fill:none;\r\n  opacity:.28;\r\n  stroke-dasharray:var(--len);\r\n  stroke-dashoffset:var(--len);\r\n}\r\n.is-in .oa-edge{\r\n  animation:oa-draw .7s ease forwards;\r\n  animation-delay:calc(.2s + var(--k) * .12s);\r\n}\r\n\r\n\/* Nodos de palabra *\/\r\n.oa-wordwrap{\r\n  opacity:0;\r\n  transform:scale(.85);\r\n  transform-box:fill-box;\r\n  transform-origin:center;\r\n}\r\n.is-in .oa-wordwrap{\r\n  animation:oa-pop .5s cubic-bezier(.3,1.3,.5,1) forwards;\r\n  animation-delay:calc(.5s + var(--k) * .12s);\r\n}\r\n.oa-wordpill{\r\n  fill:#fff;\r\n  stroke:rgba(124,58,237,.3);\r\n  stroke-width:1;\r\n}\r\n.oa-wordtext{\r\n  fill:#2D1B4E;\r\n  font-size:15px;\r\n  font-weight:560;\r\n  font-variation-settings:'wght' 560;\r\n}\r\n.oa-worddot{fill:var(--oa-violet);}\r\n\r\n\/* Nodo central *\/\r\n.oa-corewrap{opacity:0;}\r\n.is-in .oa-corewrap{animation:oa-core .6s ease .1s forwards;}\r\n.oa-corehalo{\r\n  fill:var(--oa-violet);\r\n  opacity:.14;\r\n  transform-box:fill-box;\r\n  transform-origin:center;\r\n}\r\n.is-in .oa-corehalo{animation:oa-pulse 3.2s ease-in-out 1.2s infinite;}\r\n.oa-core{fill:var(--oa-violet);}\r\n.oa-coretext{\r\n  fill:#fff;\r\n  font-size:22px;\r\n  font-weight:720;\r\n  font-variation-settings:'wght' 720,'wdth' 110;\r\n  letter-spacing:-.01em;\r\n}\r\n\r\n@keyframes oa-draw{to{stroke-dashoffset:0;opacity:.28;}}\r\n@keyframes oa-pop{to{opacity:1;transform:scale(1);}}\r\n@keyframes oa-core{from{opacity:0;transform:scale(.6);}to{opacity:1;transform:scale(1);}}\r\n@keyframes oa-pulse{0%,100%{opacity:.14;transform:scale(1);}50%{opacity:.05;transform:scale(1.35);}}\r\n\r\n\/* ---------- El giro ---------- *\/\r\n\r\n.oa-graph__turn{\r\n  margin-top:clamp(3rem,6vw,4.5rem);\r\n  max-width:34ch;\r\n  font-size:clamp(1.5rem,3vw,2.35rem);\r\n  font-weight:680;\r\n  font-stretch:94%;\r\n  font-variation-settings:'wdth' 94,'wght' 680;\r\n  line-height:1.14;\r\n  letter-spacing:-.025em;\r\n  color:var(--oa-ink);\r\n  text-wrap:balance;\r\n}\r\n\r\n\/* ---------- Los tres movimientos ---------- *\/\r\n\r\n.oa-moves{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:0;\r\n  margin-top:clamp(3rem,6vw,4.5rem);\r\n  border-top:1px solid var(--oa-rule);\r\n}\r\n\r\n.oa-move{\r\n  padding:1.75rem 1.5rem 0 0;\r\n  border-right:1px solid var(--oa-rule);\r\n}\r\n.oa-move:last-child{border-right:0;padding-right:0;}\r\n.oa-move:not(:first-child){padding-left:1.5rem;}\r\n\r\n.oa-move__n{\r\n  display:block;\r\n  font-size:2.4rem;\r\n  font-weight:760;\r\n  font-stretch:112%;\r\n  font-variation-settings:'wdth' 112,'wght' 760;\r\n  line-height:1;\r\n  letter-spacing:-.04em;\r\n  color:var(--oa-violet);\r\n  font-variant-numeric:tabular-nums;\r\n  margin-bottom:.6rem;\r\n}\r\n.oa-move:last-child .oa-move__n{color:var(--oa-green-ink);}\r\n\r\n.oa-move__t{\r\n  font-size:1.18rem;\r\n  font-weight:700;\r\n  font-stretch:102%;\r\n  font-variation-settings:'wdth' 102,'wght' 700;\r\n  line-height:1.22;\r\n  letter-spacing:-.018em;\r\n  margin-bottom:.55rem;\r\n  text-wrap:balance;\r\n}\r\n\r\n.oa-move__d{\r\n  font-size:.96rem;\r\n  line-height:1.55;\r\n  color:rgba(26,11,46,.72);\r\n}\r\n\r\n\/* ---------- Calidad ---------- *\/\r\n\r\n.oa-quality{\r\n  margin-top:clamp(2.5rem,5vw,3.5rem);\r\n  padding:1.6rem 1.75rem;\r\n  border:1px solid rgba(124,58,237,.28);\r\n  border-radius:3px;\r\n  background:rgba(124,58,237,.05);\r\n}\r\n.oa-quality__txt{\r\n  max-width:64ch;\r\n  font-size:1.02rem;\r\n  line-height:1.55;\r\n  color:rgba(26,11,46,.78);\r\n}\r\n.oa-quality__txt b{color:var(--oa-ink);}\r\n\r\n\/* ---------- Cierre \/ CTA ---------- *\/\r\n\r\n.oa-graph__cta{\r\n  margin-top:clamp(3rem,6vw,4.5rem);\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:1.5rem;\r\n  padding-top:clamp(2rem,4vw,2.75rem);\r\n  border-top:1px solid var(--oa-rule);\r\n}\r\n\r\n.oa-graph__ctaTxt{\r\n  max-width:34ch;\r\n  font-size:clamp(1.2rem,2.2vw,1.6rem);\r\n  font-weight:600;\r\n  font-stretch:100%;\r\n  font-variation-settings:'wght' 600;\r\n  line-height:1.2;\r\n  letter-spacing:-.02em;\r\n  color:var(--oa-ink);\r\n}\r\n.oa-graph__ctaTxt b{\r\n  color:var(--oa-violet);\r\n  font-weight:720;\r\n  font-variation-settings:'wght' 720;\r\n}\r\n\r\n.oa-graph .oa-cta-btn{\r\n  flex:0 0 auto;\r\n  display:inline-block;\r\n  padding:.95rem 2rem;\r\n  border-radius:2px;\r\n  border:1px solid var(--oa-violet);\r\n  background:var(--oa-violet);\r\n  color:#fff;\r\n  font-size:1.05rem;\r\n  line-height:1.4;\r\n  font-weight:650;\r\n  font-variation-settings:'wght' 650;\r\n  cursor:pointer;\r\n  transition:background-color .18s ease,border-color .18s ease;\r\n}\r\n.oa-graph .oa-cta-btn:hover{background:#6D28D9;border-color:#6D28D9;color:#fff;}\r\n.oa-graph .oa-cta-btn:focus-visible{outline:2px solid var(--oa-green);outline-offset:3px;}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n\r\n@media (max-width:900px){\r\n  .oa-moves{grid-template-columns:1fr;}\r\n  .oa-move{\r\n    border-right:0;\r\n    padding:1.5rem 0 1.5rem;\r\n    border-bottom:1px solid var(--oa-rule);\r\n  }\r\n  .oa-move:not(:first-child){padding-left:0;}\r\n  .oa-move:last-child{border-bottom:0;}\r\n  .oa-wordtext{font-size:17px;}\r\n  .oa-coretext{font-size:24px;}\r\n  .oa-graph__cta{flex-direction:column;align-items:flex-start;}\r\n  .oa-graph .oa-cta-btn{width:100%;text-align:center;}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .oa-edge{stroke-dashoffset:0 !important;opacity:.28 !important;animation:none !important;}\r\n  .oa-wordwrap{opacity:1 !important;transform:none !important;animation:none !important;}\r\n  .oa-corewrap{opacity:1 !important;animation:none !important;}\r\n  .oa-corehalo{animation:none !important;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var section = document.getElementById('donde-no-estas');\r\n  if(!section) return;\r\n\r\n  var svg   = section.querySelector('.oa-graph__svg');\r\n  var gEdges = svg.querySelector('.oa-graph__edges');\r\n  var gNodes = svg.querySelector('.oa-graph__nodes');\r\n  var NS = 'http:\/\/www.w3.org\/2000\/svg';\r\n\r\n  \/\/ ===== TERMINOS ===== cambia esta lista por 6 a 8 frases tuyas.\r\n  var TERMINOS = [\r\n    'atenci\u00f3n por WhatsApp',\r\n    'responder rese\u00f1as de Google',\r\n    'chat con IA en el sitio',\r\n    'seguimiento de clientes',\r\n    'atenci\u00f3n en varios canales',\r\n    'respuestas en segundos',\r\n    'agenda y reservas',\r\n    'soporte autom\u00e1tico'\r\n  ];\r\n  var CENTRO = 'OmnIA';\r\n\r\n  var W = 900, H = 520, cx = W\/2, cy = H\/2;\r\n\r\n  \/\/ Nodo central\r\n  function crearCentro(){\r\n    var g = document.createElementNS(NS,'g');\r\n    g.setAttribute('class','oa-corewrap');\r\n\r\n    var halo = document.createElementNS(NS,'circle');\r\n    halo.setAttribute('class','oa-corehalo');\r\n    halo.setAttribute('cx',cx); halo.setAttribute('cy',cy); halo.setAttribute('r',64);\r\n    g.appendChild(halo);\r\n\r\n    var core = document.createElementNS(NS,'circle');\r\n    core.setAttribute('class','oa-core');\r\n    core.setAttribute('cx',cx); core.setAttribute('cy',cy); core.setAttribute('r',46);\r\n    g.appendChild(core);\r\n\r\n    var t = document.createElementNS(NS,'text');\r\n    t.setAttribute('class','oa-coretext');\r\n    t.setAttribute('x',cx); t.setAttribute('y',cy);\r\n    t.setAttribute('text-anchor','middle');\r\n    t.setAttribute('dominant-baseline','central');\r\n    t.setAttribute('data-oa-center','');\r\n    t.textContent = CENTRO;\r\n    g.appendChild(t);\r\n\r\n    gNodes.appendChild(g);\r\n  }\r\n\r\n  \/\/ Ancho aproximado de cada pastilla segun el texto\r\n  function anchoPildora(texto){\r\n    return Math.max(90, texto.length * 8.4 + 34);\r\n  }\r\n\r\n  function crearNodos(){\r\n    var n = TERMINOS.length;\r\n    var rx = 330, ry = 190;          \/\/ radio del ovalo donde se reparten\r\n    TERMINOS.forEach(function(texto, i){\r\n      var ang = (-Math.PI\/2) + (i \/ n) * Math.PI * 2;\r\n      var x = cx + Math.cos(ang) * rx;\r\n      var y = cy + Math.sin(ang) * ry;\r\n\r\n      \/\/ Arista curva desde el centro\r\n      var edge = document.createElementNS(NS,'path');\r\n      var mx = (cx + x)\/2 + (Math.cos(ang) * 18);\r\n      var my = (cy + y)\/2 + (Math.sin(ang) * 18);\r\n      var d = 'M '+cx+' '+cy+' Q '+mx+' '+my+' '+x+' '+y;\r\n      edge.setAttribute('d', d);\r\n      edge.setAttribute('class','oa-edge');\r\n      edge.style.setProperty('--k', i);\r\n      gEdges.appendChild(edge);\r\n      var len = edge.getTotalLength();\r\n      edge.style.setProperty('--len', len);\r\n\r\n      \/\/ Pastilla + texto\r\n      var w = anchoPildora(texto), h = 34;\r\n      var g = document.createElementNS(NS,'g');\r\n      g.setAttribute('class','oa-wordwrap');\r\n      g.style.setProperty('--k', i);\r\n\r\n      var pill = document.createElementNS(NS,'rect');\r\n      pill.setAttribute('class','oa-wordpill');\r\n      pill.setAttribute('x', x - w\/2); pill.setAttribute('y', y - h\/2);\r\n      pill.setAttribute('width', w); pill.setAttribute('height', h);\r\n      pill.setAttribute('rx', 4);\r\n      g.appendChild(pill);\r\n\r\n      var dot = document.createElementNS(NS,'circle');\r\n      dot.setAttribute('class','oa-worddot');\r\n      dot.setAttribute('cx', x - w\/2 + 15); dot.setAttribute('cy', y);\r\n      dot.setAttribute('r', 3.5);\r\n      g.appendChild(dot);\r\n\r\n      var t = document.createElementNS(NS,'text');\r\n      t.setAttribute('class','oa-wordtext');\r\n      t.setAttribute('x', x - w\/2 + 27); t.setAttribute('y', y);\r\n      t.setAttribute('dominant-baseline','central');\r\n      t.textContent = texto;\r\n      g.appendChild(t);\r\n\r\n      gNodes.appendChild(g);\r\n    });\r\n  }\r\n\r\n  crearNodos();\r\n  crearCentro();\r\n\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if(e.isIntersecting){ section.classList.add('is-in'); io.disconnect(); }\r\n      });\r\n    }, { threshold: 0.3 });\r\n    io.observe(section);\r\n  } else {\r\n    section.classList.add('is-in');\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-faff607 e-flex e-con-boxed e-con e-parent\" data-id=\"faff607\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c9eec6 elementor-widget elementor-widget-html\" data-id=\"5c9eec6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  OmnIA Reply \u2014 Bloque 07: \"Hacia d\u00f3nde vamos\" (cierre de propuesta de valor)\r\n  Va antes del bloque de planes. Es el pelda\u00f1o mas claro de la escala, casi blanco.\r\n  El cierre recoge la palabra \"atender\" del bloque 1: abre el sitio y lo cierra.\r\n\r\n  ====================  QUE TIENES QUE HACER  ====================\r\n\r\n  1) Los dos botones. \"Empieza gratis\" abre el panel de registro del bloque 1\r\n     (data-oa-open). \"Ver planes\" hace scroll al bloque de planes: ajusta el\r\n     href=\"#planes\" si tu seccion de planes usa otro id.\r\n\r\n  ================================================================\r\n\r\n  Pegar en un widget HTML de Elementor, seccion a ancho completo, sin padding.\r\n  El blindaje usa :where() (especificidad cero): neutraliza al tema sin ganarle\r\n  al bloque. Sin JavaScript el bloque se ve completo; solo se pierde la\r\n  aparicion suave al entrar en pantalla.\r\n-->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"oa-thesis\" id=\"hacia-donde-vamos\">\r\n  <div class=\"oa-thesis__inner\">\r\n\r\n    <p class=\"oa-thesis__eyebrow\">Nuestra tesis<\/p>\r\n\r\n    <h2 class=\"oa-thesis__h2\">\r\n      La IA no est\u00e1 para reemplazar a tu equipo. Est\u00e1 para devolverle el tiempo.\r\n    <\/h2>\r\n\r\n    <div class=\"oa-thesis__body\">\r\n      <p class=\"oa-thesis__p\">\r\n        Construimos OmnIA sobre una idea simple: todo lo que se puede clasificar,\r\n        prospectar y responder al instante deber\u00eda hacerlo una inteligencia\r\n        artificial, para que las personas de tu equipo hagan lo \u00fanico que una\r\n        m\u00e1quina no puede \u2014 pensar la estrategia, cerrar el trato dif\u00edcil, cuidar\r\n        la relaci\u00f3n que importa.\r\n      <\/p>\r\n      <p class=\"oa-thesis__p\">\r\n        No es un CRM con un chatbot encima. Es una plataforma donde la inteligencia\r\n        artificial atraviesa cada proceso: encuentra d\u00f3nde te buscan, atrae ese\r\n        tr\u00e1fico, y deja cada canal listo para que la primera respuesta llegue en\r\n        segundos y la experiencia sea de las que se recuerdan. Marketing, ventas y\r\n        servicio, por fin operando desde el mismo lugar.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"oa-thesis__future\">\r\n      <span class=\"oa-thesis__mark\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"oa-thesis__futureTxt\">\r\n        Y no est\u00e1 terminada. Cada semana sumamos funcionalidades nuevas, porque la\r\n        forma en que la gente compra y quiere ser atendida cambia cada semana.\r\n        Empezar hoy no es comprar lo que OmnIA es. <b>Es subirte a lo que est\u00e1 siendo.<\/b>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"oa-thesis__close\">\r\n      <p class=\"oa-thesis__closeTxt\">Deja de perder clientes en el silencio.<br>Empieza a atender.<\/p>\r\n      <div class=\"oa-thesis__cta\">\r\n        <button type=\"button\" class=\"oa-tbtn oa-tbtn--solid\" data-oa-open>Empieza gratis<\/button>\r\n        <a class=\"oa-tbtn oa-tbtn--ghost\" href=\"#planes\">Ver planes<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap');\r\n\r\n\/* ===== Blindaje contra el tema, especificidad cero ===== *\/\r\n:where(.oa-thesis),\r\n:where(.oa-thesis) :where(*){\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;\r\n  text-transform:none;\r\n  box-sizing:border-box;\r\n  letter-spacing:normal;\r\n  margin:0;\r\n  padding:0;\r\n  border:0;\r\n  background:none;\r\n  color:inherit;\r\n  font-size:inherit;\r\n  line-height:inherit;\r\n  text-shadow:none;\r\n  list-style:none;\r\n}\r\n.oa-thesis,\r\n.oa-thesis *{\r\n  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif !important;\r\n  text-transform:none !important;\r\n}\r\n.oa-thesis h1,.oa-thesis h2,.oa-thesis h3{color:#1A0B2E !important;}\r\n.oa-thesis a,.oa-thesis button{text-decoration:none !important;}\r\n.oa-thesis b{font-weight:700;font-variation-settings:'wght' 700;}\r\n\r\n\/* ===== Bloque ===== *\/\r\n.oa-thesis{\r\n  --oa-ink:#1A0B2E;\r\n  --oa-violet:#7C3AED;\r\n  --oa-lila:#A78BFA;\r\n  --oa-paper:#FAF8FF;\r\n  --oa-green:#4ADE80;\r\n\r\n  position:relative;\r\n  background:var(--oa-paper);\r\n  color:var(--oa-ink);\r\n  font-weight:400;\r\n  font-stretch:100%;\r\n  font-variation-settings:'wdth' 100,'wght' 400;\r\n  padding:clamp(4.5rem,10vw,8rem) clamp(1.25rem,5vw,5rem);\r\n  line-height:1.5;\r\n  overflow:hidden;\r\n}\r\n\r\n.oa-thesis__inner{max-width:1000px;margin:0 auto;}\r\n\r\n.oa-thesis__eyebrow{\r\n  font-size:.82rem;\r\n  font-weight:640;\r\n  font-variation-settings:'wght' 640;\r\n  letter-spacing:.06em;\r\n  color:var(--oa-violet);\r\n  margin-bottom:1.25rem;\r\n  opacity:0;\r\n  transform:translateY(12px);\r\n  transition:opacity .6s ease,transform .6s ease;\r\n}\r\n\r\n.oa-thesis__h2{\r\n  max-width:22ch;\r\n  font-size:clamp(2.15rem,5vw,4rem);\r\n  font-weight:730;\r\n  font-stretch:110%;\r\n  font-variation-settings:'wdth' 110,'wght' 730;\r\n  line-height:1.03;\r\n  letter-spacing:-.035em;\r\n  color:var(--oa-ink);\r\n  text-wrap:balance;\r\n  opacity:0;\r\n  transform:translateY(16px);\r\n  transition:opacity .7s ease .08s,transform .7s ease .08s;\r\n}\r\n\r\n.oa-thesis__body{\r\n  margin-top:clamp(2rem,4vw,2.75rem);\r\n  display:grid;\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n  gap:clamp(1.5rem,4vw,3rem);\r\n  max-width:78ch;\r\n  opacity:0;\r\n  transform:translateY(16px);\r\n  transition:opacity .7s ease .16s,transform .7s ease .16s;\r\n}\r\n.oa-thesis__p{\r\n  font-size:clamp(1.02rem,1.4vw,1.15rem);\r\n  line-height:1.6;\r\n  color:rgba(26,11,46,.76);\r\n}\r\n\r\n.oa-thesis__future{\r\n  margin-top:clamp(2.5rem,5vw,3.5rem);\r\n  display:grid;\r\n  grid-template-columns:auto 1fr;\r\n  gap:1.15rem;\r\n  align-items:start;\r\n  max-width:60ch;\r\n  opacity:0;\r\n  transform:translateY(16px);\r\n  transition:opacity .7s ease .24s,transform .7s ease .24s;\r\n}\r\n.oa-thesis__mark{\r\n  width:3px;\r\n  align-self:stretch;\r\n  min-height:100%;\r\n  background:linear-gradient(180deg,var(--oa-violet),var(--oa-green));\r\n  border-radius:2px;\r\n}\r\n.oa-thesis__futureTxt{\r\n  font-size:clamp(1.05rem,1.5vw,1.25rem);\r\n  line-height:1.55;\r\n  color:rgba(26,11,46,.82);\r\n}\r\n.oa-thesis__futureTxt b{color:var(--oa-ink);}\r\n\r\n\/* ---------- Cierre ---------- *\/\r\n\r\n.oa-thesis__close{\r\n  margin-top:clamp(3.5rem,7vw,5.5rem);\r\n  padding-top:clamp(2.5rem,5vw,3.5rem);\r\n  border-top:1px solid rgba(45,27,78,.14);\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n  gap:2rem;\r\n  opacity:0;\r\n  transform:translateY(16px);\r\n  transition:opacity .7s ease .32s,transform .7s ease .32s;\r\n}\r\n\r\n.oa-thesis__closeTxt{\r\n  font-size:clamp(1.8rem,3.6vw,2.9rem);\r\n  font-weight:700;\r\n  font-stretch:98%;\r\n  font-variation-settings:'wdth' 98,'wght' 700;\r\n  line-height:1.08;\r\n  letter-spacing:-.03em;\r\n  color:var(--oa-ink);\r\n}\r\n\r\n.oa-thesis__cta{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:.75rem;\r\n}\r\n\r\n.oa-thesis .oa-tbtn{\r\n  display:inline-block;\r\n  padding:.95rem 2rem;\r\n  border-radius:2px;\r\n  font-size:1.05rem;\r\n  line-height:1.4;\r\n  font-weight:650;\r\n  font-variation-settings:'wght' 650;\r\n  cursor:pointer;\r\n  transition:background-color .18s ease,color .18s ease,border-color .18s ease;\r\n}\r\n.oa-thesis .oa-tbtn--solid{\r\n  background:var(--oa-violet);\r\n  color:#fff;\r\n  border:1px solid var(--oa-violet);\r\n}\r\n.oa-thesis .oa-tbtn--solid:hover,\r\n.oa-thesis .oa-tbtn--solid:focus-visible{background:#6D28D9;border-color:#6D28D9;color:#fff;}\r\n.oa-thesis .oa-tbtn--ghost{\r\n  background:transparent;\r\n  color:var(--oa-ink);\r\n  border:1px solid rgba(45,27,78,.28);\r\n}\r\n.oa-thesis .oa-tbtn--ghost:hover,\r\n.oa-thesis .oa-tbtn--ghost:focus-visible{border-color:var(--oa-violet);color:var(--oa-violet);}\r\n.oa-thesis .oa-tbtn:focus-visible{outline:2px solid var(--oa-green);outline-offset:3px;}\r\n\r\n\/* ---------- Aparicion ---------- *\/\r\n\r\n.oa-thesis.is-in .oa-thesis__eyebrow,\r\n.oa-thesis.is-in .oa-thesis__h2,\r\n.oa-thesis.is-in .oa-thesis__body,\r\n.oa-thesis.is-in .oa-thesis__future,\r\n.oa-thesis.is-in .oa-thesis__close{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n\r\n@media (max-width:820px){\r\n  .oa-thesis__body{grid-template-columns:1fr;gap:1.15rem;}\r\n  .oa-thesis__close{flex-direction:column;align-items:flex-start;}\r\n  .oa-thesis__cta{width:100%;}\r\n  .oa-thesis .oa-tbtn{flex:1 1 auto;text-align:center;}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .oa-thesis__eyebrow,\r\n  .oa-thesis__h2,\r\n  .oa-thesis__body,\r\n  .oa-thesis__future,\r\n  .oa-thesis__close{opacity:1 !important;transform:none !important;transition:none !important;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var el = document.getElementById('hacia-donde-vamos');\r\n  if(!el) return;\r\n  if(!('IntersectionObserver' in window)){ el.classList.add('is-in'); return; }\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){ el.classList.add('is-in'); io.disconnect(); }\r\n    });\r\n  }, { threshold: 0.25 });\r\n  io.observe(el);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>atender 1. Prestar atenci\u00f3n a algo. 2. Ocuparse de alguien que lo necesita. En tu negocio son la misma cosa. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/omniareply.com\/en\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/omniareply.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/omniareply.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/omniareply.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/omniareply.com\/en\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":249,"href":"https:\/\/omniareply.com\/en\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":536,"href":"https:\/\/omniareply.com\/en\/wp-json\/wp\/v2\/pages\/6\/revisions\/536"}],"wp:attachment":[{"href":"https:\/\/omniareply.com\/en\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}