{"id":1187,"date":"2025-10-30T11:56:10","date_gmt":"2025-10-30T14:56:10","guid":{"rendered":"https:\/\/cortexdigital.com.ar\/web\/?p=1187"},"modified":"2025-10-30T12:27:16","modified_gmt":"2025-10-30T15:27:16","slug":"actualizacion-plataforma-%c2%b7-integridad-financiera","status":"publish","type":"post","link":"https:\/\/cortexdigital.com.ar\/web\/2025\/10\/30\/actualizacion-plataforma-%c2%b7-integridad-financiera\/","title":{"rendered":"Integridad Financiera \u00b7 Actualizaci\u00f3n Plataforma"},"content":{"rendered":"\n  <style>\n    :root {\n      \/* PALETA INTEGRIDAD FINANCIERA *\/\n      --bg1: #05070C;\n      --bg2: #0E1624;\n      --bg3: #0F1C33;\n      --bg4: #000000;\n\n      --surface-card: rgba(14,22,36,0.6);\n      --surface-card-solid: #0a0f16;\n\n      --text-main: #E7EDF7;\n      --text-dim: #9FB0C7;\n      --text-muted: #5a5a5a;\n      --text-soft: #9FB0C7;\n\n      --accent-turquoise: #26E3B2;\n      --accent-cyan: #69E3FF;\n      --accent-violet: #7B6CFF;\n\n      --radius-card: 20px;\n      --radius-item: 14px;\n\n      --border-color: rgba(255,255,255,0.07);\n      --border-color-soft: rgba(255,255,255,0.04);\n\n      --shadow-card:\n        0 30px 120px rgba(0,0,0,0.9),\n        0 6px 24px rgba(0,0,0,0.8);\n\n      --shadow-glow-turquoise:\n        0 20px 60px rgba(38,227,178,0.28),\n        0 4px 16px rgba(0,0,0,0.9);\n\n      --shadow-glow-cyan:\n        0 20px 60px rgba(105,227,255,0.25),\n        0 4px 16px rgba(0,0,0,0.9);\n    }\n\n    body {\n      margin: 0;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Inter\", Roboto, \"Segoe UI\", sans-serif;\n      background:\n        radial-gradient(circle at 20% 20%, rgba(38,227,178,0.08) 0%, rgba(0,0,0,0) 60%),\n        radial-gradient(circle at 80% 0%, rgba(105,227,255,0.06) 0%, rgba(0,0,0,0) 70%),\n        radial-gradient(circle at 50% 100%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%),\n        linear-gradient(160deg, var(--bg1) 0%, var(--bg2) 60%, var(--bg4) 100%);\n      color: var(--text-main);\n      line-height: 1.5;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .page-wrap {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: clamp(1.5rem,2vw,2rem);\n    }\n\n    \/* ================= HERO ================= *\/\n    header.post-hero {\n      display: grid;\n      gap: 1.5rem;\n      margin-bottom: 3rem;\n    }\n\n    .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: .5rem;\n      font-size: .7rem;\n      line-height: 1.2;\n      color: var(--text-dim);\n      text-transform: uppercase;\n      letter-spacing: .08em;\n      font-weight: 500;\n      background: rgba(255,255,255,0.03);\n      border: 1px solid var(--border-color);\n      padding: .5rem .75rem;\n      border-radius: var(--radius-item);\n      width: fit-content;\n      box-shadow: var(--shadow-card);\n    }\n\n    .eyebrow span.dot {\n      display: inline-block;\n      width: .5rem;\n      height: .5rem;\n      border-radius: 999px;\n      background: radial-gradient(circle at 30% 30%, #fff 0%, var(--accent-turquoise) 40%, transparent 70%);\n      box-shadow:\n        0 0 8px var(--accent-turquoise),\n        0 0 30px rgba(38,227,178,0.6);\n    }\n\n    h1.post-title {\n      font-size: clamp(1.9rem,1vw,2.3rem);\n      font-weight: 600;\n      line-height: 1.2;\n      color: var(--text-main);\n      max-width: 800px;\n      text-shadow: 0 2px 8px rgba(0,0,0,0.9);\n    }\n\n    .post-meta {\n      font-size: .9rem;\n      color: var(--text-soft);\n      display: flex;\n      flex-wrap: wrap;\n      gap: .75rem 1.5rem;\n    }\n\n    .post-meta .badge {\n      background: rgba(255,255,255,0.03);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-item);\n      padding: .4rem .6rem;\n      font-size: .75rem;\n      line-height: 1.2;\n      color: var(--text-main);\n      box-shadow: var(--shadow-card);\n    }\n\n    \/* ================= CARD DESTACADA ================= *\/\n    .highlight-card {\n      background:\n        radial-gradient(circle at 10% 0%, rgba(105,227,255,0.18) 0%, rgba(0,0,0,0) 60%),\n        radial-gradient(circle at 90% 20%, rgba(38,227,178,0.12) 0%, rgba(0,0,0,0) 70%),\n        linear-gradient(145deg, rgba(14,22,36,0.9) 0%, rgba(14,22,36,0.4) 60%);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-card);\n      box-shadow: var(--shadow-card);\n      padding: clamp(1rem,2vw,2rem);\n      display: grid;\n      grid-template-columns: minmax(0,1fr);\n      gap: 1rem;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .highlight-card::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(circle at 80% 20%, rgba(105,227,255,0.12) 0%, rgba(0,0,0,0) 70%);\n      mix-blend-mode: screen;\n      pointer-events: none;\n    }\n\n    .highlight-title {\n      font-size: 1.1rem;\n      font-weight: 600;\n      color: var(--text-main);\n      line-height: 1.4;\n    }\n\n    .highlight-desc {\n      font-size: .95rem;\n      color: var(--text-dim);\n    }\n\n    .features-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit,minmax(min(240px,100%),1fr));\n      gap: 1rem;\n      margin-top: .5rem;\n    }\n\n    .feat-item {\n      background: rgba(0,0,0,0.45);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-item);\n      padding: .9rem 1rem;\n      box-shadow: var(--shadow-glow-cyan);\n    }\n\n    .feat-head {\n      font-size: .8rem;\n      font-weight: 500;\n      color: var(--accent-cyan);\n      margin-bottom: .4rem;\n      display: flex;\n      justify-content: space-between;\n      align-items: baseline;\n    }\n\n    .feat-body {\n      font-size: .9rem;\n      color: var(--text-main);\n      line-height: 1.4;\n    }\n\n    \/* ================= CONTENIDO PRINCIPAL ================= *\/\n    article.content {\n      display: grid;\n      gap: 2.5rem;\n      margin-top: 3rem;\n    }\n\n    section.block {\n      background: rgba(0,0,0,0.4);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-card);\n      padding: clamp(1rem,2vw,1.5rem);\n      box-shadow: 0 24px 80px rgba(0,0,0,0.9),\n                  0 30px 120px rgba(105,227,255,0.18);\n    }\n\n    section.block h2 {\n      color: var(--text-main);\n      font-size: 1.2rem;\n      font-weight: 600;\n      line-height: 1.3;\n      margin: 0 0 .75rem;\n      display: flex;\n      align-items: center;\n      gap: .5rem;\n    }\n\n    section.block h2 .tag {\n      background: rgba(255,255,255,0.04);\n      border-radius: .5rem;\n      font-size: .7rem;\n      line-height: 1.2;\n      padding: .3rem .5rem;\n      border: 1px solid var(--border-color);\n      color: var(--accent-violet);\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: .05em;\n    }\n\n    .block p {\n      color: var(--text-dim);\n      font-size: .95rem;\n      line-height: 1.6;\n      margin: 0 0 1rem;\n    }\n\n    .checklist {\n      list-style: none;\n      padding: 0;\n      margin: 1rem 0 0;\n      display: grid;\n      gap: .6rem;\n      font-size: .95rem;\n    }\n\n    .checklist li {\n      display: flex;\n      align-items: flex-start;\n      gap: .6rem;\n      color: var(--text-main);\n      line-height: 1.4;\n    }\n\n    .check-icon {\n      width: 1rem;\n      height: 1rem;\n      border-radius: .4rem;\n      background: radial-gradient(circle at 30% 30%, #fff 0%, var(--accent-turquoise) 40%, transparent 70%);\n      box-shadow:\n        0 0 8px rgba(38,227,178,0.8),\n        0 0 30px rgba(38,227,178,0.4);\n      flex-shrink: 0;\n      border: 1px solid rgba(38,227,178,0.6);\n    }\n\n    \/* ================= GRID DE NOVEDADES ================= *\/\n    .steps-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit,minmax(min(240px,100%),1fr));\n      gap: 1rem;\n    }\n\n    .step-card {\n      background: rgba(14,22,36,0.55);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-item);\n      padding: 1rem 1rem 1.2rem;\n      box-shadow: var(--shadow-card);\n    }\n\n    .step-num {\n      font-size: .7rem;\n      font-weight: 600;\n      color: var(--accent-cyan);\n      text-transform: uppercase;\n      letter-spacing: .08em;\n      margin-bottom: .4rem;\n      text-shadow: 0 0 8px rgba(105,227,255,0.6);\n    }\n\n    .step-title {\n      color: var(--text-main);\n      font-size: 1rem;\n      font-weight: 500;\n      margin-bottom: .4rem;\n    }\n\n    .step-desc {\n      color: var(--text-dim);\n      font-size: .9rem;\n      line-height: 1.4;\n    }\n\n    \/* ================= CAPTURA REAL \/ COMPARATIVA ================= *\/\n    .screenshot-block {\n      background:\n        radial-gradient(circle at 0% 0%, rgba(105,227,255,0.12) 0%, rgba(0,0,0,0) 60%),\n        radial-gradient(circle at 80% 10%, rgba(38,227,178,0.08) 0%, rgba(0,0,0,0) 70%),\n        rgba(0,0,0,0.4);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-card);\n      box-shadow:\n        0 24px 80px rgba(0,0,0,0.9),\n        0 40px 120px rgba(105,227,255,0.28),\n        0 60px 180px rgba(38,227,178,0.1);\n      padding: clamp(1rem,2vw,1.5rem);\n    }\n\n    .shot-headline {\n      color: var(--text-main);\n      font-size: 1rem;\n      font-weight: 500;\n      line-height: 1.4;\n      margin-bottom: .5rem;\n      text-align: center;\n    }\n\n    .shot-desc {\n      color: var(--text-dim);\n      font-size: .9rem;\n      line-height: 1.5;\n      max-width: 780px;\n      margin: 0 auto 1.5rem;\n      text-align: center;\n    }\n\n    .compare-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1rem;\n    }\n\n    @media (max-width: 900px) {\n      .compare-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .compare-card {\n      background: radial-gradient(circle at 20% 20%, rgba(0,0,0,.8) 0%, rgba(14,22,36,.6) 60%);\n      border-radius: calc(var(--radius-card) * 0.8);\n      border: 1px solid rgba(105,227,255,0.5);\n      box-shadow:\n        0 40px 120px rgba(105,227,255,0.4),\n        0 8px 30px rgba(0,0,0,0.9),\n        0 0 60px rgba(38,227,178,0.18);\n      padding: .75rem;\n      display: flex;\n      flex-direction: column;\n      min-height: 100%;\n    }\n\n    .compare-card.full-width {\n      grid-column: 1 \/ -1;\n    }\n\n    .compare-label {\n      font-size: .7rem;\n      font-weight: 600;\n      line-height: 1.2;\n      color: var(--accent-cyan);\n      text-transform: uppercase;\n      letter-spacing: .08em;\n      margin: 0 0 .5rem;\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: wrap;\n    }\n\n    .compare-label span.right {\n      color: var(--accent-turquoise);\n      text-shadow: 0 0 8px rgba(38,227,178,0.6);\n    }\n\n    .frame-shell {\n      position: relative;\n      border-radius: calc(var(--radius-card) * 0.6);\n      border: 1px solid rgba(255,255,255,0.07);\n      box-shadow: 0 20px 60px rgba(0,0,0,0.9);\n      overflow: hidden;\n      background: #000;\n      min-height: 400px;\n    }\n\n    .frame-shell.tall {\n      min-height: 520px;\n    }\n\n    .frame-shell img {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\nobject-fit: scale-down;\n      background: #000;\n    }\n\n    .shot-caption {\n      color: var(--text-soft);\n      font-size: .75rem;\n      line-height: 1.4;\n      margin-top: 1rem;\n      text-align: center;\n    }\n\n    \/* ================= CTA FINAL ================= *\/\n    .cta-card {\n      background:\n        radial-gradient(circle at 0% 0%, rgba(38,227,178,0.12) 0%, rgba(0,0,0,0) 60%),\n        radial-gradient(circle at 80% 10%, rgba(105,227,255,0.25) 0%, rgba(0,0,0,0) 60%),\n        linear-gradient(150deg, rgba(14,22,36,0.9) 0%, rgba(14,22,36,0.4) 70%);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-card);\n      box-shadow:\n        0 30px 120px rgba(38,227,178,0.15),\n        0 30px 120px rgba(105,227,255,0.25),\n        0 4px 20px rgba(0,0,0,0.8);\n      padding: clamp(1rem,2vw,1.5rem);\n    }\n\n    .cta-headline {\n      font-size: 1.2rem;\n      font-weight: 600;\n      color: var(--text-main);\n      line-height: 1.3;\n      margin-bottom: .5rem;\n    }\n\n    .cta-sub {\n      color: var(--text-dim);\n      font-size: .95rem;\n      line-height: 1.5;\n      margin-bottom: 1rem;\n    }\n\n    .cta-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: .75rem 1rem;\n    }\n\n    .btn-what,\n    .btn-mail {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      white-space: nowrap;\n      text-decoration: none;\n      font-size: .9rem;\n      line-height: 1.2;\n      font-weight: 500;\n      border-radius: var(--radius-item);\n      border: 1px solid rgba(255,255,255,0.12);\n      padding: .8rem 1rem;\n      min-width: 180px;\n      background: rgba(0,0,0,0.55);\n      color: var(--text-main);\n      box-shadow: var(--shadow-glow-turquoise);\n      transition: all .18s;\n    }\n\n    .btn-what:hover {\n      background: rgba(38,227,178,0.08);\n      box-shadow: 0 20px 60px rgba(38,227,178,0.4);\n      color: var(--accent-turquoise);\n      border-color: rgba(38,227,178,0.6);\n    }\n    \n    .btn-mail:hover {\n      background: rgba(105,227,255,0.12);\n      box-shadow: 0 20px 60px rgba(105,227,255,0.4);\n      color: var(--accent-cyan);\n      border-color: rgba(105,227,255,0.6);\n    }\n\n    footer.post-footer {\n      font-size: .75rem;\n      color: var(--text-soft);\n      text-align: center;\n      margin: 3rem auto 2rem;\n      max-width: 800px;\n      line-height: 1.5;\n    }\n\n    footer.post-footer a {\n      color: var(--accent-cyan);\n      text-decoration: none;\n    }\n    \n    footer.post-footer a:hover {\n      color: var(--accent-turquoise);\n    }\n\n    @media (min-width: 768px) {\n      .highlight-card {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n  <\/style>\n\n<div class=\"page-wrap\">\n\n  <!-- ================= HERO \/ INTRO ================= -->\n  <header class=\"post-hero\">\n    <div class=\"eyebrow\">\n      <span class=\"dot\"><\/span>\n      <span>Implementaci\u00f3n real \u00b7 Cliente activo<\/span>\n    <\/div>\n\n    <h1 class=\"post-title\">\n      Actualizamos la plataforma de Integridad Financiera: chat comercial en vivo, canal directo y acceso r\u00e1pido v\u00eda QR.\n    <\/h1>\n\n    <div class=\"post-meta\">\n      <div>Equipo Cortex Digital \u00b7 Rosario<\/div>\n      <div class=\"badge\">Integraci\u00f3n en producci\u00f3n<\/div>\n      <div class=\"badge\">Integridad Financiera<\/div>\n      <div>Fecha: 30\/10\/2025<\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ================= RESUMEN DESTACADO ================= -->\n  <section class=\"highlight-card\">\n    <div>\n      <div class=\"highlight-title\">\n        Atenci\u00f3n m\u00e1s clara para sus clientes\n      <\/div>\n      <div class=\"highlight-desc\">\n        Integramos un chat en vivo que responde durante el horario comercial,\n        derivaci\u00f3n autom\u00e1tica a correo cuando la oficina est\u00e1 cerrada,\n        canal de WhatsApp directo y una botonera centralizada con todos los accesos.\n        Tambi\u00e9n generamos un QR p\u00fablico que lleva a esa misma botonera.\n      <\/div>\n    <\/div>\n\n    <div class=\"features-grid\">\n      <div class=\"feat-item\">\n        <div class=\"feat-head\">\n          <span>Chat en vivo<\/span>\n          <span>\ud83d\udcac<\/span>\n        <\/div>\n        <div class=\"feat-body\">\n          Soporte humano desde la web, en tiempo real.\n          Fuera de horario, el sistema pasa a correo para no perder la consulta.\n        <\/div>\n      <\/div>\n\n      <div class=\"feat-item\">\n        <div class=\"feat-head\">\n          <span>WhatsApp directo<\/span>\n          <span>\ud83d\udcf1<\/span>\n        <\/div>\n        <div class=\"feat-body\">\n          Contacto comercial inmediato, sin formulario intermedio.\n        <\/div>\n      <\/div>\n\n      <div class=\"feat-item\">\n        <div class=\"feat-head\">\n          <span>Botonera de accesos<\/span>\n          <span>\ud83e\udded<\/span>\n        <\/div>\n        <div class=\"feat-body\">\n          Una pantalla tipo \u00abpanel r\u00e1pido\u00bb: links \u00fatiles, formularios y v\u00edas de contacto\n          en un solo lugar para no marear al usuario.\n        <\/div>\n      <\/div>\n\n      <div class=\"feat-item\">\n        <div class=\"feat-head\">\n          <span>QR p\u00fablico<\/span>\n          <span>\ud83d\udfe6<\/span>\n        <\/div>\n        <div class=\"feat-body\">\n          Creamos un QR (integridad-financiera.com\/qr\/) que apunta a esa botonera.\n          Ya est\u00e1 impreso y visible en la nueva oficina.\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= CONTENIDO ================= -->\n  <article class=\"content\">\n\n    <!-- 1. Por qu\u00e9 hicimos esto -->\n    <section class=\"block\">\n      <h2>\n        <span class=\"tag\">Objetivo<\/span>\n        Que el cliente final llegue r\u00e1pido a la persona correcta\n      <\/h2>\n\n      <p>\n        Integridad Financiera abri\u00f3 una oficina f\u00edsica y necesitaba algo concreto:\n        que cada persona que entra pueda pedir ayuda sin tener que preguntar\n        \u00ab\u00bfa qui\u00e9n le hablo?\u00bb.\n      <\/p>\n\n      <p>\n        Por eso unificamos todos los canales de contacto en una misma experiencia visual,\n        con su identidad de marca (petr\u00f3leo oscuro, turquesa, celeste, violeta),\n        y lo pusimos a un escaneo de distancia.\n      <\/p>\n\n      <ul class=\"checklist\">\n        <li><span class=\"check-icon\"><\/span> Chat comercial en vivo en horario de oficina.<\/li>\n        <li><span class=\"check-icon\"><\/span> Derivaci\u00f3n autom\u00e1tica a correo fuera de horario.<\/li>\n        <li><span class=\"check-icon\"><\/span> WhatsApp directo para casos urgentes.<\/li>\n        <li><span class=\"check-icon\"><\/span> QR f\u00edsico en el cartel de la oficina.<\/li>\n      <\/ul>\n    <\/section>\n\n    <!-- 2. Lo que entregamos -->\n    <section class=\"block\">\n      <h2>\n        <span class=\"tag\">Entrega<\/span>\n        Qu\u00e9 est\u00e1 funcionando hoy\n      <\/h2>\n\n      <p>Todo esto est\u00e1 online y ya lo est\u00e1n usando clientes reales de Integridad Financiera:<\/p>\n\n      <div class=\"steps-grid\">\n        <div class=\"step-card\">\n          <div class=\"step-num\">01 \u00b7 Chat comercial<\/div>\n          <div class=\"step-title\">Atenci\u00f3n humana en vivo<\/div>\n          <div class=\"step-desc\">\n            M\u00f3dulo de chat en la web que responde en horario comercial. No es un bot gen\u00e9rico,\n            es el equipo real de Integridad Financiera.\n          <\/div>\n        <\/div>\n\n        <div class=\"step-card\">\n          <div class=\"step-num\">02 \u00b7 Fallback nocturno<\/div>\n          <div class=\"step-title\">Mail autom\u00e1tico cuando cierran<\/div>\n          <div class=\"step-desc\">\n            Si alguien escribe fuera de hora, se deriva a correo\n            para que la consulta quede registrada y no se pierda.\n          <\/div>\n        <\/div>\n\n        <div class=\"step-card\">\n          <div class=\"step-num\">03 \u00b7 WhatsApp comercial<\/div>\n          <div class=\"step-title\">Canal directo<\/div>\n          <div class=\"step-desc\">\n            Acceso inmediato al WhatsApp comercial, pensado para dudas urgentes\n            o coordinaci\u00f3n r\u00e1pida.\n          <\/div>\n        <\/div>\n\n        <div class=\"step-card\">\n          <div class=\"step-num\">04 \u00b7 Botonera centralizada<\/div>\n          <div class=\"step-title\">Panel de accesos r\u00e1pidos<\/div>\n          <div class=\"step-desc\">\n            Una vista con todos los links y formularios importantes.\n            La llamamos \u00abbotonera\u00bb y vive tambi\u00e9n detr\u00e1s del QR.\n          <\/div>\n        <\/div>\n\n        <div class=\"step-card\">\n          <div class=\"step-num\">05 \u00b7 QR p\u00fablico<\/div>\n          <div class=\"step-title\">integridad-financiera.com\/qr\/<\/div>\n          <div class=\"step-desc\">\n            El QR lleva directamente a esa botonera.\n            Ya est\u00e1 impreso en el banner de ingreso de la oficina.\n          <\/div>\n        <\/div>\n\n        <div class=\"step-card\">\n          <div class=\"step-num\">06 \u00b7 Identidad visual<\/div>\n          <div class=\"step-title\">Todo en su marca<\/div>\n          <div class=\"step-desc\">\n            Paleta consistente entre web, botonera y banner f\u00edsico.\n            Nada luce \u00abpegado de otro lado\u00bb: es Integridad Financiera, punto.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 3. Capturas reales -->\n    <section class=\"screenshot-block\">\n      <div class=\"shot-headline\">Esto es producci\u00f3n real, no un mockup<\/div>\n      <div class=\"shot-desc\">\n        Te mostramos tres piezas de la misma soluci\u00f3n:\n        la web actualizada, la botonera con accesos y el banner f\u00edsico con el QR que hicimos.\n      <\/div>\n\n      <div class=\"compare-grid\">\n        <div class=\"compare-card\">\n          <div class=\"compare-label\">\n            <span>Web actualizada<\/span>\n            <span class=\"right\">Plataforma online<\/span>\n          <\/div>\n          <div class=\"frame-shell\">\n            <img decoding=\"async\"\n              src=\"https:\/\/cortexdigital.com.ar\/web\/wp-content\/uploads\/2025\/10\/cortexdigitalok_1741273407_3582383450742983625_66518144536.jpg\"\n              alt=\"Vista de la web de Integridad Financiera con el m\u00f3dulo de contacto y chat en vivo\"\n              loading=\"lazy\" \/>\n          <\/div>\n        <\/div>\n\n        <div class=\"compare-card\">\n          <div class=\"compare-label\">\n            <span>Botonera + QR<\/span>\n            <span class=\"right\">\/qr\/ en producci\u00f3n<\/span>\n          <\/div>\n          <div class=\"frame-shell\">\n            <img decoding=\"async\"\n              src=\"https:\/\/cortexdigital.com.ar\/web\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-30-114500.png\"\n              alt=\"Botonera de accesos r\u00e1pidos con WhatsApp, contacto y formularios\"\n              loading=\"lazy\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"shot-caption\">\n        El mismo QR que desarrollamos ya est\u00e1 visible en la oficina.\n      <\/div>\n\n      <div class=\"compare-grid\" style=\"margin-top:1.5rem;\">\n        <div class=\"compare-card full-width\">\n          <div class=\"compare-label\">\n            <span>Banner f\u00edsico en la oficina<\/span>\n            <span class=\"right\">QR listo para ser escaneado<\/span>\n          <\/div>\n          <div class=\"frame-shell tall\">\n            <img decoding=\"async\"\n              src=\"https:\/\/cortexdigital.com.ar\/web\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-30-at-11.41.54.jpeg\"\n              alt=\"Banner de Integridad Financiera con el QR p\u00fablico generado por Cortex Digital\"\n              loading=\"lazy\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- 4. \u00bfPor qu\u00e9 importa para tu negocio? -->\n    <section class=\"block\">\n      <h2>\n        <span class=\"tag\">Para vos<\/span>\n        \u00bfPor qu\u00e9 esto es importante si ten\u00e9s atenci\u00f3n al cliente?\n      <\/h2>\n\n      <p>\n        Porque deja de ser \u00abmandame un mensaje y vemos\u00bb. Con esto:\n      <\/p>\n\n      <ul class=\"checklist\">\n        <li>\n          <span class=\"check-icon\"><\/span>\n          <strong>Todo est\u00e1 en un solo lugar.<\/strong>\n          Chat, WhatsApp, mail fuera de horario, formularios y contactos internos.\n        <\/li>\n\n        <li>\n          <span class=\"check-icon\"><\/span>\n          <strong>Funciona en local f\u00edsico y en digital.<\/strong>\n          La misma botonera sirve escaneando el QR en tu cartel o entrando desde tu web.\n        <\/li>\n\n        <li>\n          <span class=\"check-icon\"><\/span>\n          <strong>Baja la fricci\u00f3n.<\/strong>\n          El usuario no tiene que explicar tres veces su caso ni insistir para que lo atiendan.\n        <\/li>\n      <\/ul>\n    <\/section>\n\n    <!-- 5. CTA comercial -->\n    <section class=\"cta-card\">\n      <div class=\"cta-headline\">\n        \u00bfQuer\u00e9s esto en tu negocio?\n      <\/div>\n      <div class=\"cta-sub\">\n        Te armamos tu propia botonera de contacto con tu marca, tu dominio y tu QR.\n        Listo para poner en tu mostrador, en tu banner o en Instagram.\n      <\/div>\n\n      <div class=\"cta-actions\">\n        <a class=\"btn-what\" href=\"https:\/\/api.whatsapp.com\/send?phone=5493412013655&#038;text=Hola!%20Quiero%20un%20acceso%20centralizado%20como%20el%20de%20Integridad%20Financiera\" target=\"_blank\" rel=\"noopener nofollow\">\n          Pedir por WhatsApp\n        <\/a>\n\n        <a class=\"btn-mail\" href=\"https:\/\/cortexdigital.com.ar\/web\/contact\/\" target=\"_blank\" rel=\"noopener nofollow\">\n          Enviar consulta\n        <\/a>\n      <\/div>\n    <\/section>\n\n  <\/article>\n\n  <footer class=\"post-footer\">\n    <p>\n      Proyecto desarrollado por <a href=\"https:\/\/cortexdigital.com.ar\" target=\"_blank\">Cortex Digital<\/a> para Integridad Financiera.\n      <br>\n      Desarrollo a medida \u00b7 Automatizaci\u00f3n \u00b7 Integraci\u00f3n de sistemas\n    <\/p>\n  <\/footer>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Implementaci\u00f3n real \u00b7 Cliente activo Actualizamos la plataforma de Integridad Financiera: chat comercial en vivo, canal directo y acceso r\u00e1pido v\u00eda QR. Equipo Cortex Digital \u00b7 Rosario Integraci\u00f3n en producci\u00f3n Integridad Financiera Fecha: 30\/10\/2025 Atenci\u00f3n m\u00e1s clara para sus clientes Integramos un chat en vivo que responde durante el horario comercial, derivaci\u00f3n autom\u00e1tica a correo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1185,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[35],"tags":[],"class_list":["post-1187","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-proyectos"],"blocksy_meta":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/cortexdigital.com.ar\/web\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-30-at-11.41.54.jpeg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cortexdigital.com.ar\/web\/wp-json\/wp\/v2\/posts\/1187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cortexdigital.com.ar\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cortexdigital.com.ar\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cortexdigital.com.ar\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cortexdigital.com.ar\/web\/wp-json\/wp\/v2\/comments?post=1187"}],"version-history":[{"count":9,"href":"https:\/\/cortexdigital.com.ar\/web\/wp-json\/wp\/v2\/posts\/1187\/revisions"}],"predecessor-version":[{"id":1204,"href":"https:\/\/cortexdigital.com.ar\/web\/wp-json\/wp\/v2\/posts\/1187\/revisions\/1204"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cortexdigital.com.ar\/web\/wp-json\/wp\/v2\/media\/1185"}],"wp:attachment":[{"href":"https:\/\/cortexdigital.com.ar\/web\/wp-json\/wp\/v2\/media?parent=1187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cortexdigital.com.ar\/web\/wp-json\/wp\/v2\/categories?post=1187"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cortexdigital.com.ar\/web\/wp-json\/wp\/v2\/tags?post=1187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}