{"id":30361,"date":"2025-11-05T15:36:23","date_gmt":"2025-11-05T21:36:23","guid":{"rendered":"https:\/\/digital.blip.ai\/es\/?page_id=30361"},"modified":"2025-11-27T17:00:04","modified_gmt":"2025-11-27T23:00:04","slug":"chatbots-inteligencia-artificial-atencion-cliente","status":"publish","type":"page","link":"https:\/\/digital.blip.ai\/es\/chatbots-inteligencia-artificial-atencion-cliente\/","title":{"rendered":"Mientras otros hablan, t\u00fa conectas con clientes a trav\u00e9s de inteligencia artificial\u00a0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30361\" class=\"elementor elementor-30361\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50eb6db e-con-full e-flex e-con e-parent\" data-id=\"50eb6db\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62f8183 elementor-widget elementor-widget-html\" data-id=\"62f8183\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n <div class=\"blip-lp-topbar\">\r\n    <div class=\"blip-lp-topbar-inner\">\r\n      <img decoding=\"async\" class=\"blip-lp-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_logo.webp\" alt=\"blip\" width=\"84\" height=\"28\" title=\"\">\r\n      <div class=\"blip-lp-help\">\r\n        <span class=\"blip-lp-help-text\">\u00bfNecesitas ayuda?<\/span>\r\n        <a class=\"blip-lp-help-cta\" href=\"#contacto\" aria-label=\"Habla con un asesor\">Habla con un Asesor<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<!-- ====== HERO BLIP (HTML) ====== -->\r\n<section class=\"blip-lp-hero\" aria-labelledby=\"blip-lp-hero-title\">\r\n  <img decoding=\"async\" class=\"blip-lp-hero-vector\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/Vector.svg\" alt=\"-\" title=\"\">\r\n  <div class=\"blip-lp-hero-bkg\">\r\n <div class=\"blip-lp-title-container blip-lp-anim blip-lp-anim-up\" style=\"--blip-lp-delay:.05s\"><h1 id=\"blip-lp-hero-title\" class=\"blip-lp-title\">\r\n        Mientras otros <span class=\"blip-lp-accent blip-lp-accent-strong\">hablan, t\u00fa conectas<\/span> con\r\n        clientes a trav\u00e9s de <span class=\"blip-lp-accent blip-lp-accent-strong\">inteligencia artificial<\/span>\r\n      <\/h1><\/div>\r\n  <div class=\"blip-lp-wrap \">\r\n   \r\n    <div class=\"blip-lp-col blip-lp-copy blip-lp-anim blip-lp-anim-left\" style=\"--blip-lp-delay:.15s\">\r\n      \r\n\r\n      <p class=\"blip-lp-lead\">\r\n        Vende en <strong>WhatsApp<\/strong> y otros canales <strong>24\/7<\/strong>, resolviendo\r\n        hasta el <strong>80% de las conversaciones<\/strong> de forma autom\u00e1tica y manteniendo el\r\n        contexto y la empat\u00eda.\r\n      <\/p>\r\n\r\n      <div class=\"blip-lp-badges\">\r\n        <a class=\"blip-lp-badge\" href=\"#contacto\">Implementaci\u00f3n r\u00e1pida<\/a>\r\n        <a class=\"blip-lp-badge blip-lp-badge-light\" href=\"#contacto\">Soporte experto en cada paso<\/a>\r\n      <\/div>\r\n\r\n      <p class=\"blip-lp-note\">\r\n        Y con <strong>Blip Copilot<\/strong>, recibe <strong>sugerencias inteligentes<\/strong> en tiempo real\r\n        y reduce hasta un <strong>30%<\/strong> el tiempo medio de atenci\u00f3n.\r\n      <\/p>\r\n\r\n   \r\n    <\/div>\r\n   \r\n\r\n    <div class=\"blip-lp-col blip-lp-visual\" aria-hidden=\"true\">\r\n      <img decoding=\"async\" class=\"blip-lp-laptop blip-lp-anim blip-lp-anim-right\" style=\"--blip-lp-delay:.25s\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img01.webp\" alt=\"-\" title=\"\">\r\n    <\/div>\r\n     <img decoding=\"async\" class=\"blip-lp-hero-vector-mobile\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/Vector.svg\" alt=\"-\" title=\"\">\r\n  <\/div>\r\n\r\n   <div class=\"blip-lp-cta-row blip-lp-anim blip-lp-anim-up\" style=\"--blip-lp-delay:.35s\">\r\n         <p class=\"blip-lp-subline\">Descubre c\u00f3mo nuestra <strong>IA mejora la atenci\u00f3n<\/strong> al cliente:<\/p>\r\n\r\n      <a class=\"blip-lp-cta\" href=\"#contacto\">Conocer nuestra IA<\/a>\r\n    <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- ===================== M\u00c9TRICAS BLIP ===================== -->\r\n<section class=\"blip-lp-metrics\" style=\"--blip-lp-bg:url('https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/nubes_1.webp')\">\r\n  <div class=\"blip-lp-metrics-wrap\">\r\n    <!-- Columna izquierda: texto y KPIs -->\r\n    <div class=\"blip-lp-metrics-copy blip-lp-anim blip-lp-anim-left\" style=\"--blip-lp-delay:.05s\">\r\n      <h2 class=\"blip-lp-metrics-title\">\r\n        \u00bfPor qu\u00e9 elegir <span class=\"blip-lp-strong\">Blip<\/span> como tu\r\n        <span class=\"blip-lp-strong\">soporte de atenci\u00f3n al cliente<\/span>?\r\n      <\/h2>\r\n\r\n      <ul class=\"blip-lp-kpis\">\r\n        <!-- KPI 1 -->\r\n        <li class=\"blip-lp-kpi blip-lp-anim blip-lp-anim-up\" style=\"--blip-lp-delay:.12s\">\r\n          <span class=\"blip-lp-kpi-value\">50%<\/span>\r\n          <p class=\"blip-lp-kpi-text\">\r\n            M\u00e1s de casos resueltos de forma autom\u00e1tica con <span class=\"blip-lp-strong\">Blip AI Agent<\/span>\r\n          <\/p>\r\n        <\/li>\r\n        <!-- KPI 2 -->\r\n        <li class=\"blip-lp-kpi blip-lp-anim blip-lp-anim-up\" style=\"--blip-lp-delay:.18s\">\r\n          <span class=\"blip-lp-kpi-value\">+91%<\/span>\r\n          <p class=\"blip-lp-kpi-text\">\r\n            De los usuarios afirman que trabajan m\u00e1s r\u00e1pido con <span class=\"blip-lp-strong\">Copilot<\/span>\r\n          <\/p>\r\n        <\/li>\r\n        <!-- KPI 3 -->\r\n        <li class=\"blip-lp-kpi blip-lp-anim blip-lp-anim-up\" style=\"--blip-lp-delay:.24s\">\r\n          <span class=\"blip-lp-kpi-value\">75%<\/span>\r\n          <p class=\"blip-lp-kpi-text\">\r\n            De las empresas mejoran su eficiencia operativa con <span class=\"blip-lp-strong\">Blip<\/span>\r\n          <\/p>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <p class=\"blip-lp-metrics-footnote blip-lp-anim blip-lp-anim-up\" style=\"--blip-lp-delay:.32s\">\r\n        Empresas que ya usan <span class=\"blip-lp-strong\">Blip<\/span> han\r\n        <span class=\"blip-lp-strong\">reducido el tiempo de respuesta<\/span> y aumentado la satisfacci\u00f3n del cliente.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Columna derecha: tel\u00e9fono + gorra -->\r\n    <div class=\"blip-lp-metrics-visual blip-lp-anim blip-lp-anim-right\" style=\"--blip-lp-delay:.18s\" aria-hidden=\"true\">\r\n    \r\n      <div class=\"blip-cap2-scene\">\r\n  <div class=\"blip-cap2-phone\">\r\n    <div class=\"blip-cap2-screen\"><\/div>\r\n    <div class=\"blip-cap2-notch\"><\/div>\r\n\r\n    <!-- Gorro -->\r\n    <img decoding=\"async\" class=\"blip-cap2-hat\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/gorro-1.webp\" alt=\"Gorro\" title=\"\">\r\n\r\n    <!-- Mensajes -->\r\n    <div class=\"blip-cap2-msg blip-cap2-msg-1\">\r\n      Hola, soy tu Asesor autom\u00e1tico<br>\r\n      personal.<br>\r\n      \u00bfPuedo ayudarte en algo?\r\n      <span class=\"blip-cap2-time\">11:08<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"blip-cap2-msg blip-cap2-msg-2\">\r\n      S\u00ed, quisiera ajustar algunos<br>\r\n      productos de mi tienda\r\n      <span class=\"blip-cap2-time\">11:07 \u2713\u2713<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"blip-cap2-msg blip-cap2-msg-3\">\r\n      Entiendo, ser\u00e1 un placer ayudarte\r\n      <span class=\"blip-cap2-time\">11:09<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"blip-cap2-msg blip-cap2-msg-4\">\r\n      <span class=\"blip-cap2-dots\">\u25cf \u25cf \u25cf<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style type=\"text\/css\">\r\n\/* Escena general \u2013 fondo completamente transparente *\/\r\n.blip-cap2-scene {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 20px;\r\n  background: transparent;\r\n}\r\n\r\n\/* Tel\u00e9fono *\/\r\n.blip-cap2-phone {\r\n  position: relative;\r\n  width: 280px;\r\n  height: 570px;                 \/* m\u00e1s bajito que antes *\/\r\n  border-radius: 46px;\r\n  background: #1E409A;\r\n  box-shadow: 0 22px 40px rgba(0,0,0,0.35);\r\n  padding: 10px;\r\n  overflow: visible;         \r\n  border:solid 2px #4295FE;\r\n}\r\n\r\n\/* Pantalla interna *\/\r\n.blip-cap2-screen {\r\n  position: absolute;\r\n  inset: 10px;\r\n  border-radius: 36px;\r\n  background: linear-gradient(180deg,#325EE7,#294FC9);\r\n}\r\n\r\n\/* Notch *\/\r\n.blip-cap2-notch {\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 90px;\r\n  height: 18px;\r\n  border-radius: 12px;\r\n  background: #000;\r\n}\r\n\r\n\/* Gorro balance\u00e1ndose *\/\r\n.blip-cap2-hat {\r\n  position: absolute;\r\n  top: 40px;\r\n  right: -60px;\r\n  width: 160px;\r\n  z-index: 9999;\r\n  height: auto;\r\n  transform-origin: center;\r\n  animation: blip-cap2-hat-sway 3.5s ease-in-out infinite alternate;\r\n  pointer-events: none;\r\n}\r\n\r\n@keyframes blip-cap2-hat-sway {\r\n  0%   { transform: translateX(-6px) rotate(-4deg); }\r\n  50%  { transform: translateX(3px) rotate(2deg); }\r\n  100% { transform: translateX(8px) rotate(4deg); }\r\n}\r\n\r\n\/* Burbujas de mensaje *\/\r\n.blip-cap2-msg {\r\n  position: absolute;\r\n  max-width: 210px;\r\n  width: 100%;\r\n  padding: 12px 14px 12px;\r\n  border-radius: 10px;\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  font-size: 13px;\r\n  line-height: 1.35;\r\n  color: #fff;\r\n  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25);\r\n  opacity: 0;\r\n  transform: translateY(60px);\r\n}\r\n\r\n\/* Tiempo dentro del mensaje *\/\r\n.blip-cap2-time {\r\n  display: block;\r\n  margin-top: 4px;\r\n  font-size: 11px;\r\n  opacity: 0.75;\r\n  text-align: right;\r\n}\r\n\r\n\/* Globito de \"escribiendo\" *\/\r\n.blip-cap2-msg-4 .blip-cap2-dots {\r\n  letter-spacing: 0.16em;\r\n  font-size: 13px;\r\n}\r\n\r\n\/* Posiciones finales de cada mensaje (intercalados y uno bajo otro) *\/\r\n.blip-cap2-msg-1 {\r\n  background: rgba(120, 187, 255, 0.96);\r\n  top: 10%;\r\n  left: -18%;           \/* sobresale a la izquierda *\/\r\n  animation: blip-cap2-msg-appear-1 6s infinite;\r\n}\r\n.blip-cap2-msg-2 {\r\n  background: #1d2a4f;\r\n  top: 38%;\r\n  right: -15%;          \/* sobresale a la derecha *\/\r\n  animation: blip-cap2-msg-appear-2 6s infinite;\r\n}\r\n\/* ---------------------------\r\n   PIQUITOS ESTILO WHATSAPP\r\n---------------------------- *\/\r\n\r\n\/* Mensajes celestes (izquierda) *\/\r\n.blip-cap2-msg-1::after,\r\n.blip-cap2-msg-3::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 18px;              \/* ajusta la altura del piquito *\/\r\n  left: -6px;                \/* qu\u00e9 tanto sale del globo *\/\r\n  width: 12px;\r\n  height: 12px;\r\n  background: rgba(120,187,255,0.96);\r\n  transform: rotate(45deg);\r\n  border-radius: 3px;        \/* redondea un poco las puntas *\/\r\n}\r\n\r\n\/* Mensajes azul oscuro (derecha) *\/\r\n.blip-cap2-msg-2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 18px;\r\n  right: -6px;\r\n  width: 12px;\r\n  height: 12px;\r\n  background: #1d2a4f;\r\n  transform: rotate(45deg);\r\n  border-radius: 3px;\r\n}\r\n\r\n.blip-cap2-msg-3 {\r\n  background: rgba(120, 187, 255, 0.96);\r\n  top: 58%;\r\n  left: -12%;\r\n  animation: blip-cap2-msg-appear-3 6s infinite;\r\n}\r\n.blip-cap2-msg-4 {\r\n  background: #1d2a4f;\r\n  top: 78%;\r\n  left: 10%;\r\n  padding: 10px 18px;\r\n  max-width: 100px;\r\n  text-align: center;\r\n  animation: blip-cap2-msg-appear-4 6s infinite;\r\n}\r\n\r\n\/* === Animaciones secuenciales === *\/\r\n\/* M1: aparece primero *\/\r\n@keyframes blip-cap2-msg-appear-1 {\r\n  0%, 5% {\r\n    opacity: 0;\r\n    transform: translateY(60px);\r\n  }\r\n  10%, 100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* M2: aparece despu\u00e9s de M1 *\/\r\n@keyframes blip-cap2-msg-appear-2 {\r\n  0%, 25% {\r\n    opacity: 0;\r\n    transform: translateY(60px);\r\n  }\r\n  30%, 100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* M3 *\/\r\n@keyframes blip-cap2-msg-appear-3 {\r\n  0%, 45% {\r\n    opacity: 0;\r\n    transform: translateY(60px);\r\n  }\r\n  50%, 100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* M4 (los tres ya est\u00e1n visibles, aparece el de puntos) *\/\r\n@keyframes blip-cap2-msg-appear-4 {\r\n  0%, 65% {\r\n    opacity: 0;\r\n    transform: translateY(60px);\r\n  }\r\n  70%, 100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n<\/style>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============== SECCI\u00d3N: \u00bfPor qu\u00e9 tu atenci\u00f3n necesita IA? ============== -->\r\n<section class=\"blip-lp-split\" style=\"--blip-lp-left-bg:url('https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img05.webp')\">\r\n  <div class=\"blip-lp-split-grid\">\r\n    <!-- Columna izquierda -->\r\n    <div class=\"blip-lp-split-left blip-lp-anim blip-lp-anim-left\" style=\"background-image: url('https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img05.webp');\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Columna derecha -->\r\n    <div class=\"blip-lp-split-right\">\r\n      <div class=\"blip-lp-split-inner\">\r\n\r\n        <h2 class=\"blip-lp-split-title blip-lp-anim blip-lp-anim-up\" style=\"--blip-lp-delay:.05s\">\r\n          \u00bfPor qu\u00e9 tu atenci\u00f3n al cliente <span class=\"blip-lp-bold\">necesita IA<\/span>?\r\n        <\/h2>\r\n\r\n        <div class=\"blip-lp-two-cols\">\r\n          <!-- Bloque A -->\r\n          <article class=\"blip-lp-card blip-lp-anim blip-lp-anim-right\" style=\"--blip-lp-delay:.12s\">\r\n            <h3 class=\"blip-lp-card-title\">\r\n              Hoy muchas <span class=\"blip-lp-accent\">empresas<\/span> enfrentan:\r\n            <\/h3>\r\n            <ul class=\"blip-lp-list\">\r\n              <li class=\"blip-lp-li\">\r\n                <img decoding=\"async\" class=\"blip-lp-ico\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico06.webp\" alt=\"Integraci\u00f3n\" loading=\"lazy\" title=\"\">\r\n                Falta de integraci\u00f3n entre sistemas que frena la operaci\u00f3n interna\r\n              <\/li>\r\n              <li class=\"blip-lp-li\">\r\n                <img decoding=\"async\" class=\"blip-lp-ico\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico02.webp\" alt=\"Reloj\" loading=\"lazy\" title=\"\">\r\n                Largos tiempos de espera para los clientes\r\n              <\/li>\r\n              <li class=\"blip-lp-li\">\r\n                <img decoding=\"async\" class=\"blip-lp-ico\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico04.webp\" alt=\"Empat\u00eda\" loading=\"lazy\" title=\"\">\r\n                Respuestas poco emp\u00e1ticas que no reflejan la voz de la marca\r\n              <\/li>\r\n            <\/ul>\r\n          <\/article>\r\n\r\n          <!-- Bloque B -->\r\n          <article class=\"blip-lp-card blip-lp-anim blip-lp-anim-right\" style=\"--blip-lp-delay:.18s\">\r\n            <h3 class=\"blip-lp-card-title\">\r\n              Mientras que sus <span class=\"blip-lp-accent\">asistentes humanos<\/span>:\r\n            <\/h3>\r\n            <ul class=\"blip-lp-list\">\r\n              <li class=\"blip-lp-li\">\r\n                <img decoding=\"async\" class=\"blip-lp-ico\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico01.webp\" alt=\"Tareas repetitivas\" loading=\"lazy\" title=\"\">\r\n                Pierden tiempo en tareas repetitivas\r\n              <\/li>\r\n              <li class=\"blip-lp-li\">\r\n                <img decoding=\"async\" class=\"blip-lp-ico\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico03.webp\" alt=\"Tickets sin historial\" loading=\"lazy\" title=\"\">\r\n                Gestionan cientos de tickets sin historial previo\r\n              <\/li>\r\n              <li class=\"blip-lp-li\">\r\n                <img decoding=\"async\" class=\"blip-lp-ico\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico05.webp\" alt=\"Empat\u00eda\" loading=\"lazy\" title=\"\">\r\n                Intentan generar empat\u00eda con poca informaci\u00f3n\r\n              <\/li>\r\n            <\/ul>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <p class=\"blip-lp-split-foot blip-lp-anim blip-lp-anim-up\" style=\"--blip-lp-delay:.26s\">\r\n          Con <span class=\"blip-lp-accent\">Blip<\/span>, eso cambia.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ============ BLIP AI AGENT ============ -->\r\n<section class=\"blip-lp-agent\" style=\"--blip-lp-bg:url('https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico07.webp')\">\r\n  <div class=\"blip-lp-agent-wrap\">\r\n\r\n    <!-- 1) Encabezados centrados -->\r\n    <div class=\"blip-lp-head blip-lp-anim blip-lp-anim-up\" style=\"--blip-lp-delay:.05s\">\r\n      <img decoding=\"async\" class=\"blip-lp-head-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico08.webp\" alt=\"blip ai agent\" title=\"\">\r\n      <h2 class=\"blip-lp-head-title\">\r\n        Automatizaci\u00f3n 24\/7 con IA conversacional\r\n      <\/h2>\r\n      <p class=\"blip-lp-head-sub\">\r\n        Tu agente IA, listo para responder por s\u00ed mismo.<br>\r\n        <span class=\"blip-lp-dim\">Disponible desde nuestros planes Smart.<\/span>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 2) Dos columnas: safe zone + tarjeta -->\r\n    <div class=\"blip-lp-grid\">\r\n      <!-- Columna A: SAFE ZONE (vac\u00eda) -->\r\n      <div class=\"blip-lp-safe blip-lp-anim blip-lp-anim-left\" aria-hidden=\"true\"><\/div>\r\n\r\n      <!-- Columna B: tarjeta con bullets (iconos WEBP) -->\r\n      <aside class=\"blip-lp-card blip-lp-anim blip-lp-anim-right\" style=\"--blip-lp-delay:.12s\">\r\n        <ul class=\"blip-lp-feats\">\r\n          <li>\r\n            <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico09.webp\" alt=\"-\" class=\"blip-lp-ico\" loading=\"lazy\" title=\"\">\r\n            <span>Conversa con <strong>lenguaje natural<\/strong><\/span>\r\n          <\/li>\r\n          <li>\r\n            <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico10.webp\" alt=\"-\" class=\"blip-lp-ico\" loading=\"lazy\" title=\"\">\r\n            <span><strong>Disponible 24\/7<\/strong><\/span>\r\n          <\/li>\r\n          <li>\r\n            <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico11.webp\" alt=\"-\" class=\"blip-lp-ico\" loading=\"lazy\" title=\"\">\r\n            <span>Habla como <strong>tu marca<\/strong><\/span>\r\n          <\/li>\r\n          <li>\r\n            <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico12.webp\" alt=\"-\" class=\"blip-lp-ico\" loading=\"lazy\" title=\"\">\r\n            <span>Setup simple en <strong>6 pasos<\/strong><\/span>\r\n          <\/li>\r\n          <li>\r\n            <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico13.webp\" alt=\"-\" class=\"blip-lp-ico\" loading=\"lazy\" title=\"\">\r\n            <span><strong>Resuelve<\/strong> sin necesidad de pasar al humano<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"blip-lp-results\">\r\n          <h3>Lo que logra:<\/h3>\r\n          <ul>\r\n            <li><strong>Automatiza<\/strong> sin perder calidad<\/li>\r\n            <li><strong>Aumenta la resoluci\u00f3n<\/strong> sin escalar tickets<\/li>\r\n            <li><strong>Atiende<\/strong> mientras t\u00fa duermes<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n\r\n    <!-- 3) Cinta CTA pegada al bottom de la secci\u00f3n -->\r\n    <div class=\"blip-lp-ribbon-container\">\r\n        <a class=\"blip-lp-ribbon blip-lp-anim blip-lp-anim-up\" style=\"--blip-lp-delay:.18s\" href=\"#contacto\">\r\n      Activa tu agente virtual con Blip y responde sin l\u00edmites\r\n    <\/a>\r\n    <\/div>\r\n  \r\n  <\/div>\r\n<\/section>\r\n<!-- ============== CASO DE \u00c9XITO (aislado con prefijo blip-cx-) ============== -->\r\n<section class=\"blip-cx-case\" style=\"--blip-cx-bg:url('https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/case-bg.jpg')\">\r\n  <div class=\"blip-cx-wrap\">\r\n    <!-- IZQUIERDA -->\r\n    <div class=\"blip-cx-left\">\r\n      <h2 class=\"blip-cx-title blip-cx-anim blip-cx-anim-up\" style=\"--blip-cx-delay:.05s\">Caso de \u00e9xito<\/h2>\r\n\r\n      <p class=\"blip-cx-sub blip-cx-anim blip-cx-anim-up\" style=\"--blip-cx-delay:.1s\">\r\n        La <span class=\"blip-cx-green\">automatizaci\u00f3n<\/span> de <strong>Blip AI Agent<\/strong> impulsa la\r\n        eficiencia operativa y <strong>reduce costos en atenci\u00f3n<\/strong>.\r\n      <\/p>\r\n\r\n      <div class=\"blip-cx-brand blip-cx-anim blip-cx-anim-up\" style=\"--blip-cx-delay:.16s\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"blip-cx-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img09.webp\" alt=\"Granvita\" loading=\"lazy\" width=\"220\" height=\"70\" title=\"\">\r\n        <p class=\"blip-cx-brand-desc\">Empresa brasile\u00f1a de<br>alimentos para animales<\/p>\r\n      <\/div>\r\n\r\n      <!-- KPIs -->\r\n      <div class=\"blip-cx-kpis\">\r\n        <div class=\"blip-cx-kpi blip-cx-anim blip-cx-anim-up\" style=\"--blip-cx-delay:.22s\">\r\n          <span class=\"blip-cx-kpi-val\">+50%<\/span>\r\n          <span class=\"blip-cx-kpi-cap\">resoluciones autom\u00e1ticas<\/span>\r\n        <\/div>\r\n        <div class=\"blip-cx-kpi blip-cx-anim blip-cx-anim-up\" style=\"--blip-cx-delay:.28s\">\r\n          <span class=\"blip-cx-kpi-val\">-70%<\/span>\r\n          <span class=\"blip-cx-kpi-cap\">reducci\u00f3n de atenci\u00f3n humana<\/span>\r\n        <\/div>\r\n        <div class=\"blip-cx-kpi blip-cx-anim blip-cx-anim-up\" style=\"--blip-cx-delay:.34s\">\r\n          <span class=\"blip-cx-kpi-val\">-80%<\/span>\r\n          <span class=\"blip-cx-kpi-cap\">costo medio por ticket<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- DERECHA: tel\u00e9fono pegado al bottom -->\r\n    <div class=\"blip-cx-right blip-cx-anim blip-cx-anim-right\" style=\"--blip-cx-delay:.18s\" aria-hidden=\"true\">\r\n     <!-- ====== GRANVITA CHAT \u2013 PHONE CORTADO ====== -->\r\n<div class=\"granv-chat-shell\">\r\n  <div class=\"granv-chat-phone\">\r\n    <!-- STATUS BAR -->\r\n    <div class=\"granv-status\">\r\n      <span class=\"granv-time\">23:59<\/span>\r\n      <div class=\"granv-notch\"><\/div>\r\n      <div class=\"granv-indicators\" aria-hidden=\"true\">\r\n        <!-- se\u00f1al -->\r\n        <svg viewBox=\"0 0 24 24\" class=\"granv-ico\">\r\n          <path d=\"M2 20h2v-2H2v2zm4 0h2v-6H6v6zm4 0h2v-10h-2v10zm4 0h2V6h-2v14zm4 0h2V2h-2v18z\"\/>\r\n        <\/svg>\r\n        <!-- wifi -->\r\n        <svg viewBox=\"0 0 24 24\" class=\"granv-ico\">\r\n          <path d=\"M12 18.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm7.07-5.57a10 10 0 0 0-14.14 0l1.42 1.42a8 8 0 0 1 11.3 0l1.42-1.42zm3.54-3.54a15 15 0 0 0-24.22 0l1.43 1.42a13 13 0 0 1 21.36 0l1.43-1.42z\"\/>\r\n        <\/svg>\r\n        <!-- bater\u00eda -->\r\n        <svg viewBox=\"0 0 28 14\" class=\"granv-ico batt\">\r\n          <rect x=\"1\" y=\"3\" width=\"22\" height=\"8\" rx=\"2\" ry=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <rect x=\"3\" y=\"5\" width=\"18\" height=\"4\" rx=\"1\" ry=\"1\" fill=\"currentColor\"\/>\r\n          <rect x=\"23.5\" y=\"5\" width=\"3\" height=\"4\" rx=\"1\" ry=\"1\" fill=\"currentColor\"\/>\r\n        <\/svg>\r\n        <span class=\"granv-batt\">100%<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- HEADER CHAT -->\r\n    <div class=\"granv-header\">\r\n      <div class=\"granv-back\">\u2039<\/div>\r\n      <div class=\"granv-avatar\"><\/div>\r\n      <div class=\"granv-title\">\r\n        <div class=\"granv-name\">Quatree<\/div>\r\n        <div class=\"granv-sub\">en l\u00ednea<\/div>\r\n      <\/div>\r\n      <div class=\"granv-actions\" aria-hidden=\"true\">\r\n        <span>\ud83d\udcde<\/span><span>\ud83d\udcf7<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u00c1REA DE CHAT -->\r\n    <div class=\"granv-chat-scroll\" id=\"granvChat\">\r\n      <div class=\"granv-chat-body\">\r\n        <!-- 1. Usuario -->\r\n        <div class=\"granv-msg granv-right\" data-delay=\"0.1\">\r\n          Hola!!\r\n          <span class=\"granv-time small\">11:06 \u2713\u2713<\/span>\r\n        <\/div>\r\n\r\n        <!-- 2. Carmelo -->\r\n        <div class=\"granv-msg granv-left\" data-delay=\"0.7\">\r\n          \u00a1Hola \ud83d\udc4b!<br>\r\n          Soy Carmelo de Quatree, \u00bfc\u00f3mo puedo ayudarte el d\u00eda de hoy?\r\n          <span class=\"granv-time small\">11:07<\/span>\r\n        <\/div>\r\n\r\n        <!-- 3. Usuario -->\r\n        <div class=\"granv-msg granv-right\" data-delay=\"1.3\">\r\n          \u00bfTienen alimento para perros con piel sensible???\r\n          <span class=\"granv-time small\">11:07 \u2713\u2713<\/span>\r\n        <\/div>\r\n\r\n        <!-- 4. Carmelo -->\r\n        <div class=\"granv-msg granv-left\" data-delay=\"1.9\">\r\n          S\u00ed, contamos con Quatree Supreme Dermatological para adultos de todas las razas. Ayuda a minimizar\r\n          el riesgo de irritaci\u00f3n de la piel asociada con la sensibilidad alimentaria.\r\n          <span class=\"granv-time small\">11:08<\/span>\r\n        <\/div>\r\n\r\n        <!-- 5. Carmelo -->\r\n        <div class=\"granv-msg granv-left\" data-delay=\"2.5\">\r\n          \u00bfEs lo que buscabas?\r\n          <span class=\"granv-time small\">11:08<\/span>\r\n        <\/div>\r\n\r\n        <!-- 6. Usuario -->\r\n        <div class=\"granv-msg granv-right\" data-delay=\"3.1\">\r\n          S\u00ed\r\n          <span class=\"granv-time small\">11:09 \u2713\u2713<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- INPUT PEGADO AL FONDO -->\r\n      <div class=\"granv-input\" aria-hidden=\"true\">\r\n        <span class=\"granv-plus\">\uff0b<\/span>\r\n        <div class=\"granv-field\">Escribe un mensaje<\/div>\r\n        <div class=\"granv-icogroup\">\ud83d\udcce \ud83c\udfa4 \ud83d\ude0a<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* CONTENEDOR QUE CORTA EL TEL\u00c9FONO POR LA MITAD *\/\r\n.granv-chat-shell{\r\n  width: 90%;\r\n  max-width:420px;\r\n  height:631px;                 \/* la altura visible que quieras *\/\r\n  margin:0 auto;\r\n  display:flex;\r\n  align-items:flex-start;       \/* <\u2014 ANTES: flex-end *\/\r\n  justify-content:center;\r\n  overflow:hidden;              \/* recorta la parte inferior del tel\u00e9fono *\/\r\n}\r\n\r\n\r\n\/* MARCO DEL TEL\u00c9FONO *\/\r\n.granv-chat-phone{\r\n  --frame:#1E409A;\r\n  --screen:#163a80;\r\n  --bubble-left:#ffffff;\r\n  --bubble-right:#3b82ff;\r\n  --bubble-right-text:#ffffff;\r\n  --muted:#9ca3af;\r\n\r\n  font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\r\n  width:100%;\r\n  aspect-ratio:9\/18;\r\n  border-radius:62px;\r\n  background:var(--frame);\r\n  padding:12px;\r\n  box-shadow:0 18px 30px rgba(0,0,0,.22);\r\n  position:relative;\r\n  border:solid 1px #4295FE;\r\n}\r\n\r\n\/* OPCIONAL: sombra inferior peque\u00f1a del marco *\/\r\n.granv-chat-phone::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:50%;bottom:10px;\r\n  transform:translateX(-50%);\r\n  width:36%;height:4px;\r\n  border-radius:10px;\r\n  background:#0b2d7a;\r\n  opacity:.5;\r\n}\r\n\r\n\/* STATUS BAR *\/\r\n.granv-status,\r\n.granv-header,\r\n.granv-chat-scroll{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n.granv-status{\r\nheight: auto;\r\n    border-top-left-radius: 50px;\r\n    border-top-right-radius: 50px;\r\n    background: #000000;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 18px 38px;\r\n}\r\n.granv-notch{\r\n  position:absolute;\r\n  left:50%;top:0;\r\n  transform:translateX(-50%);\r\n  width:110px;height:18px;\r\n  background:#000;\r\n  border-bottom-left-radius:14px;\r\n  border-bottom-right-radius:14px;\r\n}\r\n.granv-time{font-weight:600;font-size:13px;}\r\n.granv-indicators{display:flex;align-items:center;gap:6px;font-size:11px;}\r\n.granv-ico{width:16px;height:16px;display:block;color:#fff;}\r\n.granv-ico.batt{width:24px;height:14px;}\r\n.granv-batt{font-weight:700;margin-left:2px;}\r\n\r\n\/* HEADER DEL CHAT *\/\r\n.granv-header{\r\n  height:46px;\r\n  background:#000;\r\n  color:#e5edff;\r\n  display:grid;\r\n  grid-template-columns:30px 34px 1fr auto;\r\n  gap:8px;\r\n  align-items:center;\r\n  padding:0 10px;\r\n  border-bottom:1px solid #1f3564;\r\n}\r\n.granv-back{text-align:center;font-size:20px;}\r\n.granv-avatar{\r\n  width:32px;height:32px;border-radius:50%;\r\n  background:#4295FE;\r\n  \r\nbackground-image: url(https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/logo-perrito.webp);\r\nbackground-size: cover;\r\nbackground-position: center;\r\nbackground-repeat: no-repeat;\r\n\r\n}\r\n.granv-title{line-height:1.1;}\r\n.granv-name{font-weight:700;font-size:14px;}\r\n.granv-sub{font-size:11px;color:#43ff7f;}\r\n.granv-actions span{margin-left:6px;font-size:14px;}\r\n\r\n\/* \u00c1REA DE PANTALLA *\/\r\n.granv-chat-scroll{\r\n  background:#162F79;\r\n  height:calc(100% - 76px); \/* alto total menos status+header *\/\r\n  border-bottom-left-radius:24px;\r\n  border-bottom-right-radius:24px;\r\n  overflow:hidden;\r\n  position:relative;\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n\/* CUERPO DEL CHAT *\/\r\n.granv-chat-body{\r\n  position:relative;\r\n  z-index:1;\r\n  flex:1;\r\n  padding:10px 8px 6px;\r\n  overflow-y:auto;\r\n  scrollbar-width:none;\r\n}\r\n.granv-chat-body::-webkit-scrollbar{display:none;}\r\n\r\n\/* MENSAJES *\/\r\n.granv-msg{\r\n  position:relative;\r\n  max-width:78%;\r\n  padding:10px 12px 16px;\r\n  margin:6px 6px 15px;\r\n  border-radius:14px;\r\n  font-size:13px;\r\n  line-height:1.35;\r\n  background:var(--bubble-left);\r\n  color:#111827;\r\n  box-shadow:0 1px 0 rgba(0,0,0,.08);\r\n  opacity:0;\r\n  transform:translateY(10px) scale(.98);\r\n}\r\n\r\n\/* piquitos tipo chat *\/\r\n.granv-msg::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:14px;\r\n  width:10px;height:10px;\r\n  transform:rotate(45deg);\r\n}\r\n.granv-left{\r\n  margin-right:auto;\r\n  border-top-left-radius:4px;\r\n}\r\n.granv-left::after{\r\n  left:-5px;\r\n  background:var(--bubble-left);\r\n}\r\n.granv-right{\r\n  margin-left:auto;\r\n  background:var(--bubble-right);\r\n  color:var(--bubble-right-text);\r\n  border-top-right-radius:4px;\r\n}\r\n.granv-right::after{\r\n  right:-5px;\r\n  background:var(--bubble-right);\r\n}\r\n\r\n.granv-msg.show{\r\n  animation:granv-pop .45s cubic-bezier(.22,.61,.36,1) forwards;\r\n}\r\n@keyframes granv-pop{\r\n  to{opacity:1;transform:translateY(0) scale(1);}\r\n}\r\n\r\n.granv-time.small{\r\n  position:absolute;\r\n  right:8px;bottom:4px;\r\n  font-size:10px;\r\n  color:var(--muted);\r\n}\r\n.granv-dots{\r\n  letter-spacing:0.18em;\r\n}\r\n\r\n\/* INPUT PEGADO AL FONDO *\/\r\n.granv-input{\r\n  position:relative;\r\n  z-index:1;\r\n  padding:6px 8px 8px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:6px;\r\n  background:linear-gradient(180deg,rgba(22,58,128,0),rgba(22,58,128,1) 35%);\r\n}\r\n.granv-plus{font-size:18px;opacity:.8;color:#e5edff;}\r\n.granv-field{\r\n  flex:1;\r\n  height:32px;\r\n  border-radius:18px;\r\n  background:#ffffff;\r\n  color:#6b7280;\r\n  display:flex;\r\n  align-items:center;\r\n  padding:0 12px;\r\n  font-size:13px;\r\n}\r\n.granv-icogroup{opacity:.9;font-size:15px;display:flex;gap:4px;color:#e5edff;}\r\n\r\n\/* Reduce motion *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  .granv-msg{\r\n    opacity:1 !important;\r\n    transform:none !important;\r\n    animation:none !important;\r\n  }\r\n}\r\n<\/style>\r\n    <\/div>\r\n    <!-- NUVES <img decoding=\"async\" class=\"blip-lp-nuve1\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img06.webp\" alt=\"-\" title=\"\">\r\n    <img decoding=\"async\" class=\"blip-lp-nuve2\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img07.webp\" alt=\"-\" title=\"\"> -->\r\n  <\/div>\r\n<\/section>\r\n<!-- ======== BLIP COPILOT (prefijo aislado blip-co-) ======== -->\r\n<section class=\"blip-co-copilot\">\r\n  <!-- Encabezado -->\r\n  <div class=\"blip-co-head blip-co-anim blip-co-anim-up\" style=\"--blip-co-delay:.05s\">\r\n    <img decoding=\"async\" class=\"blip-co-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img11.webp\" alt=\"blip copilot\" width=\"200\" height=\"48\" title=\"\">\r\n    <h2 class=\"blip-co-title\">Asistentes de IA en tiempo real<\/h2>\r\n    <p class=\"blip-co-sub\">\r\n      <strong>El asistente copiloto<\/strong> que <strong>potencia a tu equipo<\/strong> de atenci\u00f3n al cliente.<br>\r\n      <span class=\"blip-co-dim\">Incluido en todos nuestros planes.<\/span>\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- Cuerpo: 2 columnas -->\r\n  <div class=\"blip-co-grid\">\r\n    <!-- Izquierda: bullets con iconos -->\r\n    <ul class=\"blip-co-features blip-co-anim blip-co-anim-left\" style=\"--blip-co-delay:.1s\">\r\n      <li>\r\n        <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico14.webp\" alt=\"-\" class=\"blip-co-ico\" loading=\"lazy\" title=\"\">\r\n        <div><strong>Ayuda<\/strong> en tiempo real<\/div>\r\n      <\/li>\r\n      <li>\r\n        <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico15.webp\" alt=\"-\" class=\"blip-co-ico\" loading=\"lazy\" title=\"\">\r\n        <div><strong>Resume conversaciones<\/strong><br><span class=\"blip-co-dim\">y transcribe audios<\/span><\/div>\r\n      <\/li>\r\n      <li>\r\n        <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico16.webp\" alt=\"-\" class=\"blip-co-ico\" loading=\"lazy\" title=\"\">\r\n        <div>Sugiere <strong>respuestas personalizadas<\/strong><\/div>\r\n      <\/li>\r\n      <li>\r\n        <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico17.webp\" alt=\"-\" class=\"blip-co-ico\" loading=\"lazy\" title=\"\">\r\n        <div><strong>Estandariza el tono<\/strong> y aumenta la capacidad de servicio<\/div>\r\n      <\/li>\r\n    <\/ul>\r\n\r\n    <!-- Derecha: mock con gr\u00e1ficas -->\r\n    <div class=\"blip-co-mock blip-co-anim blip-co-anim-right\" style=\"--blip-co-delay:.15s\" aria-hidden=\"true\">\r\n      <div class=\"blip-co-mock-frame\">\r\n        <img decoding=\"async\" class=\"blip-co-mock-img\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img10.webp\" alt=\"-\" title=\"\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CTA -->\r\n  <div class=\"blip-co-cta-wrap blip-co-anim blip-co-anim-up\" style=\"--blip-co-delay:.2s\">\r\n    <a class=\"blip-co-cta\" href=\"#contacto\">Conoce c\u00f3mo Blip Copilot mejora tu operaci\u00f3n<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ========= CASO DE \u00c9XITO SIM (prefijo aislado blip-sim-) ========= -->\r\n<section class=\"blip-sim-case\" style=\"--blip-sim-bg:url('https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/bg-sim.jpg')\">\r\n  <img decoding=\"async\" class=\"blip-lp-nuve3\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img14.webp\" alt=\"-\" title=\"\">\r\n  <img decoding=\"async\" class=\"blip-lp-nuve4\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img15.webp\" alt=\"-\" title=\"\">\r\n  <div class=\"blip-sim-wrap\">\r\n    <!-- Izquierda: mock del celular -->\r\n    <div class=\"blip-sim-left blip-sim-anim blip-sim-anim-left\" style=\"--blip-sim-delay:.05s\" aria-hidden=\"true\">\r\n     <!-- CDR WhatsApp Chat Phone \u2013 LOOP -->\r\n<div class=\"cdr-chat-phone\">\r\n  <!-- status bar -->\r\n  <div class=\"cdr-chat-status\">\r\n    <span class=\"cdr-time\">23:59<\/span>\r\n    <div class=\"cdr-notch\"><\/div>\r\n    <div class=\"cdr-indicators\" aria-hidden=\"true\">\r\n      <!-- Signal -->\r\n      <svg viewBox=\"0 0 24 24\" class=\"ico\"><path d=\"M2 20h2v-2H2v2zm4 0h2v-6H6v6zm4 0h2v-10h-2v10zm4 0h2V6h-2v14zm4 0h2V2h-2v18z\"\/><\/svg>\r\n      <!-- WiFi -->\r\n      <svg viewBox=\"0 0 24 24\" class=\"ico\"><path d=\"M12 18.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm7.07-5.57a10 10 0 0 0-14.14 0l1.42 1.42a8 8 0 0 1 11.3 0l1.42-1.42zm3.54-3.54a15 15 0 0 0-24.22 0l1.43 1.42a13 13 0 0 1 21.36 0l1.43-1.42z\"\/><\/svg>\r\n      <!-- Battery -->\r\n      <svg viewBox=\"0 0 28 14\" class=\"ico\">\r\n        <rect x=\"1\" y=\"3\" width=\"22\" height=\"8\" rx=\"2\" ry=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n        <rect x=\"3\" y=\"5\" width=\"18\" height=\"4\" rx=\"1\" ry=\"1\" fill=\"currentColor\"\/>\r\n        <rect x=\"23.5\" y=\"5\" width=\"3\" height=\"4\" rx=\"1\" ry=\"1\" fill=\"currentColor\"\/>\r\n      <\/svg>\r\n      <span class=\"cdr-batt\">100%<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- chat header -->\r\n  <div class=\"cdr-chat-header\">\r\n    <div class=\"cdr-back\">\u2039<\/div>\r\n    <div class=\"cdr-avatar\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"cdr-title\">\r\n      <div class=\"cdr-name\">SIM<\/div>\r\n      <div class=\"cdr-sub\">en l\u00ednea<\/div>\r\n    <\/div>\r\n    <div class=\"cdr-actions\" aria-hidden=\"true\">\r\n      <span>\ud83d\udcde<\/span><span>\ud83d\udcf7<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- screen -->\r\n  <div class=\"cdr-chat-scroll\" id=\"cdrChat\">\r\n    <!-- textura de fondo -->\r\n    <div class=\"cdr-wa-texture\"><\/div>\r\n\r\n    <!-- cuerpo scrolleable -->\r\n    <div class=\"cdr-chat-body\">\r\n      <div class=\"cdr-msg left\"  data-delay=\"0.2\">\r\n        \u00a1Hola \ud83d\udc4b\ud83c\udffb es un gusto saludarte!<br>\r\n        Soy Javier Delgado agente de SIM,<br>\r\n        \u00bfc\u00f3mo puedo ayudarte el d\u00eda de hoy?\r\n        <span class=\"cdr-time small\">11:08<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cdr-msg right\" data-delay=\"0.9\">\r\n        Hola, estoy buscando mi primera tarjeta de cr\u00e9dito, no tengo historial y quiero algo sin anualidad\r\n        <span class=\"cdr-time small\">11:07 \u2713\u2713<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cdr-msg left\" data-delay=\"1.6\">\r\n        Justo tengo una opci\u00f3n para ti.<br>\r\n        La Smart Start no cobra anualidad, te da 3% de reembolso en todas tus compras y es ideal para empezar a crear tu historial crediticio\r\n        <span class=\"cdr-time small\">11:08<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cdr-msg left\" data-delay=\"2.3\">\r\n        Si gustas, te mando el link y la solicitas en minutos.\r\n        <span class=\"cdr-time small\">11:08<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cdr-msg right\" data-delay=\"3.0\">\r\n        \u00a1S\u00ed por favor!\r\n        <span class=\"cdr-time small\">11:07 \u2713\u2713<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- barra de input pegada abajo -->\r\n    <div class=\"cdr-input\" aria-hidden=\"true\">\r\n      <span class=\"cdr-plus\">\uff0b<\/span>\r\n      <div class=\"cdr-field\">Escribe un mensaje<\/div>\r\n      <div class=\"cdr-icogroup\">\ud83d\udcce \ud83c\udfa4 \ud83d\ude0a<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.cdr-chat-phone{\r\n  --frame:#4295FE;\r\n  --bg:#111;\r\n  --text:#000;\r\n  --bubble-left:#ffffff;\r\n  --bubble-right:#dcf8c6;\r\n  --muted:#6b7280;\r\n  --screen:#f6f7f8;\r\n  --shadow:0 18px 30px rgba(0,0,0,.22);\r\n\r\n  font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\r\n  width:min(360px, 90vw);\r\n  aspect-ratio:9\/18;           \/* \ud83d\udcf1 un poco m\u00e1s bajito *\/\r\n  margin:20px auto;\r\n  border-radius:52px;\r\n  background:var(--frame);\r\n  padding:12px;\r\n  box-shadow:var(--shadow);\r\n  position:relative;\r\n}\r\n.cdr-chat-phone::after{\r\n  content:\"\";\r\n  position:absolute;left:50%;bottom:8px;transform:translateX(-50%);\r\n  width:34%;height:4px;border-radius:10px;background:#0a2ea6;opacity:.45;\r\n}\r\n\r\n\/* STATUS *\/\r\n.cdr-chat-status,\r\n.cdr-chat-header,\r\n.cdr-chat-scroll{position:relative;z-index:1;}\r\n\r\n.cdr-chat-status{\r\n height: auto;\r\n    border-top-left-radius: 92px;\r\n    border-top-right-radius: 92px;\r\n    background: var(--screen);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    box-sizing: border-box;\r\n    padding: 12px 34px;\r\n}\r\n.cdr-notch{\r\n  position:absolute;left:50%;top:0;transform:translateX(-50%);\r\n  width:70px;height:18px;background:#000;\r\n  border-bottom-left-radius:14px;border-bottom-right-radius:14px;\r\n}\r\n.cdr-time{font-weight:600;letter-spacing:.2px;font-size:13px;color:#000;}\r\n.cdr-indicators{display:flex;align-items:center;gap:6px;font-size:11px;}\r\n.cdr-indicators .ico{width:16px;height:16px;display:block;color: #000;}\r\n.cdr-batt{font-weight:700;margin-left:2px;color: #000;}\r\n\r\n\/* HEADER CHAT *\/\r\n.cdr-chat-header{\r\n  height:46px;background:#e9eef2;\r\n  display:grid;grid-template-columns:30px 34px 1fr auto;\r\n  gap:8px;align-items:center;padding:0 10px;\r\n  border-bottom:1px solid #d8e0e8;\r\n}\r\n.cdr-back{text-align:center;font-size:20px;}\r\n.cdr-avatar{\r\n  width:32px;height:32px;border-radius:50%;\r\n  background:#1968F0;\r\n  \r\n  background-image: url(https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/blip-icon2.webp);\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n}\r\n.cdr-title{line-height:1.1;}\r\n.cdr-name{font-weight:700;font-size:14px;color: #000;}\r\n.cdr-sub{font-size:11px;color:#069320;}\r\n.cdr-actions span{margin-left:6px;font-size:14px;}\r\n\r\n\/* SCREEN AREA *\/\r\n.cdr-chat-scroll{\r\n  background:var(--screen);\r\n  height:calc(100% - 76px); \/* total menos status+header *\/\r\n  border-bottom-left-radius:42px;border-bottom-right-radius:42px;\r\n  overflow:hidden;\r\n  position:relative;\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n.cdr-wa-texture{\r\n  position:absolute;inset:0;z-index:0;opacity:.16;\r\n  background-image:\r\n    url(\"data:image\/svg+xml;utf8,\\\r\n    <svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140' viewBox='0 0 140 140'>\\\r\n      <g fill='none' stroke='%2399a2ac' stroke-width='1' opacity='0.45'>\\\r\n        <circle cx='20' cy='20' r='8'\/><rect x='70' y='70' width='18' height='18' rx='4'\/>\\\r\n        <path d='M110 20l10 10M120 20l-10 10'\/><circle cx='100' cy='110' r='8'\/>\\\r\n        <rect x='18' y='90' width='20' height='10' rx='5'\/>\\\r\n      <\/g>\\\r\n    <\/svg>\");\r\n  background-size:180px 180px;\r\n  background-repeat:repeat;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* cuerpo scrolleable *\/\r\n.cdr-chat-body{\r\n  position:relative;\r\n  z-index:1;\r\n  flex:1;\r\n  padding:10px 8px 6px;\r\n  overflow-y:auto;\r\n  scrollbar-width:none;\r\n}\r\n.cdr-chat-body::-webkit-scrollbar{display:none;}\r\n\r\n\/* mensajes *\/\r\n.cdr-msg{\r\n  position:relative;\r\n  max-width:78%;\r\n  padding:10px 12px 16px;\r\n  margin:6px 6px;\r\n  border-radius:14px;\r\n  font-size:13px;\r\n  line-height:1.35;\r\n  color:var(--text);\r\n  background:var(--bubble-left);\r\n  box-shadow:0 1px 0 rgba(0,0,0,.06);\r\n  opacity:0;\r\n  transform:translateY(10px) scale(.98);\r\n}\r\n.cdr-msg.left{margin-right:auto;border-top-left-radius:4px;}\r\n.cdr-msg.right{\r\n  margin-left:auto;\r\n  background:var(--bubble-right);\r\n  border-top-right-radius:4px;\r\n}\r\n.cdr-msg.show{\r\n  animation:cdr-pop .5s cubic-bezier(.22,.61,.36,1) forwards;\r\n}\r\n@keyframes cdr-pop{\r\n  to{opacity:1;transform:translateY(0) scale(1);}\r\n}\r\n.cdr-msg .cdr-time.small{\r\n  position:absolute;right:8px;bottom:4px;\r\n  font-size:10px;color:#6b7280;\r\n}\r\n\r\n\/* input bottom *\/\r\n.cdr-input{\r\n  position:relative;\r\n  z-index:1;\r\n  padding:14px 34px;\r\n  display:flex;align-items:center;gap:6px;\r\n  background:linear-gradient(180deg,rgba(246,247,248,0),rgba(246,247,248,1) 25%);\r\n}\r\n.cdr-plus{font-size:18px;opacity:.6;}\r\n.cdr-field{\r\n  flex:1;height:32px;border-radius:18px;\r\n  background:#fff;color:#9aa3ad;\r\n  display:flex;align-items:center;\r\n  padding:0 12px;font-size:13px;\r\n  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);\r\n}\r\n.cdr-icogroup{opacity:.8;font-size:15px;display:flex;gap:4px;}\r\n\r\n\/* motion reduce *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  .cdr-msg{opacity:1 !important;transform:none !important;animation:none !important;}\r\n}\r\n<\/style>\r\n\r\n    <\/div>\r\n\r\n    <!-- Derecha: textos + logo + KPIs + CTA -->\r\n    <div class=\"blip-sim-right\">\r\n      <h2 class=\"blip-sim-title blip-sim-anim blip-sim-anim-up\" style=\"--blip-sim-delay:.08s\">\r\n        Caso de \u00e9xito\r\n      <\/h2>\r\n\r\n      <p class=\"blip-sim-sub blip-sim-anim blip-sim-anim-up\" style=\"--blip-sim-delay:.12s\">\r\n        Las sugerencias en tiempo real de <strong>Blip <span class=\"blip-sim-dim\">Copilot<\/span><\/strong> desbloquean\r\n        nuevos niveles de <strong>productividad<\/strong> y <strong>satisfacci\u00f3n<\/strong>.\r\n      <\/p>\r\n\r\n      <img loading=\"lazy\" decoding=\"async\" class=\"blip-sim-logo blip-sim-anim blip-sim-anim-up\" style=\"--blip-sim-delay:.16s\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img13.webp\" alt=\"SIM Santander\" loading=\"lazy\" width=\"180\" height=\"72\" title=\"\">\r\n\r\n      <div class=\"blip-sim-kpis\">\r\n        <div class=\"blip-sim-kpi blip-sim-anim blip-sim-anim-right\" style=\"--blip-sim-delay:.2s\">\r\n          <div class=\"blip-sim-kpi-val\">-30%<\/div>\r\n          <div class=\"blip-sim-kpi-cap\">tiempo medio de atenci\u00f3n<\/div>\r\n        <\/div>\r\n        <div class=\"blip-sim-kpi blip-sim-anim blip-sim-anim-right\" style=\"--blip-sim-delay:.26s\">\r\n          <div class=\"blip-sim-kpi-val\">+7%<\/div>\r\n          <div class=\"blip-sim-kpi-cap\">satisfacci\u00f3n del cliente<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"blip-sim-cta-wrap blip-sim-anim blip-sim-anim-up\" style=\"--blip-sim-delay:.32s\">\r\n        <a class=\"blip-sim-cta\" href=\"#contacto\">Conoce c\u00f3mo Blip Copilot mejora tu operaci\u00f3n<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =================== BENEFICIOS (prefijo aislado blip-bnf-) =================== -->\r\n<section class=\"blip-bnf-section\">\r\n  <!-- 1) T\u00edtulo en una sola columna -->\r\n  <header class=\"blip-bnf-head blip-bnf-anim blip-bnf-anim-up\" style=\"--blip-bnf-delay:.05s\">\r\n    <h2 class=\"blip-bnf-title\">Beneficios de usar Blip<\/h2>\r\n  <\/header>\r\n\r\n  <!-- 2) Dos columnas con badges y bullets (cada una con bullets en 2 columnas) -->\r\n  <div class=\"blip-bnf-grid\">\r\n    <!-- Columna izquierda -->\r\n    <article class=\"blip-bnf-col blip-bnf-anim blip-bnf-anim-left\" style=\"--blip-bnf-delay:.1s\">\r\n      <div class=\"blip-bnf-badge blip-bnf-badge-green\">Beneficio clave<\/div>\r\n\r\n      <ul class=\"blip-bnf-bullets\">\r\n        <li class=\"blip-bnf-bullet\">\r\n          <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico18.webp\" alt=\"-\" class=\"blip-bnf-ico\" loading=\"lazy\" title=\"\">\r\n          <div><strong>Asistencias<\/strong> <span class=\"blip-bnf-dim\">m\u00e1s r\u00e1pidas<\/span><\/div>\r\n        <\/li>\r\n        <li class=\"blip-bnf-bullet\">\r\n          <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico18.webp\" alt=\"-\" class=\"blip-bnf-ico\" loading=\"lazy\" title=\"\">\r\n          <div><strong>Interacciones<\/strong> <span class=\"blip-bnf-dim\">personalizadas<\/span><\/div>\r\n        <\/li>\r\n        <li class=\"blip-bnf-bullet\">\r\n          <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico18.webp\" alt=\"-\" class=\"blip-bnf-ico\" loading=\"lazy\" title=\"\">\r\n          <div><strong>Automatizaci\u00f3n<\/strong> <span class=\"blip-bnf-dim\">sin fricci\u00f3n<\/span><\/div>\r\n        <\/li>\r\n        <li class=\"blip-bnf-bullet\">\r\n          <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico18.webp\" alt=\"-\" class=\"blip-bnf-ico\" loading=\"lazy\" title=\"\">\r\n          <div><strong>Escalabilidad<\/strong> <span class=\"blip-bnf-dim\">con control humano<\/span><\/div>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/article>\r\n\r\n    <!-- Columna derecha -->\r\n    <article class=\"blip-bnf-col blip-bnf-anim blip-bnf-anim-right\" style=\"--blip-bnf-delay:.15s\">\r\n      <div class=\"blip-bnf-badge blip-bnf-badge-blue\">Beneficio real<\/div>\r\n\r\n      <ul class=\"blip-bnf-bullets\">\r\n        <li class=\"blip-bnf-bullet\">\r\n          <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico18.webp\" alt=\"-\" class=\"blip-bnf-ico\" loading=\"lazy\" title=\"\">\r\n          <div><strong>+91%<\/strong> <span class=\"blip-bnf-dim\">mejora en tiempo de respuesta<\/span><\/div>\r\n        <\/li>\r\n        <li class=\"blip-bnf-bullet\">\r\n          <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico18.webp\" alt=\"-\" class=\"blip-bnf-ico\" loading=\"lazy\" title=\"\">\r\n          <div><strong>+10%<\/strong> <span class=\"blip-bnf-dim\">en satisfacci\u00f3n del cliente<\/span><\/div>\r\n        <\/li>\r\n        <li class=\"blip-bnf-bullet\">\r\n          <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico18.webp\" alt=\"-\" class=\"blip-bnf-ico\" loading=\"lazy\" title=\"\">\r\n          <div><strong>+75%<\/strong> <span class=\"blip-bnf-dim\">reportan mayor eficiencia<\/span><\/div>\r\n        <\/li>\r\n        <li class=\"blip-bnf-bullet\">\r\n          <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico18.webp\" alt=\"-\" class=\"blip-bnf-ico\" loading=\"lazy\" title=\"\">\r\n          <div><strong>Copilot<\/strong> <span class=\"blip-bnf-dim\">integrado en todos los planes<\/span><\/div>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/article>\r\n  <\/div>\r\n\r\n  <!-- 3) L\u00ednea final en una sola columna -->\r\n  <p class=\"blip-bnf-outro blip-bnf-anim blip-bnf-anim-up\" style=\"--blip-bnf-delay:.22s\">\r\n    Y todo esto <span class=\"blip-bnf-blue\">sin necesidad<\/span> de ser <span class=\"blip-bnf-blue\">experto en IA.<\/span>\r\n  <\/p>\r\n<\/section>\r\n<!-- ============ ALIANZAS ESTRAT\u00c9GICAS (prefijo aislado blip-ally-) ============ -->\r\n<section class=\"blip-ally-sec\">\r\n  <div class=\"blip-ally-wrap\">\r\n    <!-- T\u00edtulo -->\r\n    <header class=\"blip-ally-head blip-ally-anim blip-ally-anim-up\" style=\"--blip-ally-delay:.05s\">\r\n      <h2 class=\"blip-ally-title\">Alianzas Estrat\u00e9gicas<\/h2>\r\n    <\/header>\r\n\r\n    <!-- Caja de m\u00e9tricas con + -->\r\n    <div class=\"blip-ally-box blip-ally-anim blip-ally-anim-up\" style=\"--blip-ally-delay:.12s\">\r\n      <div class=\"blip-ally-item\">\r\n        <div class=\"blip-ally-big\">+4,500<\/div>\r\n        <div class=\"blip-ally-cap\">Marcas<\/div>\r\n      <\/div>\r\n\r\n      <img loading=\"lazy\" decoding=\"async\" class=\"blip-ally-plus\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img16.webp\" alt=\"m\u00e1s\" width=\"28\" height=\"28\" loading=\"lazy\" title=\"\">\r\n\r\n      <div class=\"blip-ally-item\">\r\n        <div class=\"blip-ally-big\">Microsoft<\/div>\r\n        <div class=\"blip-ally-cap\">Partner<\/div>\r\n      <\/div>\r\n\r\n      <img loading=\"lazy\" decoding=\"async\" class=\"blip-ally-plus\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img16.webp\" alt=\"m\u00e1s\" width=\"28\" height=\"28\" loading=\"lazy\" title=\"\">\r\n\r\n      <div class=\"blip-ally-item\">\r\n        <div class=\"blip-ally-big\">SOC 2<\/div>\r\n        <div class=\"blip-ally-cap\">Type II<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Logos inferiores -->\r\n    <div class=\"blip-ally-logos blip-ally-anim blip-ally-anim-up\" style=\"--blip-ally-delay:.2s\">\r\n      <img decoding=\"async\" class=\"blip-ally-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img17.webp\" alt=\"Microsoft\" loading=\"lazy\" title=\"\">\r\n      <img decoding=\"async\" class=\"blip-ally-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img18.webp\" alt=\"Google\" loading=\"lazy\" title=\"\">\r\n      <img decoding=\"async\" class=\"blip-ally-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img19.webp\" alt=\"IBM\" loading=\"lazy\" title=\"\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============= INTEGRACIONES DE BLIP (prefijo aislado blip-int-) ============= -->\r\n<section class=\"blip-int-sec\" style=\"--blip-int-bg:url('https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/bg-integrations.jpg')\">\r\n  <div class=\"blip-int-wrap\">\r\n\r\n    <!-- T\u00edtulo -->\r\n    <header class=\"blip-int-head blip-int-anim blip-int-anim-up\" style=\"--blip-int-delay:.05s\">\r\n      <h2 class=\"blip-int-title\">Integraciones de Blip<\/h2>\r\n    <\/header>\r\n\r\n    <!-- Grid principal -->\r\n    <div class=\"blip-int-grid\">\r\n      <!-- Columna izquierda: bullets -->\r\n      <ul class=\"blip-int-bullets blip-int-anim blip-int-anim-left\" style=\"--blip-int-delay:.1s\">\r\n        <li class=\"blip-int-bullet\">\r\n          <img decoding=\"async\" class=\"blip-int-ico\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico19.webp\" alt=\"-\" loading=\"lazy\" title=\"\">\r\n          <div>\r\n            <strong>Compatible<\/strong> con las<br>principales plataformas<br>del mercado\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"blip-int-bullet\">\r\n          <img decoding=\"async\" class=\"blip-int-ico\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico19.webp\" alt=\"-\" loading=\"lazy\" title=\"\">\r\n          <div>\r\n            <strong>Conexi\u00f3n sencilla<\/strong> con <strong>CRM<\/strong>,<br><strong>e-commerce<\/strong> y redes sociales\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"blip-int-bullet\">\r\n          <img decoding=\"async\" class=\"blip-int-ico\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_ico19.webp\" alt=\"-\" loading=\"lazy\" title=\"\">\r\n          <div>\r\n            <strong>Tecnolog\u00eda reconocida<\/strong><br>y premiada en atenci\u00f3n<br>inteligente\r\n          <\/div>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <!-- Columna derecha: imagen + decorativo -->\r\n      <div class=\"blip-int-visual blip-int-anim blip-int-anim-right\" style=\"--blip-int-delay:.15s\" aria-hidden=\"true\">\r\n        <img decoding=\"async\" class=\"blip-int-img\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/Frame7.webp\" alt=\"-\" title=\"\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Logos inferiores -->\r\n    <div class=\"blip-int-logos blip-int-anim blip-int-anim-up\" style=\"--blip-int-delay:.22s\">\r\n      <img decoding=\"async\" class=\"blip-int-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img21.webp\" alt=\"HubSpot\" loading=\"lazy\" title=\"\">\r\n      <img decoding=\"async\" class=\"blip-int-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img23.webp\" alt=\"Zendesk\" loading=\"lazy\" title=\"\">\r\n      <img decoding=\"async\" class=\"blip-int-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img25.webp\" alt=\"Pipedrive\" loading=\"lazy\" title=\"\">\r\n      <img decoding=\"async\" class=\"blip-int-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img24.webp\" alt=\"Shopify\" loading=\"lazy\" title=\"\">\r\n      <img decoding=\"async\" class=\"blip-int-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img26.webp\" alt=\"Messenger\" loading=\"lazy\" title=\"\">\r\n      <img decoding=\"async\" class=\"blip-int-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img22.webp\" alt=\"Instagram\" loading=\"lazy\" title=\"\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n   <img decoding=\"async\" class=\"blip-lp-hero-vector2\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/Vector.svg\" alt=\"-\" title=\"\">\r\n<\/section>\r\n\r\n<!-- ============ CONTACTO \/ LEAD FORM (prefijo aislado blip-frm-) ============ -->\r\n<section class=\"blip-frm-sec\" style=\"--blip-frm-bg:url('https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/landing-form.webp'); --blip-frm-safe:52%;\">\r\n  <div class=\"blip-frm-wrap\">\r\n    <!-- T\u00edtulo en una sola columna -->\r\n    <header class=\"blip-frm-head blip-frm-anim blip-frm-anim-up\" style=\"--blip-frm-delay:.05s\">\r\n      <h2 class=\"blip-frm-title\">\u00bfListo para transformar tu <strong>atenci\u00f3n al cliente<\/strong> con <strong>Blip<\/strong>?<\/h2>\r\n    <\/header>\r\n\r\n    <!-- Grid con Safe Zone (izquierda) + Form (derecha) -->\r\n    <div class=\"blip-frm-grid\">\r\n      <!-- Safe Zone: deja espacio visual para la chica del fondo -->\r\n      <div class=\"blip-frm-safe blip-frm-anim blip-frm-anim-left\" style=\"--blip-frm-delay:.1s\" aria-hidden=\"true\"><\/div>\r\n\r\n      <!-- Formulario \u201cglass\u201d -->\r\n      <aside id=\"contacto\" class=\"blip-frm-card blip-frm-anim blip-frm-anim-right\" style=\"--blip-frm-delay:.12s\">\r\n        <div id=\"form-target\"><\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ================= FOOTER (prefijo: blip-ft-) ================= -->\r\n<footer class=\"blip-ft\">\r\n  <div class=\"blip-ft-wrap\">\r\n    <!-- ===== Top: columnas ===== -->\r\n    <div class=\"blip-ft-top\">\r\n      <!-- Columna 1: logo + enlaces -->\r\n      <div class=\"blip-ft-col\">\r\n        <img decoding=\"async\" class=\"blip-ft-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img29.webp\" alt=\"Blip\" width=\"88\" height=\"36\" title=\"\">\r\n        <ul class=\"blip-ft-links\">\r\n          <li><a href=\"https:\/\/www.blip.ai\/es\/quienes-somos\/\" target=\"_blank\" rel=\"noopener\">Empresa<\/a><\/li>\r\n          <li><a href=\"https:\/\/www.blip.ai\/es\/quienes-somos\/\" target=\"_blank\" rel=\"noopener\">Sobre Blip<\/a><\/li>\r\n          <li><a href=\"\">Prensa<\/a><\/li>\r\n          <li><a href=\"https:\/\/www.blip.ai\/blog\/es\/materiales-ricos\/\" target=\"_blank\" rel=\"noopener\">Casos de \u00c9xito<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Columna 2: recursos -->\r\n      <div class=\"blip-ft-col\">\r\n        <h4 class=\"blip-ft-h4\">Recursos<\/h4>\r\n        <ul class=\"blip-ft-links\">\r\n          <li><a href=\"https:\/\/www.blip.ai\/blog\/es\/materiales-ricos\/#ebooks\" target=\"_blank\" rel=\"noopener\">Ebooks<\/a><\/li>\r\n          <li><a href=\"https:\/\/www.blip.ai\/blog\/es\/\" target=\"_blank\" rel=\"noopener\">Blog<\/a><\/li>\r\n          <li><a href=\"https:\/\/www.blip.ai\/blog\/es\/materiales-ricos\/#webinars\" target=\"_blank\" rel=\"noopener\">Webinars<\/a><\/li>\r\n          <li><a href=\"https:\/\/www.blip.ai\/es\/quienes-somos\/\" target=\"_blank\" rel=\"noopener\">FAQs<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Columna 3: sociales -->\r\n      <div class=\"blip-ft-col\">\r\n        <h4 class=\"blip-ft-h4\">S\u00edguenos es:<\/h4>\r\n        <div class=\"blip-ft-socials\">\r\n          <a href=\"https:\/\/www.linkedin.com\/company\/blipenespanol\/\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"blip-ft-social\">\r\n              <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img34.webp\" alt=\"-\" title=\"\">\r\n            <\/span>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.instagram.com\/accounts\/login\/?next=https%3A%2F%2Fwww.instagram.com%2Fblipenespanol%2F&amp;is_from_rle\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"blip-ft-social\">\r\n              <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img32.webp\" alt=\"-\" title=\"\">\r\n            <\/span>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.facebook.com\/blipenespanol\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"blip-ft-social\">\r\n              <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img31.webp\" alt=\"-\" title=\"\">\r\n            <\/span>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.youtube.com\/@blipenespanol\" aria-label=\"YouTube\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"blip-ft-social\">\r\n              <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img35.webp\" alt=\"-\" title=\"\">\r\n            <\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <hr class=\"blip-ft-sep\" \/>\r\n\r\n    <!-- ===== Middle: certificaciones + miembro ===== -->\r\n    <div class=\"blip-ft-mid\">\r\n      <div class=\"blip-ft-cert\">\r\n        <h5 class=\"blip-ft-h5\">Certificaciones:<\/h5>\r\n        <div class=\"blip-ft-cert-logos\">\r\n          <img decoding=\"async\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img30.webp\" alt=\"ISO 27001\" title=\"\">\r\n         \r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"blip-ft-member\">\r\n        <h5 class=\"blip-ft-h5\">Miembro de:<\/h5>\r\n        <img decoding=\"async\" class=\"blip-ft-member-logo\" src=\"https:\/\/digital.blip.ai\/es\/wp-content\/uploads\/2025\/11\/lp_nov_img28.webp\" alt=\"AMVO\" title=\"\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ===== Bottom bar ===== -->\r\n  <div class=\"blip-ft-bottom\">\r\n    <div class=\"blip-ft-bottom-inner\">\r\n      Blip \u00a9 2025. All rights reserved.\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n\r\n<style>\r\n\r\n.elementor .blip-lp-metrics-visual img{\r\n  max-width: 173px;   \/* o initial \/ unset *\/\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.elementor .blip-int-logos img{\r\n  max-width: none;   \/* o initial \/ unset *\/\r\n  width: auto;\r\n}\r\n    \r\n     \/* ====== HERO BLIP (CSS) ====== *\/\r\n*{\r\n  box-sizing: border-box;\r\n}\r\n  :root {\r\n  \/* Definici\u00f3n de variables de fuentes *\/\r\n  --blip-lp-font-base: \"Carbona Blip\", Sans-serif;\r\n--blip-lp-width: 1280px;\r\n}\r\n.blip-lp-hero {\r\n  --blip-lp-blue: #0096FA;          \/* azul principal (texto-acento y CTAs) *\/\r\n  --blip-lp-blue-dark: #1f3db0;     \/* azul fondo mobile *\/\r\n  --blip-lp-text: #0f172a;          \/* casi negro *\/\r\n  --blip-lp-muted: #5b6472;\r\n  --blip-lp-bg: #ffffff;\r\n  \r\n  position: relative;\r\n  background: var(--blip-lp-bg);\r\n  color: var(--blip-lp-text);\r\n  overflow: hidden;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  min-height: calc(100vh - 76px);\r\n}\r\n.blip-lp-hero-bkg{\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: var(--blip-lp-width); \r\n  margin: 0 auto;\r\n}\r\n\/* Semic\u00edrculo azul del fondo (escritorio) *\/\r\n.blip-lp-hero-vector {\r\n  \r\n     position: absolute;\r\n    right: -30%;\r\n    top: 0;\r\n    width: auto;\r\n    height: 120%!important;\r\n    z-index: 0;\r\n}\r\n.blip-lp-hero-vector2 {\r\n  \r\n   position: absolute;\r\n    right: -35%;\r\n    top: 25%;\r\n    width: auto;\r\n    height: 180%!important;\r\n    z-index: 0;\r\n}\r\n\r\n\/* Topbar *\/\r\n.blip-lp-topbar { padding: 16px 0 ; position: relative; z-index: 2;margin-bottom:25px; }\r\n.blip-lp-topbar-inner {\r\n  max-width: var(--blip-lp-width); margin: 0 auto; padding: 0 20px;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.blip-lp-logo { display: block; width: 106px!important; }\r\n\r\n.blip-lp-help { display: flex; align-items: center; gap: 12px; }\r\n.blip-lp-help-text { font-size: 16px; color: #000!important;font-weight:bold;font-family: \"Carbona Blip\", Sans-serif; }\r\n.blip-lp-help-cta {\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  padding: 10px 14px; border-radius: 11px; text-decoration: none;\r\n  background: #0096FA; color: #fff!important; font-weight: 600; font-size: 16px;\r\n \r\n}\r\n\r\n\/* Layout principal *\/\r\n.blip-lp-wrap {\r\n  max-width: var(--blip-lp-width); margin: 0 auto; padding: 24px 20px 14px;\r\n  display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 40px;\r\n  position: relative; z-index: 1;\r\n}\r\n.blip-lp-col { display: flex; flex-direction: column; }\r\n\r\n\/* Texto *\/\r\n.blip-lp-title {\r\n  font-size: 32px!important;\r\n  font-family: var(--blip-lp-font-heading);\r\n  line-height: 110%; font-weight: normal; margin: 20px 0 18px;\r\n  text-align: center;\r\n}\r\n.blip-lp-accent { color: var(--blip-lp-blue); }\r\n.blip-lp-accent-strong { font-weight: 900; }\r\n\r\n.blip-lp-lead {\r\n  font-size: 18px; line-height: 1.55; color: var(--blip-lp-text);\r\n  max-width: 560px; margin: 0 0 18px;font-family: \"Carbona Blip\", Sans-serif;\r\n}\r\n.blip-lp-badges { display: flex; flex-wrap: wrap; gap: 14px; margin: 10px 0 18px; }\r\n.blip-lp-badge {\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  padding: 12px 18px; border-radius: 11px; background: #1968F0; color:#fff!important;\r\n  font-weight: 700; font-size: 14px; text-decoration: none;\r\n \r\n}\r\n.blip-lp-badge-light {\r\n  background: #0096FA; color: #ffffff!important; font-weight: 700;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n}\r\n\r\n.blip-lp-note { color: var(--blip-lp-text); margin: 8px 0 18px; }\r\n.blip-lp-subline { margin: 8px 0 20px; color: var(--blip-lp-text); }\r\n\r\n.blip-lp-cta {\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  padding: 14px 22px; border-radius: 11px; text-decoration: none;\r\n  background: #0096FA; color: #fff!important; font-weight: 800; font-size: 16px;\r\n  width: fit-content; margin-bottom: 25px;\r\n}\r\n\r\n\/* Visual derecha *\/\r\n.blip-lp-visual { align-items: flex-end; justify-content: center; position: relative; }\r\n.blip-lp-laptop {\r\n  width:90%; display: block;\r\n  max-width: 678px!important;\r\n\r\n  transform: translateY(10px);\r\n}\r\n\r\n.blip-lp-title-container{\r\n  width: 100%;\r\n  padding: 20px;\r\n  z-index: 1;\r\n  position: relative;\r\n  max-width: 734px;\r\nmargin: 0 auto;\r\n\r\n}\r\n\r\n\/* ====== RESPONSIVE ====== *\/\r\n@media (max-width: 1024px) {\r\n  .blip-lp-wrap { grid-template-columns: 1fr; gap: 28px; padding-bottom: 28px; }\r\n  .blip-lp-visual { order: 2; align-items: center; }\r\n  .blip-lp-copy { order: 1; }\r\n  .blip-lp-hero::after { right: -55vw; top: 60%; width: 150vw; height: 150vw; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.blip-lp-ribbon{\r\n  display: inline-block;\r\n}\r\n.blip-lp-topbar{\r\n  margin-bottom: 15px;\r\n}\r\n.blip-lp-topbar::after{\r\n \r\n}\r\n  .blip-lp-help{\r\n    flex-direction: column;\r\n  }\r\n  .blip-ally-logo {\r\n    max-width: 150px !important;\r\n    width: 100% !important;\r\n\r\n    height: auto !important;\r\n}\r\n  \r\n  .blip-lp-hero-vector{\r\n    display: none;\r\n  }\r\n  .blip-frm-sec{\r\n    background-image: none!important;\r\n    background: #0C4EC0;\r\n  }\r\n  .blip-lp-agent{\r\n    background-position: right top!important;\r\n    background: #0C4EC0;\r\n  }\r\n  .blip-ally-logo {\r\n  margin: 10px auto;\r\n    height: 49px !important;\r\n}\r\n  .blip-lp-badge { background: #1968F0; color: #fff!important; }\r\n  .blip-lp-badge-light{\r\nbackground: #0096FA!important;\r\n  }\r\n  \r\n  \r\n  .blip-lp-wrap { padding: 10px 16px 28px; gap: 18px; }\r\n  .blip-lp-title { font-size: clamp(26px, 7vw, 32px); }\r\n  .blip-lp-lead { font-size: 15px; text-align: center;}\r\n  .blip-lp-visual { margin-top: 10px; }\r\n  .blip-lp-laptop { width: 92%; transform: none; margin: 0 auto; }\r\n}\r\n\r\n.blip-cx-brand {\r\n    \r\n    grid-template-columns: 1fr;\r\n   \r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 8px auto;\r\n}\r\n.blip-cx-logo{\r\n  margin: 0 auto;\r\n}\r\n.blip-lp-note,.blip-cx-sub,.blip-cx-title,.blip-lp-split-title,.blip-lp-split-foot {\r\n  text-align: center!important;\r\n}\r\n.blip-lp-topbar {\r\n  position: relative;\r\n  background: #fff;\r\n  z-index: 10;\r\n}\r\n\r\n\/* El pseudo-elemento crea la sombra \"flotante\" centrada *\/\r\n.blip-lp-topbar::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: 0;\r\n  transform: translateX(-50%);\r\n  width: 80%;              \/* ancho de la sombra (aj\u00fastalo) *\/\r\n  height: 5px;            \/* altura \"virtual\" del \u00e1rea de sombra *\/\r\n  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.08);\r\n  border-radius: 50%;      \/* suaviza los extremos *\/\r\n  pointer-events: none;    \/* no interfiere con clics *\/\r\n}\r\n.blip-lp-cta-row{\r\n  width: 100%;\r\n  \r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n\/* === Animaciones BLIP === *\/\r\n@keyframes blip-lp-slide-in-left {\r\n  from { opacity: 0; transform: translateX(-40px); }\r\n  to   { opacity: 1; transform: translateX(0); }\r\n}\r\n@keyframes blip-lp-slide-in-right {\r\n  from { opacity: 0; transform: translateX(60px); }\r\n  to   { opacity: 1; transform: translateX(0); }\r\n}\r\n@keyframes blip-lp-fade-up {\r\n  from { opacity: 0; transform: translateY(12px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Utilidades *\/\r\n.blip-lp-anim {\r\n  opacity: 0;\r\n  will-change: transform, opacity;\r\n}\r\n.blip-lp-anim.blip-lp-in {\r\n  opacity: 1;\r\n  animation-duration: 1s;\r\n  animation-fill-mode: both;\r\n  animation-timing-function: cubic-bezier(.22,.61,.36,1); \/* easeOut *\/\r\n  animation-delay: var(--blip-lp-delay, 0s);\r\n}\r\n.blip-lp-anim-left.blip-lp-in  { animation-name: blip-lp-slide-in-left; }\r\n.blip-lp-anim-right.blip-lp-in { animation-name: blip-lp-slide-in-right; }\r\n.blip-lp-anim-up.blip-lp-in    { animation-name: blip-lp-fade-up; }\r\n\r\n\/* Respeta accesibilidad *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .blip-lp-anim { opacity: 1 !important; transform: none !important; }\r\n  .blip-lp-anim.blip-lp-in { animation: none !important; }\r\n}\r\n\r\n\r\n\/* ---------- Variables \/ base ---------- *\/\r\n.blip-lp-metrics{\r\n  --blip-lp-blue-700: #2f4fd4; \/* azul base del \u00e1rea *\/\r\n  --blip-lp-blue-500: #3b73ff;\r\n  --blip-lp-cyan: #5bb6ff;\r\n  --blip-lp-text-on-blue: #eaf1ff;\r\n  --blip-lp-white: #ffffff;\r\n  --blip-lp-bg: none; \/* se inyecta por style en el <section> *\/\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  color: var(--blip-lp-white);\r\n  background-image: var(--blip-lp-bg);\r\n  background-size: cover;\r\n  background-position: center top;\r\n  min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* Wrapper *\/\r\n.blip-lp-metrics-wrap{\r\n  max-width: var(--blip-lp-width);\r\n  margin: 0 auto;\r\n  padding: 64px 24px 80px;\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 0.9fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Columna izquierda *\/\r\n.blip-lp-metrics-title{\r\n  font-family:\"Carbona Blip\", Sans-serif;\r\n  font-size: 28px!important;\r\n  margin: 8px 0 18px;\r\n  color: #fff!important;\r\n  letter-spacing: .2px;\r\n}\r\n.blip-lp-strong{ font-weight: 800; color: #fff!important; }\r\n\r\n\/* Lista de KPIs: en desktop, vertical; en mobile, grid con 2 columnas *\/\r\n.blip-lp-kpis{\r\n  list-style: none;\r\n  margin: 8px 0 8px;\r\n  padding: 0;\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 18px;\r\n}\r\n.blip-lp-kpi{\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: center;\r\n  column-gap: 14px;\r\n}\r\n.blip-lp-kpi-value{\r\n   font-family: \"Carbona Blip\", Sans-serif;\r\n  color: #C5D9FB;\r\n  font-size: 64px!important;\r\n  font-weight: 900;\r\n \r\n}\r\n.blip-lp-kpi-text{\r\n  margin: 0;\r\n  color: #fff!important;\r\n  font-size: 16px!important;\r\n   font-family: \"Carbona Blip\", Sans-serif;\r\n}\r\n\r\n\/* Nota inferior *\/\r\n.blip-lp-metrics-footnote{\r\n  margin: 18px 0 0;\r\n  color: var(--blip-lp-text-on-blue);\r\n  max-width: 560px;\r\n}\r\n\r\n\/* Columna derecha: tel\u00e9fono + gorra *\/\r\n.blip-lp-metrics-visual{\r\n  position: relative;\r\n  min-height: 420px;\r\n  display: grid;\r\n  place-items: center;\r\n}\r\n.blip-lp-phone{\r\n  width: min(360px, 80%);\r\n  aspect-ratio: 9\/19.5;\r\n  border-radius: 36px;\r\n  background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(0,0,0,.05)) , \r\n              linear-gradient(160deg, #3a73f5, #2e58e2 55%);\r\n  box-shadow:\r\n    inset 0 0 0 3px rgba(91,182,255,.9),   \/* borde cian *\/\r\n    inset 0 0 0 8px rgba(59,115,255,.18), \/* halo interior *\/\r\n    0 20px 40px rgba(0,0,0,.25);\r\n  position: relative;\r\n}\r\n.blip-lp-phone-notch{\r\n  position: absolute;\r\n  top: 14px; left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 28%;\r\n  height: 16px;\r\n  background: rgba(20,30,60,.9);\r\n  border-radius: 12px;\r\n  box-shadow: inset 0 -2px 4px rgba(255,255,255,.12);\r\n}\r\n.blip-lp-cap{\r\nwidth: 100%;\r\nmax-width: 280px;\r\n}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width: 992px){\r\n  .blip-lp-metrics-wrap{\r\n    grid-template-columns: 1fr;\r\n    gap: 22px;\r\n    padding: 48px 16px 72px;\r\n  }\r\n  .blip-lp-metrics-title{ text-align: center; }\r\n  .blip-lp-metrics-footnote{ text-align: center; margin-left: auto; margin-right: auto; }\r\n  .blip-lp-metrics-visual{ min-height: 380px; }\r\n  .blip-lp-cap{ right: 10%; top: 2%; }\r\n}\r\n\r\n\/* En m\u00f3vil: KPIs 1 en fila propia; 2 y 3 en dos columnas (como la captura) *\/\r\n@media (max-width: 640px){\r\n  .blip-lp-kpis{ grid-template-columns: 1fr  }\r\n  .blip-lp-kpi:nth-child(1){ grid-column: 1 \/ -1; }\r\n  .blip-lp-kpi{\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n    row-gap: 6px;\r\n    background: rgba(255,255,255,.04);\r\n    border-radius: 14px;\r\n    padding: 10px 10px 12px;\r\n  }\r\n  .blip-lp-kpi-text{ font-size: 14px; }\r\n  .blip-lp-metrics-visual{ min-height: 320px; }\r\n  .blip-lp-cap{ width: 38%; right: 14%; top: 4%; }\r\n}\r\n\r\n\/* ---------- Animaciones on-scroll (prefijo blip-lp-) ---------- *\/\r\n@keyframes blip-lp-slide-in-left   { from{opacity:0; transform:translateX(-40px)} to{opacity:1; transform:translateX(0)} }\r\n@keyframes blip-lp-slide-in-right  { from{opacity:0; transform:translateX( 40px)} to{opacity:1; transform:translateX(0)} }\r\n@keyframes blip-lp-fade-up         { from{opacity:0; transform:translateY( 16px)} to{opacity:1; transform:translateY(0)} }\r\n\r\n.blip-lp-anim{ opacity:0; will-change:transform,opacity; }\r\n.blip-lp-anim.blip-lp-in{\r\n  opacity:1;\r\n  animation-duration:.85s;\r\n  animation-fill-mode:both;\r\n  animation-timing-function:cubic-bezier(.22,.61,.36,1);\r\n  animation-delay:var(--blip-lp-delay,0s);\r\n}\r\n.blip-lp-anim-left.blip-lp-in  { animation-name: blip-lp-slide-in-left; }\r\n.blip-lp-anim-right.blip-lp-in { animation-name: blip-lp-slide-in-right; }\r\n.blip-lp-anim-up.blip-lp-in    { animation-name: blip-lp-fade-up; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .blip-lp-anim,\r\n  .blip-lp-anim.blip-lp-in{ opacity:1 !important; transform:none !important; animation:none !important; }\r\n}\r\n\r\n\r\n\r\n\/* PORQUE NECESITA IA ====== *\/\r\n\/* ====== Variables ====== *\/\r\n.blip-lp-split{\r\n  --blip-lp-blue: #2f6aff;\r\n  --blip-lp-blue-light: #eaf1ff;\r\n  --blip-lp-text: #0f172a;\r\n  --blip-lp-muted: #475569;\r\n  --blip-lp-left-bg: none;\r\n  color: var(--blip-lp-text);\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ====== Layout ====== *\/\r\n.blip-lp-split-grid{\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  min-height: 100vh;\r\n}\r\n.blip-lp-split-left{\r\n  background-image: var(--blip-lp-left-bg);\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  min-height: 100%;\r\n}\r\n.blip-lp-split-right{\r\n  background: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.blip-lp-split-inner{\r\n  width: 100%;\r\n  max-width: 880px;\r\n  margin: 0 auto;\r\n  padding: 56px 48px;\r\n}\r\n\r\n.blip-lp-split-title{\r\n  font-weight: normal;\r\n  font-size: 28px!important;\r\n  margin-bottom: 18px;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n}\r\n.blip-lp-bold{ font-weight: 900; }\r\n.blip-lp-accent{ color: var(--blip-lp-blue); font-weight: 700; }\r\n\r\n.blip-lp-two-cols{\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 28px;\r\n}\r\n\r\n.blip-lp-card-title{\r\n  font-size: 24px;\r\n  margin: 0 0 12px;\r\n  font-weight: normal;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  color: #000!important;\r\n}\r\n\r\n.blip-lp-list{\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  display: grid;\r\n  gap: 14px;\r\n}\r\n.blip-lp-li{\r\n  display: grid;\r\n  grid-template-columns: 56px 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  color: #000000;\r\n}\r\n.blip-lp-ico{\r\n  width: 46px;\r\n  height: 46px;\r\n  \r\n}\r\n\r\n.blip-lp-split-foot{\r\n  margin-top: 28px;\r\n  text-align: right;\r\n  font-size: 24px;\r\n  font-weight: 500;\r\n   font-family: \"Carbona Blip\", Sans-serif;\r\n}\r\n\r\n\/* ====== Responsive ====== *\/\r\n@media (max-width: 1024px){\r\n  .blip-lp-split-grid{ grid-template-columns: 1fr; }\r\n  .blip-lp-split-left{ min-height: 320px; }\r\n  .blip-lp-split-inner{ padding: 32px 18px 40px; }\r\n  .blip-lp-two-cols{ grid-template-columns: 1fr; }\r\n  .blip-lp-card{\r\n    \r\n    padding: 14px 14px 16px;\r\n    border-radius: 12px;\r\n  }\r\n}\r\n\r\n\/* ====== Animaciones ====== *\/\r\n@keyframes blip-lp-slide-in-left  { from{opacity:0;transform:translateX(-40px)} to{opacity:1;transform:translateX(0)} }\r\n@keyframes blip-lp-slide-in-right { from{opacity:0;transform:translateX( 40px)} to{opacity:1;transform:translateX(0)} }\r\n@keyframes blip-lp-fade-up        { from{opacity:0;transform:translateY( 16px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n.blip-lp-anim{ opacity:0; will-change: transform, opacity; }\r\n.blip-lp-anim.blip-lp-in{\r\n  opacity:1;\r\n  animation-duration:.85s;\r\n  animation-fill-mode:both;\r\n  animation-timing-function:cubic-bezier(.22,.61,.36,1);\r\n  animation-delay:var(--blip-lp-delay,0s);\r\n}\r\n.blip-lp-anim-left.blip-lp-in  { animation-name: blip-lp-slide-in-left; }\r\n.blip-lp-anim-right.blip-lp-in { animation-name: blip-lp-slide-in-right; }\r\n.blip-lp-anim-up.blip-lp-in    { animation-name: blip-lp-fade-up; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .blip-lp-anim,\r\n  .blip-lp-anim.blip-lp-in{ opacity:1 !important; transform:none !important; animation:none !important; }\r\n}\r\n\r\n\/**** BLIP AI AGENT ****\/\r\n\r\n\/* ===== Base \/ Variables ===== *\/\r\n.blip-lp-agent{\r\n  --blip-lp-blue: #4aa2ff;\r\n  --blip-lp-blue-600:#2f6aff;\r\n  --blip-lp-white:#fff;\r\n  --blip-lp-dim:#cfe0ff;\r\n  --blip-lp-bg:none; \/* inyectada en style *\/\r\n  --blip-lp-safe-min: 620px;  \/* ancho m\u00ednimo de la zona protegida en desktop *\/\r\n  --blip-lp-ribbon-h: 56px;\r\n\r\n  position: relative;\r\n  background-image: var(--blip-lp-bg);\r\n  background-size: cover;\r\n  background-position: center;\r\n  color: var(--blip-lp-white);\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  overflow: hidden;\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* overlay sutil para legibilidad *\/\r\n.blip-lp-agent::before{\r\n  content:\"\";\r\n  display: none;\r\n  position:absolute; inset:0;\r\n  \r\n  pointer-events:none;\r\n}\r\n\r\n.blip-lp-agent-wrap{\r\n  max-width: 1440px;\r\n  margin: 0 auto;\r\n  padding: 56px 20px calc(24px + var(--blip-lp-ribbon-h)); \/* espacio para la cinta *\/\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* ===== 1) Head centrado ===== *\/\r\n.blip-lp-head{ text-align:center; margin-bottom: 26px; }\r\n.blip-lp-head-logo{ height: auto; width:90%;max-width: 261px!important; display:block; margin: 0 auto 12px; }\r\n.blip-lp-head-title{\r\n  font-weight: 900; letter-spacing:.2px;\r\n  font-size: 28px; margin: 0 0 6px;\r\n  color: #fff!important;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n}\r\n.blip-lp-head-sub{\r\n  font-size: 20px; margin: 0;\r\n   font-family: \"Carbona Blip\", Sans-serif;\r\n   font-weight: 900;\r\n}\r\n.blip-lp-head-sub2{\r\n  font-size: 20px; margin: 0;\r\n   font-family: \"Carbona Blip\", Sans-serif;\r\n   font-weight: normal;\r\n}\r\n.blip-lp-dim{ font-weight:normal; }\r\n\r\n\/* ===== 2) Grid: safe + tarjeta ===== *\/\r\n.blip-lp-grid{\r\n  display: grid;\r\n  grid-template-columns: 55% 1fr;\r\n  gap: 36px;\r\n  align-items: start;\r\n}\r\n\r\n\/* SAFE ZONE: vac\u00edo, solo asegura el espacio sobre el hombre\/burbuja *\/\r\n.blip-lp-safe{ min-height: 320px; }\r\n\r\n\/* Tarjeta \u201cglass\u201d *\/\r\n.blip-lp-card{\r\n  \r\n  border: 1px solid #fff;\r\n  border-radius: 18px;\r\n  padding: 24px 22px;\r\n \r\n}\r\n\r\n\/* Lista de features *\/\r\n.blip-lp-feats{\r\n  list-style:none; margin:0 0 14px; padding:0; display:grid; gap:14px;\r\n}\r\n.blip-lp-feats li{\r\n  display:grid; grid-template-columns: 40px 1fr; gap:12px; align-items:center;\r\n  font-size: 16px;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n}\r\n.blip-lp-ico{\r\n  width: 40px; height: 40px; object-fit: contain;\r\n  \r\n}\r\n\r\n\/* Resultados destacados *\/\r\n.blip-lp-results h3{\r\n  margin: 12px 0 6px; font-weight: 800; font-size: 20px;font-family: \"Carbona Blip\", Sans-serif;\r\n  color: #fff!important;\r\n}\r\n.blip-lp-results ul{\r\n  margin: 0; padding-left: 18px; display: grid; gap: 6px;\r\n  font-size: 16px;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n}\r\n\r\n\/* ===== 3) Cinta CTA pegada al bottom ===== *\/\r\n.blip-lp-ribbon{\r\n  position: relative;\r\n  font-size: 20px!important;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  background: #0096FA;\r\n  color: #fff!important; text-decoration: none; font-weight: 800;\r\n  padding: 10px 22px; border-radius: 11px;\r\n \r\n   text-align:center;\r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 1100px){\r\n  :root .blip-lp-agent{ --blip-lp-safe-min: 360px; }\r\n}\r\n@media (max-width: 960px){\r\n  :root .blip-lp-agent{ --blip-lp-safe-min: 300px; }\r\n}\r\n@media (max-width: 860px){\r\n  .blip-lp-grid{ grid-template-columns: 1fr; gap: 18px; }\r\n  .blip-lp-safe{ min-height: 0; display:none; } \/* en m\u00f3vil, el card ocupa todo *\/\r\n  .blip-lp-card{ padding: 18px 16px; border-radius: 16px; }\r\n  .blip-lp-agent-wrap{ padding: 44px 14px calc(20px + var(--blip-lp-ribbon-h)); }\r\n  .blip-lp-ribbon{  transform:none; }\r\n}\r\n\r\n\/* ===== Animaciones (prefijo blip-lp-) ===== *\/\r\n@keyframes blip-lp-slide-in-left  { from{opacity:0;transform:translateX(-40px)} to{opacity:1;transform:translateX(0)} }\r\n@keyframes blip-lp-slide-in-right { from{opacity:0;transform:translateX( 40px)} to{opacity:1;transform:translateX(0)} }\r\n@keyframes blip-lp-fade-up        { from{opacity:0;transform:translateY( 16px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n.blip-lp-anim{ opacity:0; will-change: transform, opacity; }\r\n.blip-lp-anim.blip-lp-in{\r\n  opacity:1; animation-duration:.85s; animation-fill-mode:both;\r\n  animation-timing-function:cubic-bezier(.22,.61,.36,1);\r\n  animation-delay:var(--blip-lp-delay,0s);\r\n}\r\n.blip-lp-anim-left.blip-lp-in  { animation-name: blip-lp-slide-in-left; }\r\n.blip-lp-anim-right.blip-lp-in { animation-name: blip-lp-slide-in-right; }\r\n.blip-lp-anim-up.blip-lp-in    { animation-name: blip-lp-fade-up; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .blip-lp-anim, .blip-lp-anim.blip-lp-in{ opacity:1 !important; transform:none !important; animation:none !important; }\r\n}\r\n\r\n.blip-lp-ribbon-container{\r\n  width:90%;\r\n  text-align: center;\r\n  padding: 30px 0;\r\n  margin: 30px auto;\r\n}\r\n\r\n\/***** CASO DE EXITO 1 *****\/\r\n\r\n.blip-cx-case, .blip-cx-case * { box-sizing: border-box; }\r\n.blip-cx-case {\r\n  --blip-cx-bg: none;\r\n  --blip-cx-navy: #071a3a;\r\n  --blip-cx-blue: #1968F0;\r\n  --blip-cx-green: #59e294;\r\n  --blip-cx-text: #eaf1ff;\r\n\r\n  position: relative;\r\n  color: var(--blip-cx-text);\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  background:#0C4EC0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  overflow: visible; \/* importante: no recortar el tel\u00e9fono *\/\r\n  min-height: 100vh;\r\n      display: flex;\r\n    align-items: end;\r\n}\r\n\r\n\/* overlay para legibilidad *\/\r\n.blip-cx-case::before {\r\n  content:\"\"; position:absolute; inset:0;\r\n  \r\n  pointer-events:none;\r\n}\r\n\r\n.blip-cx-wrap{\r\n  max-width: var(--blip-lp-width);\r\n  margin: 0 auto;\r\n  padding: 56px 20px 0;\r\n  position: relative; z-index: 1;\r\n\r\n  display: grid;\r\n  grid-template-columns: 1.05fr 0.95fr;\r\n  gap: 36px;\r\n  align-items: start;\r\n  min-height: 560px; \/* asegura espacio general *\/\r\n}\r\n\r\n\/* ===== Columna izquierda ===== *\/\r\n.blip-cx-left{ display:flex; flex-direction:column; gap:14px; }\r\n.blip-cx-title{\r\n  margin:0;\r\n  font-weight: 900;\r\n  font-size: 40px;\r\n  line-height: 1.1;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  color: #fff!important;\r\n}\r\n.blip-cx-sub{\r\n  margin: 0;\r\n  font-size: 18px!important;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  color: #fff!important;\r\n}\r\n.blip-cx-green{ color: var(--blip-cx-green); font-weight: 800; }\r\n\r\n\/* logo + descripci\u00f3n *\/\r\n.blip-cx-brand{\r\n  display:grid; grid-template-columns: 1fr; gap:16px; align-items:center;\r\n  margin-top: 8px;\r\n}\r\n.blip-cx-logo{ width: 188px!important; height:auto!important; display:block; }\r\n.blip-cx-brand-desc{ margin:0; font-size: 18px!important;font-family: \"Carbona Blip\", Sans-serif;\r\n  color: #fff!important;text-align:center; }\r\n\r\n\/* KPIs: fila de 3, sin solapes *\/\r\n.blip-cx-kpis{\r\n  display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px;\r\n  margin-top: 10px;\r\n}\r\n.blip-cx-kpi{\r\n  display:flex; flex-direction:column; align-items:flex-start;\r\n  min-width: 0; \/* evita overflow *\/\r\n}\r\n.blip-cx-kpi-val{\r\n  display:block;\r\n  font-weight: 900;\r\n  font-size: clamp(36px, 6vw, 72px);\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  color: #C5D9FB!important;\r\n}\r\n.blip-cx-kpi-cap{\r\n  display:block;\r\n  margin-top: 6px;\r\n  font-size: clamp(13px, 1.4vw, 16px);\r\n  color: rgba(255,255,255,.9);\r\n  line-height: 1.25;\r\n}\r\n\r\n\/* ===== Columna derecha ===== *\/\r\n.blip-cx-right{\r\n  position: relative;\r\n  display: flex;\r\n  min-height: 460px;   \/* altura m\u00ednima para alojar el tel\u00e9fono *\/\r\n  overflow: visible;   \/* \u00a1no recortar! *\/\r\n  justify-content: center;\r\n}\r\n.blip-cx-phone{\r\n  position: relative;\r\n\r\n  width: 95%;\r\n  max-width: 520px!important;\r\n  height: auto!important;\r\n  \r\n}\r\n.blip-lp-nuve1{\r\n  position: absolute;\r\n  top: 0;\r\n  right: 15%;\r\n  width: 380px;\r\n  z-index: -1;\r\n}\r\n.blip-lp-nuve2{\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n   z-index: -1;\r\n  width: 405px;\r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n\r\n@media (max-width: 1270px){\r\n    :root { --blip-lp-width: 90%; }\r\n}\r\n@media (max-width: 1100px){\r\n  .blip-cx-wrap{ gap: 24px; }\r\n}\r\n@media (max-width: 1024px){\r\n  .blip-cx-wrap{ grid-template-columns: 1fr; min-height: 0; }\r\n  .blip-cx-right{ min-height: 380px; }\r\n  .blip-cx-phone{\r\n    \r\n    width: min(520px, 92%);\r\n  }\r\n  \/* KPIs en pills *\/\r\n  .blip-cx-kpis{ grid-template-columns: 1fr; gap: 12px; }\r\n  .blip-cx-kpi{\r\n    background:#fff; color:#0d1b33; border-radius: 14px; padding: 12px 14px;align-items: center;\r\n   \r\n  }\r\n  .blip-cx-kpi-val{ font-size: 54px; }\r\n  .blip-cx-kpi-cap{ color:#334155; font-size:14px; }\r\n}\r\n\r\n\/* ===== Animaciones on-scroll (nuevos nombres) ===== *\/\r\n@keyframes blip-cx-slide-right { from{opacity:0;transform:translateX(40px)} to{opacity:1;transform:translateX(0)} }\r\n@keyframes blip-cx-slide-left  { from{opacity:0;transform:translateX(-40px)} to{opacity:1;transform:translateX(0)} }\r\n@keyframes blip-cx-fade-up     { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n.blip-cx-anim{ opacity:0; will-change: transform, opacity; }\r\n.blip-cx-anim.blip-cx-in{\r\n  opacity:1; animation-duration:.85s; animation-fill-mode:both;\r\n  animation-timing-function:cubic-bezier(.22,.61,.36,1);\r\n  animation-delay: var(--blip-cx-delay, 0s);\r\n}\r\n.blip-cx-anim-right.blip-cx-in { animation-name: blip-cx-slide-right; }\r\n.blip-cx-anim-left.blip-cx-in  { animation-name: blip-cx-slide-left; }\r\n.blip-cx-anim-up.blip-cx-in    { animation-name: blip-cx-fade-up; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .blip-cx-anim, .blip-cx-anim.blip-cx-in{ opacity:1 !important; transform:none !important; animation:none !important; }\r\n}\r\n\r\n\/****** BLIP COPILOT ******\/\r\n\r\n\/* ===== Aislamiento y variables ===== *\/\r\n.blip-co-copilot, .blip-co-copilot * { box-sizing: border-box; }\r\n.blip-co-copilot{\r\n  --blip-co-text:#0f172a;\r\n  --blip-co-dim:#6b7280;\r\n  --blip-co-blue:#4a93ff;\r\n  --blip-co-blue-600:#2f6aff;\r\n  --blip-co-card:#f3f4f6;\r\n  color: var(--blip-co-text);\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  padding: 56px 16px 44px;\r\n max-width: var(--blip-lp-width);\r\n  margin: 0 auto;\r\n  min-height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n\/* Head *\/\r\n.blip-co-head{ text-align:center; margin-bottom: 18px; }\r\n.blip-co-logo{ display:block; margin: 0 auto 10px; height:auto; }\r\n.blip-co-title{\r\n  margin: 0 0 6px;\r\n  font-weight: 900;\r\n  font-size:28px;\r\n  line-height: 1.2;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n}\r\n.blip-co-sub{ margin: 0; font-size: 20px; }\r\n.blip-co-dim{ color: #000; }\r\n\r\n\/* Grid principal *\/\r\n.blip-co-grid{\r\n  display: grid;\r\n  grid-template-columns: 0.9fr 1.1fr;\r\n  gap: 28px;\r\n  align-items: center;\r\n  margin-top: 18px;\r\n}\r\n\r\n\/* Features izquierda *\/\r\n.blip-co-features{\r\n  list-style:none; margin:0; padding:0;\r\n  display:grid; gap:16px;\r\n}\r\n.blip-co-features li{\r\n  display:grid; grid-template-columns: 44px 1fr; gap:12px; align-items:center;\r\n  font-size: 16px;color: #000;\r\n}\r\n.blip-co-ico{ width: 40px; height: 40px; object-fit: contain; }\r\n\r\n\/* Mock derecha *\/\r\n.blip-co-mock{ width:100%; }\r\n.blip-co-mock-frame{\r\n \r\n  padding: min(2vw, 22px);\r\n  \r\n}\r\n.blip-co-mock-img{\r\n  display:block; width: 90%; height: auto!important;max-width: 566px!important;\r\n}\r\n\r\n\/* CTA *\/\r\n.blip-co-cta-wrap{ display:flex; justify-content:center; margin-top: 22px; }\r\n.blip-co-cta{\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n  padding: 14px 22px; border-radius: 12px; text-decoration:none;\r\n  font-weight: 800; color:#fff;\r\n  background: #0096FA;\r\n font-size: 20px!important;\r\n color: #fff!important;\r\n  text-align: center;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 980px){\r\n  .blip-co-grid{ grid-template-columns: 1fr; gap: 18px; }\r\n  .blip-co-features{ gap: 12px; }\r\n  .blip-co-mock-frame{ padding: 16px; border-radius: 22px; }\r\n  .blip-co-mock-img{ margin:0 auto; }\r\n}\r\n\r\n\/* ===== Animaciones on-scroll ===== *\/\r\n@keyframes blip-co-slide-left  { from{opacity:0;transform:translateX(-40px)} to{opacity:1;transform:translateX(0)} }\r\n@keyframes blip-co-slide-right { from{opacity:0;transform:translateX( 40px)} to{opacity:1;transform:translateX(0)} }\r\n@keyframes blip-co-fade-up     { from{opacity:0;transform:translateY( 16px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n.blip-co-anim{ opacity:0; will-change: transform, opacity; }\r\n.blip-co-anim.blip-co-in{\r\n  opacity:1; animation-duration:.85s; animation-fill-mode:both;\r\n  animation-timing-function:cubic-bezier(.22,.61,.36,1);\r\n  animation-delay:var(--blip-co-delay,0s);\r\n}\r\n.blip-co-anim-left.blip-co-in  { animation-name: blip-co-slide-left; }\r\n.blip-co-anim-right.blip-co-in { animation-name: blip-co-slide-right; }\r\n.blip-co-anim-up.blip-co-in    { animation-name: blip-co-fade-up; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .blip-co-anim, .blip-co-anim.blip-co-in{ opacity:1 !important; transform:none !important; animation:none !important; }\r\n}\r\n\r\n\r\n\/**** CASO SIM *****\/\r\n\r\n\r\n\/* ========== Scope y variables ========== *\/\r\n.blip-sim-case, .blip-sim-case * { box-sizing: border-box; }\r\n.blip-sim-case{\r\n  --blip-sim-bg: none;\r\n  --blip-sim-blue:#4a93ff;\r\n  --blip-sim-blue-600:#2f6aff;\r\n  --blip-sim-text:#0f172a;\r\n  --blip-sim-white:#fff;\r\n  --blip-sim-dim:#6b7280;\r\n\r\n  background:#1968F0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  color: var(--blip-sim-white);\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 48px 16px;\r\n      min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* Contenedor principal *\/\r\n.blip-sim-wrap{\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.05fr 0.95fr;\r\n  gap: 36px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Columna izquierda *\/\r\n.blip-sim-left{ display:grid; place-items:center; }\r\n.blip-sim-phone{\r\n  width: 95%;\r\n  max-width: 667px!important;\r\n  height: auto!important;\r\n  \r\n}\r\n\r\n\/* Columna derecha *\/\r\n.blip-sim-right{ display:flex; flex-direction:column; gap: 14px; }\r\n.blip-sim-title{\r\n  margin: 0;\r\n  font-weight: 900;\r\n  font-size: 40px;\r\n  color: #fff!important;\r\n   font-family: \"Carbona Blip\", Sans-serif;\r\n  line-height: 1.15;\r\n}\r\n.blip-sim-sub{\r\n  margin: 0 0 4px;\r\n  font-size: 18px;\r\n  color: #eef3ff;\r\n}\r\n.blip-sim-dim{ opacity:.9; font-weight:600; }\r\n\r\n.blip-sim-logo{\r\n  display:block; width: 216px!important; height:auto!important; margin: 6px 0 8px;\r\n}\r\n\r\n\/* KPIs *\/\r\n.blip-sim-kpis{\r\n  display:grid;\r\n  grid-template-columns: 1fr ;\r\n  gap: 22px;\r\n  max-width: 520px;\r\n}\r\n.blip-sim-kpi{ display:flex;align-items: baseline; gap:10px }\r\n.blip-sim-kpi-val{\r\n  font-weight: 900;\r\n  font-size: clamp(36px, 6vw, 72px);\r\n  color: #C5D9FB!important;\r\n  line-height: 1;\r\n}\r\n.blip-sim-kpi-cap{ margin-top: 6px; color: #e5edff; }\r\n\r\n\/* CTA *\/\r\n.blip-sim-cta-wrap{ margin-top: 10px; }\r\n.blip-sim-cta{\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n  padding: 14px 22px; border-radius: 12px; text-decoration:none;\r\n  font-weight: 800; color: var(--blip-sim-blue-600); background:#fff;\r\n \r\n \r\n}\r\n\r\n.blip-lp-nuve3{\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 380px;\r\n \r\n}\r\n\r\n.blip-lp-nuve4{\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 17%;\r\n  width: 360px;\r\n \r\n}\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 980px){\r\n  .blip-sim-wrap{ grid-template-columns: 1fr; gap: 18px; }\r\n  .blip-sim-left{ order: 1; }\r\n  .blip-sim-right{ order: 2; text-align:center; align-items:center; }\r\n  .blip-sim-logo{ margin-left:auto; margin-right:auto; }\r\n  .blip-sim-kpis{ grid-template-columns: 1fr; max-width: 460px; }\r\n  .blip-sim-cta{ width: 100%; max-width: 520px; }\r\n}\r\n\r\n\/* ===== Animaciones on-scroll ===== *\/\r\n@keyframes blip-sim-slide-left  { from{opacity:0; transform:translateX(-40px)} to{opacity:1; transform:translateX(0)} }\r\n@keyframes blip-sim-slide-right { from{opacity:0; transform:translateX( 40px)} to{opacity:1; transform:translateX(0)} }\r\n@keyframes blip-sim-fade-up     { from{opacity:0; transform:translateY( 16px)} to{opacity:1; transform:translateY(0)} }\r\n\r\n.blip-sim-anim{ opacity:0; will-change: transform, opacity; }\r\n.blip-sim-anim.blip-sim-in{\r\n  opacity:1; animation-duration:.85s; animation-fill-mode:both;\r\n  animation-timing-function:cubic-bezier(.22,.61,.36,1);\r\n  animation-delay: var(--blip-sim-delay, 0s);\r\n}\r\n.blip-sim-anim-left.blip-sim-in  { animation-name: blip-sim-slide-left; }\r\n.blip-sim-anim-right.blip-sim-in { animation-name: blip-sim-slide-right; }\r\n.blip-sim-anim-up.blip-sim-in    { animation-name: blip-sim-fade-up; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .blip-sim-anim, .blip-sim-anim.blip-sim-in{ opacity:1 !important; transform:none !important; animation:none !important; }\r\n}\r\n\r\n\r\n\/***** BENEFICIOS *****\/\r\n\r\n\r\n\r\n\/* ===== Scope + variables ===== *\/\r\n.blip-bnf-section, .blip-bnf-section * { box-sizing: border-box; }\r\n.blip-bnf-section{\r\n  --blip-bnf-text:#0f172a;\r\n  --blip-bnf-dim:#6b7280;\r\n  --blip-bnf-blue:#4a93ff;\r\n  --blip-bnf-blue-600:#2f6aff;\r\n  --blip-bnf-green:#5ee690;\r\n\r\n  color: var(--blip-bnf-text);\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  padding: 40px 16px 48px;\r\n  max-width: var(--blip-lp-width);\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* 1) Head *\/\r\n.blip-bnf-head{ text-align:center; margin-bottom: 10px; }\r\n.blip-bnf-title{\r\n  margin: 0;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 4vw, 40px);\r\n  line-height: 1.2;\r\n}\r\n\r\n\/* 2) Dos columnas *\/\r\n.blip-bnf-grid{\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 36px;\r\n  align-items: start;\r\n  margin-top: 16px;\r\n}\r\n.blip-bnf-col{ display:flex; flex-direction:column; gap: 14px; justify-content: center;}\r\n\r\n\/* Badges *\/\r\n.blip-bnf-badge{\r\n  display:inline-flex; align-items:center; justify-content:center;margin:30px auto;\r\n  font-weight: 900; font-size: clamp(16px, 2.2vw, 24px);\r\n  padding: 10px 16px; border-radius: 12px; width: fit-content;\r\n  color: #0f172a; background: #e5f9ee;\r\n}\r\n.blip-bnf-badge-green{ background:#5ee690; color:#08351d; }\r\n.blip-bnf-badge-blue{\r\n  background: #0096FA; color:#fff;\r\n\r\n}\r\n\r\n\/* Bullets en 2 columnas dentro de cada columna *\/\r\n.blip-bnf-bullets{\r\n  list-style:none; margin:0; padding:0;\r\n  display:grid; grid-template-columns: 1fr 1fr; gap: 20px 24px;\r\n}\r\n.blip-bnf-bullet{\r\n  display:grid; grid-template-columns: 40px 1fr; gap: 10px; align-items:center;\r\n  font-size: 18px;\r\n   font-family: \"Carbona Blip\", Sans-serif;\r\n   line-height: 100%;\r\n   color: #000;\r\n}\r\n.blip-bnf-ico{ width: 36px; height: 36px; object-fit: contain; }\r\n.blip-bnf-dim{ color: #000; }\r\n\r\n\/* 3) Outro *\/\r\n.blip-bnf-outro{\r\n  text-align:center; margin: 46px auto 0;\r\n  font-size: clamp(18px, 2.4vw, 28px);\r\n  font-weight: 600;\r\n}\r\n.blip-bnf-blue{ color: var(--blip-bnf-blue-600); font-weight: 800; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 980px){\r\n  .blip-bnf-grid{ grid-template-columns: 1fr; gap: 24px; }\r\n  .blip-bnf-bullets{ grid-template-columns: 1fr; gap: 14px; }\r\n  .blip-bnf-badge{ font-size: 18px; }\r\n}\r\n\r\n\/* ===== Animaciones on-scroll ===== *\/\r\n@keyframes blip-bnf-slide-left  { from{opacity:0; transform:translateX(-40px)} to{opacity:1; transform:translateX(0)} }\r\n@keyframes blip-bnf-slide-right { from{opacity:0; transform:translateX( 40px)} to{opacity:1; transform:translateX(0)} }\r\n@keyframes blip-bnf-fade-up     { from{opacity:0; transform:translateY( 16px)} to{opacity:1; transform:translateY(0)} }\r\n\r\n.blip-bnf-anim{ opacity:0; will-change: transform, opacity; }\r\n.blip-bnf-anim.blip-bnf-in{\r\n  opacity:1; animation-duration:.85s; animation-fill-mode:both;\r\n  animation-timing-function:cubic-bezier(.22,.61,.36,1);\r\n  animation-delay: var(--blip-bnf-delay, 0s);\r\n}\r\n.blip-bnf-anim-left.blip-bnf-in  { animation-name: blip-bnf-slide-left; }\r\n.blip-bnf-anim-right.blip-bnf-in { animation-name: blip-bnf-slide-right; }\r\n.blip-bnf-anim-up.blip-bnf-in    { animation-name: blip-bnf-fade-up; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .blip-bnf-anim, .blip-bnf-anim.blip-bnf-in{ opacity:1 !important; transform:none !important; animation:none !important; }\r\n}\r\n\r\n\/****** ALIANZAS ESTRATEGICAS ******\/\r\n\r\n\r\n\/* ===== Scope & Vars ===== *\/\r\n.blip-ally-sec, .blip-ally-sec * { box-sizing: border-box; }\r\n.blip-ally-sec{\r\n  --ally-text:#0f172a;\r\n  --ally-dim:#6b7280;\r\n  --ally-blue:#4a93ff;\r\n  --ally-blue-600:#2f6aff;\r\n  color: var(--ally-text);\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  padding: 40px 16px 56px;\r\n}\r\n.blip-ally-wrap{ max-width:1240px; margin:0 auto; }\r\n\r\n\/* T\u00edtulo *\/\r\n.blip-ally-head{ text-align:center; }\r\n.blip-ally-title{\r\n  margin:0;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  color: #000;\r\n  font-weight:900;\r\n  font-size: 40px;\r\n  line-height:1.15;\r\n}\r\n\r\n\/* Caja m\u00e9trica *\/\r\n.blip-ally-box{\r\n  margin: 18px auto 26px;\r\n  padding: clamp(14px, 2vw, 18px);\r\n  border: 2px solid #0096FA;\r\n  border-radius: 14px;\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1fr auto 1fr;\r\n  align-items: center;\r\n  gap: clamp(12px, 2.6vw, 26px);\r\n  max-width: 980px;\r\n \r\n  background: #fff;\r\n}\r\n.blip-ally-item{ text-align:center; }\r\n.blip-ally-big{\r\n  font-weight:900;\r\n  font-size: clamp(20px, 3vw, 28px);\r\n  letter-spacing:.3px;\r\n}\r\n.blip-ally-cap{\r\n  color: #000!important;\r\n  margin-top: 2px;\r\n  font-size: 16px;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n}\r\n.blip-ally-plus{\r\n  width: clamp(22px, 2.2vw, 28px);\r\n  height: auto;\r\n  display:block;\r\n}\r\n\r\n\/* Logos *\/\r\n.blip-ally-logos{\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0,1fr));\r\n  gap: clamp(18px, 4vw, 40px);\r\n  align-items: center;\r\n  justify-items: center;\r\n  margin-top: clamp(10px, 2.5vw, 18px);\r\n}\r\n.blip-ally-logo{\r\n  max-width: none!important;\r\n  width: auto!important;\r\n  height: 69px!important;\r\n  \r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 860px){\r\n  .blip-ally-box{\r\n    grid-template-columns: 1fr;\r\n    text-align:center;\r\n  }\r\n  .blip-ally-plus{ display:none; }\r\n  .blip-ally-logos{ grid-template-columns: 1fr; gap: 22px; }\r\n}\r\n\r\n\/* ===== Animations on-scroll ===== *\/\r\n@keyframes blip-ally-fade-up { from{opacity:0; transform:translateY(16px)} to{opacity:1; transform:translateY(0)} }\r\n.blip-ally-anim{ opacity:0; will-change:transform,opacity; }\r\n.blip-ally-anim.blip-ally-in{\r\n  opacity:1; animation: blip-ally-fade-up .8s cubic-bezier(.22,.61,.36,1) both;\r\n  animation-delay: var(--blip-ally-delay, 0s);\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n  .blip-ally-anim, .blip-ally-anim.blip-ally-in{ opacity:1 !important; transform:none !important; animation:none !important; }\r\n}\r\n\r\n\r\n\/****** INTEGRACIONES BLIP *******\/\r\n\r\n\r\n\/* ===== Scope & variables ===== *\/\r\n.blip-int-sec, .blip-int-sec * { box-sizing: border-box; }\r\n.blip-int-sec{\r\n  --blip-int-bg: none;                 \/* se inyecta en el style del <section> *\/\r\n  --int-blue: #4a93ff;\r\n  --int-text: #0f172a;\r\n  --int-dim: #475569;\r\n\r\n  position: relative;\r\n  background-image: var(--blip-int-bg);\r\n  background-size: cover;\r\n  background-position: center;\r\n  color: var(--int-text);\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  padding: 36px 16px 56px;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* blob decorativo del lado derecho inferior *\/\r\n.blip-int-blob{\r\n  position: absolute;\r\n  right: -8vw;\r\n  bottom: -12vw;\r\n  width: 65vw;\r\n  height: 65vw;\r\n  background: var(--int-blue);\r\n  border-top-left-radius: 120px;\r\n  border-radius: 50%;\r\n  \r\n  z-index: 0;\r\n}\r\n\r\n\/* contenedor *\/\r\n.blip-int-wrap{ max-width: var(--blip-lp-width); margin: 0 auto; position: relative; z-index: 1; }\r\n\r\n\/* t\u00edtulo *\/\r\n.blip-int-head{ text-align:center; margin-bottom: 10px; }\r\n.blip-int-title{\r\n  margin: 30px auto;\r\n  color: #000!important;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 4vw, 40px);\r\n  line-height: 1.2;\r\n}\r\n\r\n\/* grid principal *\/\r\n.blip-int-grid{\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr;\r\n  gap: 28px;\r\n  align-items: center;\r\n  margin-top: 12px;\r\n}\r\n\r\n\/* bullets *\/\r\n.blip-int-bullets{\r\n  list-style: none; margin: 0; padding: 0;\r\n  display: grid; gap: 18px;\r\n}\r\n.blip-int-bullet{\r\n  display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: center;\r\n  font-size: 20px;color: #000!important;\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n}\r\n.blip-int-ico{ width: 40px; height: auto; object-fit: contain; }\r\n\r\n\/* imagen derecha *\/\r\n.blip-int-visual{ position: relative; }\r\n.blip-int-img{\r\n  display:block; width:100%; height:auto;\r\n  border-radius: 28px;\r\n  \r\n}\r\n\r\n\/* logos inferiores sobre el blob *\/\r\n.blip-int-logos{\r\n  display: grid;\r\n  grid-template-columns: repeat(6, minmax(0,1fr));\r\n  gap: clamp(18px, 4vw, 40px);\r\n  align-items: center;\r\n  justify-items: center;\r\n  margin-top: clamp(22px, 4vw, 36px);\r\n}\r\n.blip-int-logo{\r\n  max-width: 100px!important; width: 100%; height: auto!important;\r\n  \r\n}\r\n\r\n\/* responsive *\/\r\n@media (max-width: 1024px){\r\n  .blip-int-grid{ grid-template-columns: 1fr; }\r\n  .blip-int-logos{ grid-template-columns: repeat(3, 1fr); }\r\n  .blip-int-blob{\r\n    width: 90vw; height: 90vw; right: -20vw; bottom: -25vw;\r\n  }\r\n}\r\n@media (max-width: 640px){\r\n  .blip-int-logos{ grid-template-columns: repeat(2, 1fr); gap: 22px; }\r\n}\r\n\r\n\/* ===== Animaciones on-scroll ===== *\/\r\n@keyframes blip-int-slide-left  { from{opacity:0; transform:translateX(-40px)} to{opacity:1; transform:translateX(0)} }\r\n@keyframes blip-int-slide-right { from{opacity:0; transform:translateX( 40px)} to{opacity:1; transform:translateX(0)} }\r\n@keyframes blip-int-fade-up     { from{opacity:0; transform:translateY( 16px)} to{opacity:1; transform:translateY(0)} }\r\n\r\n.blip-int-anim{ opacity:0; will-change: transform, opacity; }\r\n.blip-int-anim.blip-int-in{\r\n  opacity:1; animation-duration:.85s; animation-fill-mode:both;\r\n  animation-timing-function:cubic-bezier(.22,.61,.36,1);\r\n  animation-delay: var(--blip-int-delay, 0s);\r\n}\r\n.blip-int-anim-left.blip-int-in  { animation-name: blip-int-slide-left; }\r\n.blip-int-anim-right.blip-int-in { animation-name: blip-int-slide-right; }\r\n.blip-int-anim-up.blip-int-in    { animation-name: blip-int-fade-up; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .blip-int-anim, .blip-int-anim.blip-int-in{ opacity:1 !important; transform:none !important; animation:none !important; }\r\n}\r\n\r\n\r\n\/****** BLIP CONTACTO ******\/\r\n\r\n\/* ===== Scope & variables ===== *\/\r\n.blip-frm-sec, .blip-frm-sec * { box-sizing: border-box; }\r\n.blip-frm-sec{\r\n  --blip-frm-bg:none;         \/* se inyecta en el style del <section> *\/\r\n  --blip-frm-safe:52%;        \/* ancho de zona segura (porcentaje) *\/\r\n  --frm-blue:#4a93ff;\r\n  --frm-blue-600:#2f6aff;\r\n  --frm-dark:#0b1224;\r\n  --frm-white:#fff;\r\n  --frm-dim:#cdd7ee;\r\n\r\n  position: relative;\r\n  color: #eef3ff;\r\n  background-image: var(--blip-frm-bg);\r\n  background-size: cover;\r\n  background-position: center top;\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\r\n.blip-frm-wrap{\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  padding: 48px 16px 56px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* T\u00edtulo centrado (una sola columna) *\/\r\n.blip-frm-head{ text-align:center; margin-bottom: 10px; }\r\n.blip-frm-title{\r\n  margin:40px auto 100px;\r\n  font-weight: normal;\r\n  color: #fff!important;\r\n  font-size: 28px;\r\n}\r\n\r\n\/* Grid principal: safe + form *\/\r\n.blip-frm-grid{\r\n  display: grid;\r\n  grid-template-columns: var(--blip-frm-safe) 1fr; \/* SAFE EN % *\/\r\n  gap: 28px;\r\n  align-items: start;\r\n  min-height: 520px;\r\n}\r\n.blip-frm-safe{ min-height: 320px; } \/* solo reserva espacio *\/\r\n\r\n\/* Tarjeta tipo glass *\/\r\n.blip-frm-card{\r\n  margin-left: auto;\r\n  width: min(560px, 100%);\r\n  background: linear-gradient(160deg, rgba(80,120,255,.35), rgba(18,30,60,.28));\r\n  border: 1px solid rgba(255,255,255,.28);\r\n  border-radius: 22px;\r\n  padding: 22px;\r\n  \r\n  backdrop-filter: blur(8px);\r\n  color: #eaf1ff;\r\n}\r\n.blip-frm-lead{\r\n  margin: 2px 0 14px;\r\n  font-size: clamp(14px, 1.7vw, 16px);\r\n}\r\n\r\n\/* Form *\/\r\n.blip-frm-form{\r\n  display: grid; gap: 14px;\r\n}\r\n.blip-frm-field{ display: grid; gap: 6px; }\r\n.blip-frm-field > span{\r\n  font-size: 14px; color: #e5edff; opacity:.9;\r\n}\r\n.blip-frm-field input{\r\n  width: 100%;\r\n  height: 44px;\r\n  padding: 0 14px;\r\n  border-radius: 10px;\r\n  border: 0;\r\n  outline: none;\r\n  background: #eef3ff;\r\n  color: #0b1530;\r\n \r\n}\r\n.blip-frm-field input::placeholder{ color:#6b7280; }\r\n\r\n.blip-frm-cta{\r\n  height: 46px;\r\n  border-radius: 10px;\r\n  border: 0;\r\n  color: #fff;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  background:#0096FA;\r\n \r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 1120px){\r\n  .blip-frm-sec{ --blip-frm-safe:46%; }\r\n}\r\n@media (max-width: 980px){\r\n  .blip-frm-sec{ --blip-frm-safe:40%; }\r\n}\r\n@media (max-width: 860px){\r\n  .blip-frm-grid{ grid-template-columns: 1fr; gap: 16px; }\r\n  .blip-frm-safe{ display:none; }\r\n  .blip-frm-card{ margin: 0 auto; width: min(600px, 92%); }\r\n  .blip-frm-wrap{ padding: 36px 14px 44px; }\r\n}\r\n\r\n\/* ===== Animaciones on-scroll ===== *\/\r\n@keyframes blip-frm-slide-left  { from{opacity:0; transform:translateX(-40px)} to{opacity:1; transform:translateX(0)} }\r\n@keyframes blip-frm-slide-right { from{opacity:0; transform:translateX( 40px)} to{opacity:1; transform:translateX(0)} }\r\n@keyframes blip-frm-fade-up     { from{opacity:0; transform:translateY( 16px)} to{opacity:1; transform:translateY(0)} }\r\n\r\n.blip-frm-anim{ opacity:0; will-change: transform, opacity; }\r\n.blip-frm-anim.blip-frm-in{\r\n  opacity:1; animation-duration:.85s; animation-fill-mode:both;\r\n  animation-timing-function:cubic-bezier(.22,.61,.36,1);\r\n  animation-delay: var(--blip-frm-delay, 0s);\r\n}\r\n.blip-frm-anim-left.blip-frm-in  { animation-name: blip-frm-slide-left; }\r\n.blip-frm-anim-right.blip-frm-in { animation-name: blip-frm-slide-right; }\r\n.blip-frm-anim-up.blip-frm-in    { animation-name: blip-frm-fade-up; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .blip-frm-anim, .blip-frm-anim.blip-frm-in{ opacity:1 !important; transform:none !important; animation:none !important; }\r\n}\r\n\r\n\/****** FOOTER *******\/\r\n\r\n\r\n\/* ====== Scope & variables ====== *\/\r\n.blip-ft, .blip-ft * { box-sizing: border-box; }\r\n.blip-ft{\r\n  --ft-bg: #0C4EC0;          \/* azul principal del pie *\/\r\n  --ft-bg-dark: #072F73;     \/* barra inferior *\/\r\n  --ft-text: #e8f0ff;\r\n  --ft-dim: #c9d6ff;\r\n  --ft-card: rgba(255,255,255,.06);\r\n  font-family: \"Carbona Blip\", Sans-serif;\r\n  color: var(--ft-text);\r\n  background: var(--ft-bg);\r\n}\r\n\r\n\/* Wrapper *\/\r\n.blip-ft-wrap{\r\n  max-width: var(--blip-lp-width);\r\n  margin: 0 auto;\r\n  padding: 28px 18px 18px;\r\n}\r\n\r\n\/* ===== Top ===== *\/\r\n.blip-ft-top{\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr 1fr;\r\n  gap: 40px;\r\n  align-items: start;\r\n}\r\n.blip-ft-logo{ width: 88px; height: auto; margin-bottom: 10px; }\r\n.blip-ft-h4{\r\n  margin: 6px 0 8px;\r\n  font-size: 18px; font-weight: 700; color: #fff!important;\r\n}\r\n.blip-ft-links{ list-style:none; margin: 0; padding: 0; display: grid; gap: 10px; }\r\n.blip-ft-links a{\r\n  color: var(--ft-dim); text-decoration: none; font-size: 15px;\r\n}\r\n.blip-ft-links a:hover{ color: #fff; text-decoration: underline; }\r\n\r\n\/* Socials *\/\r\n.blip-ft-socials{ display: flex; gap: 16px; margin-top: 6px; }\r\n.blip-ft-social{\r\n  display: inline-grid; place-items: center;\r\n  width: 44px; height: 44px;\r\n  border-radius: 999px;\r\n  background: #072F73;\r\n \r\n}\r\n.blip-ft-social img{ width: 22px; height: 22px; object-fit: contain; }\r\n\r\n\/* Separator *\/\r\n.blip-ft-sep{\r\n  border: 0; height: 1px; background: rgba(255,255,255,.25)!important;\r\n  margin: 28px 0!important;\r\n}\r\n\r\n\/* ===== Middle ===== *\/\r\n.blip-ft-mid{\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 1fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n}\r\n.blip-ft-h5{ margin: 0 0 10px; font-size: 18px; font-weight: 800; color: #fff!important; }\r\n\r\n.blip-ft-cert-logos{ display: flex; gap: 32px; align-items: center; flex-wrap: wrap; }\r\n.blip-ft-cert-logos img{ height: 60px!important; width: auto!important;max-width: none!important; }\r\n\r\n.blip-ft-member{ justify-self: start; }\r\n.blip-ft-member-logo{ height: 60px!important; width: auto!important; }\r\n\r\n\/* ===== Bottom bar ===== *\/\r\n.blip-ft-bottom{ background: var(--ft-bg-dark); margin-top: 22px; }\r\n.blip-ft-bottom-inner{\r\n  max-width: 1180px; margin: 0 auto; padding: 14px 18px;\r\n  font-size: 14px; color: #c9d6ff;\r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 980px){\r\n  .blip-ft-top{ grid-template-columns: 1fr 1fr; gap: 26px; }\r\n  .blip-ft-mid{ grid-template-columns: 1fr; gap: 24px; }\r\n  .blip-ft-member{ justify-self: start; }\r\n}\r\n@media (max-width: 640px){\r\n  .blip-ft-top{ grid-template-columns: 1fr; }\r\n  .blip-ft-socials{ gap: 12px; }\r\n  .blip-ft-cert-logos{ gap: 18px; }\r\n  .blip-ft-member-logo{ height: 44px; }\r\n  .blip-ft-cert-logos img{ height: 48px; }\r\n}\r\n@media (max-width: 1930px){\r\n  .blip-lp-hero-vector {\r\n    \r\n    right: -20%;\r\n    \r\n    height: 130% !important;\r\n  \r\n}\r\n}\r\n@media (max-width: 1684px){\r\n\r\n.blip-lp-hero-vector{\r\n  right: -30%!important;\r\n      height: 140% !important;\r\n}\r\n}\r\n@media (max-width: 1650px){\r\n\r\n.blip-lp-hero-vector{\r\n  right: -30%!important;\r\n      height: 140% !important;\r\n}\r\n}\r\n@media (max-width: 1460px){\r\n\r\n.blip-lp-hero-vector{\r\n  right: -32%!important;\r\n      height: 140% !important;\r\n}\r\n}\r\n@media (max-width: 1385px){\r\n\r\n.blip-lp-hero-vector{\r\n   right: -35%!important;\r\n      height: 140% !important;\r\n}\r\n}\r\n@media (max-width: 1370px){\r\n\r\n.blip-lp-hero-vector{\r\n  right: -36%!important;\r\n      height: 140% !important;\r\n}\r\n}\r\n@media (max-width: 1367px){\r\n  .blip-lp-hero-vector{\r\n    right: -56%!important;\r\n  }\r\n}\r\n@media (max-width: 1298px){\r\n\r\n.blip-lp-hero-vector{\r\n \r\n}\r\n}\r\n\r\n\r\n@media (max-width: 1293px){\r\n\r\n.blip-lp-hero-vector{\r\n  right: -50%!important;\r\n      \r\n}\r\n}\r\n@media (max-width: 1180px){\r\n\r\n.blip-lp-hero-vector{\r\n  right: -50%!important;\r\n      \r\n}\r\n}\r\n\r\n@media (max-width: 1092px){\r\n\r\n.blip-lp-hero-vector{\r\n  right: -55%!important;\r\n      \r\n}\r\n}\r\n.blip-lp-hero-vector-mobile{\r\n  display: none;\r\n}\r\n\r\n@media (max-width: 1030px){\r\n  .blip-lp-hero-vector{\r\n    display: none;\r\n  }\r\n      .blip-lp-badges {\r\n        justify-content: center;\r\n    }\r\n    .blip-lp-lead{\r\n      margin: 18px auto;\r\n    }\r\n  \r\n}\r\n@media (max-width: 768px){\r\n  *, *::before, *::after {\r\n  box-sizing: border-box;\r\n}\r\n.blip-frm-card{\r\n  padding: 0!important;\r\n}\r\n  :root { --blip-lp-width: 90%; }\r\n\r\n  .blip-ally-logo {\r\n  margin: 10px auto;\r\n    height: 49px !important;\r\n}\r\n.blip-lp-badges{\r\n  justify-content: center;\r\n}\r\n.blip-lp-hero-vector-mobile{\r\n        display: block;\r\n        position: absolute;\r\n        right: -55%;\r\n        bottom: -50px;\r\n        width: auto;\r\n        height: 280px !important;\r\n        z-index: -1;\r\n}\r\n.blip-lp-topbar-inner{\r\n  padding: 0 5px;\r\n}\r\n  .blip-co-copilot,.blip-sim-wrap{\r\n\r\nmax-width: var(--blip-lp-width)!important;\r\n  }\r\n\r\n  .blip-cx-kpi-val{\r\n \r\n  color:#0C4EC0!important;\r\n}\r\n\r\n.blip-lp-agent-wrap{\r\n  \r\n  padding: 56px 20px 10px!important; \/* espacio para la cinta *\/\r\n  \r\n}\r\n.cdr-chat-phone{\r\n  width: 100%;\r\n}\r\n.cdr-notch{\r\n  width: 40px;\r\n}\r\n.granv-chat-shell{\r\n  height: 550px;\r\n  width: 100%;\r\n}\r\n.granv-msg{\r\n    max-width: 90%;\r\n    margin-bottom: 5px;\r\n}\r\n.blip-cap2-msg-1 {\r\n  \r\n  top: 15%;\r\n\r\n}\r\n.granv-msg,.cdr-msg{\r\n    font-size: 10px;\r\n}\r\n.cdr-plus,.cdr-icogroup{\r\n    display: none;\r\n}\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ce27a0 e-flex e-con-boxed e-con e-parent\" data-id=\"6ce27a0\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-578e8da elementor-widget elementor-widget-html\" data-id=\"578e8da\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\r\n<script>hbspt.forms.create({portalId: \"1796841\",formId: \"9ffaa0f4-0d89-4bf7-8a2a-b0b6dd7630da\",target: \"#form-target\",region: \"na1\" });<\/script>\t\t\t\t<\/div>\n\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>\u00bfNecesitas ayuda? Habla con un Asesor Mientras otros hablan, t\u00fa conectas con clientes a trav\u00e9s de inteligencia artificial Vende en WhatsApp y otros canales 24\/7, resolviendo hasta el 80% de las conversaciones de forma autom\u00e1tica y manteniendo el contexto y la empat\u00eda. Implementaci\u00f3n r\u00e1pida Soporte experto en cada paso Y con Blip Copilot, recibe sugerencias [&hellip;]<\/p>\n","protected":false},"author":73,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-30361","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digital.blip.ai\/es\/wp-json\/wp\/v2\/pages\/30361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital.blip.ai\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digital.blip.ai\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digital.blip.ai\/es\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/digital.blip.ai\/es\/wp-json\/wp\/v2\/comments?post=30361"}],"version-history":[{"count":0,"href":"https:\/\/digital.blip.ai\/es\/wp-json\/wp\/v2\/pages\/30361\/revisions"}],"wp:attachment":[{"href":"https:\/\/digital.blip.ai\/es\/wp-json\/wp\/v2\/media?parent=30361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}