{"id":6037,"date":"2026-05-28T23:27:13","date_gmt":"2026-05-28T23:27:13","guid":{"rendered":"https:\/\/ruvic.ai\/?page_id=6037"},"modified":"2026-06-13T01:31:14","modified_gmt":"2026-06-13T01:31:14","slug":"cx-soporte","status":"publish","type":"page","link":"https:\/\/ruvic.ai\/en\/cx-soporte\/","title":{"rendered":"CX &#038; Soporte"},"content":{"rendered":"<style data-wp-block-html=\"css\">\n\/* Breadcrumb Robin AI *\/\n.rank-math-breadcrumb {\n    background-color: #101630;\n    padding: 8px 24px;\n    font-family: 'Syne', sans-serif;\n    font-size: 12px;\n}\n\n.rank-math-breadcrumb p {\n    margin: 0;\n    color: #ffffff80;\n}\n\n.rank-math-breadcrumb a {\n    color: #FF363A;\n    text-decoration: none;\n    transition: opacity 0.2s;\n}\n\n.rank-math-breadcrumb a:hover {\n    opacity: 0.7;\n}\n\n.rank-math-breadcrumb .separator {\n    margin: 0 6px;\n    color: #ffffff40;\n}\n<\/style>\n\n<nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav>\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  \/* \u2500\u2500 AJUSTES DE P\u00c1GINA: incluir SOLO en este bloque (el primero de la p\u00e1gina) \u2500\u2500 *\/\n  html, body,\n  #page, #content, #primary, #main, #wrapper,\n  main, article, .site, .site-content, .site-main,\n  .entry-content, .post-content, .page-content,\n  .wp-block-group, .wp-block-post-content,\n  .is-layout-flow, .is-layout-constrained {\n    background: #101630 !important;\n  }\n  .wp-block-html, .wp-block, .entry-content > * { max-width: none !important; width: 100% !important; }\n  body { font-family: 'DM Sans', sans-serif; color: #FDF2E1 !important; line-height: 1.6; overflow-x: hidden; margin: 0; }\n  :root {\n    --red: #FF363A; --amber: #F2AF5E; --navy: #101630; --cream: #FDF2E1;\n    --navy-light: #1a2040;\n    --border-light: rgba(255,255,255,0.08);\n    --cx-hpad: clamp(1.5rem, calc((100vw - 1240px) \/ 2 + 1.5rem), 48vw);\n  }\n  *, *::before, *::after { box-sizing: border-box; }\n  .hero {\n    min-height: 92vh; display: grid; grid-template-columns: 1fr 1fr;\n    align-items: center; gap: 4rem; padding: 6rem var(--cx-hpad) 5rem;\n    position: relative; overflow: hidden;\n    background: var(--navy); color: var(--cream);\n    font-family: 'DM Sans', sans-serif; line-height: 1.6;\n    transform: translateZ(0);\n  }\n  .hero::before {\n    content: ''; position: absolute; top: -20%; right: -10%;\n    width: 55vw; height: 55vw;\n    background: radial-gradient(ellipse at center, rgba(242,175,94,0.06) 0%, transparent 65%);\n    pointer-events: none;\n  }\n  .hero::after {\n    content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px;\n    background: linear-gradient(90deg, transparent, var(--border-light) 30%, var(--border-light) 70%, transparent);\n  }\n  .hero-eyebrow { display: flex; align-items: center; gap: 0.75rem; margin: 0 0 1.75rem; }\n  .pill-tag {\n    background: rgba(255,54,58,0.12); border: 1px solid rgba(255,54,58,0.3);\n    color: #FF363A !important; font-size: 0.72rem; font-weight: 600;\n    letter-spacing: 0.08em; text-transform: uppercase;\n    padding: 0.2rem 0.7rem; border-radius: 999px; margin-right: 0.5rem;\n  }\n  .hero-title {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(1.65rem, 2.9vw, 2.8rem); font-weight: 800;\n    line-height: 1.08; letter-spacing: -0.02em; margin: 0 0 1.5rem;\n    color: #FDF2E1 !important;\n    hyphens: none; overflow-wrap: normal; word-break: normal;\n  }\n  .hero-title .accent { color: #FF363A !important; }\n  .hero-title .accent-amber { color: #F2AF5E !important; }\n  .hero-subhead { font-family: 'Syne', sans-serif; font-weight: 700; color: #FDF2E1 !important; margin: 0 0 1rem; }\n  .hero-subtitle {\n    font-size: 1.1rem; font-weight: 300;\n    color: rgba(253,242,225,0.75) !important;\n    line-height: 1.75; max-width: 480px; margin: 0 0 2.5rem;\n  }\n  .hero-ctas { display: flex; gap: 1rem; flex-wrap: wrap; }\n  .btn-primary {\n    display: inline-flex; align-items: center; gap: 0.6rem;\n    background: #FF363A; color: white !important;\n    font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 0.95rem;\n    padding: 0.9rem 1.75rem; border-radius: 8px; text-decoration: none;\n    border: none; cursor: pointer; transition: background 0.2s, transform 0.15s;\n  }\n  .btn-primary:hover { background: #e02e32; transform: translateY(-1px); }\n  .btn-secondary {\n    display: inline-flex; align-items: center; gap: 0.6rem;\n    background: transparent; color: #FDF2E1 !important;\n    font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 0.95rem;\n    padding: 0.9rem 1.75rem; border-radius: 8px; text-decoration: none;\n    border: 1px solid rgba(253,242,225,0.25); cursor: pointer;\n    transition: border-color 0.2s, color 0.2s, transform 0.15s;\n  }\n  .btn-secondary:hover { border-color: #F2AF5E; color: #F2AF5E !important; transform: translateY(-1px); }\n  .hero-widget { position: relative; z-index: 1; }\n  .widget-card {\n    background: #1a2040; border: 1px solid var(--border-light);\n    border-radius: 16px; overflow: hidden; box-shadow: 0 32px 64px rgba(0,0,0,0.4);\n  }\n  .widget-header {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 1rem 1.25rem; border-bottom: 1px solid var(--border-light);\n    background: rgba(255,255,255,0.02);\n  }\n  .widget-header-left { display: flex; flex-direction: column; gap: 2px; }\n  .widget-title { font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(253,242,225,0.55) !important; font-weight: 500; }\n  .widget-subtitle { font-size: 0.85rem; font-weight: 500; color: #FDF2E1 !important; }\n  .live-badge {\n    display: flex; align-items: center; gap: 6px;\n    font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em;\n    text-transform: uppercase; color: #4ade80 !important;\n  }\n  .live-dot { width: 7px; height: 7px; border-radius: 50%; background: #4ade80; animation: pulse-green 1.8s ease-in-out infinite; }\n  @keyframes pulse-green {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.4; transform: scale(0.75); }\n  }\n  .widget-body { padding: 0.5rem 0; }\n  .ticket-row {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 0.85rem 1.25rem; border-bottom: 1px solid var(--border-light);\n    transition: background 0.15s; animation: slide-in 0.4s ease forwards; opacity: 0;\n  }\n  .ticket-row:last-child { border-bottom: none; }\n  .ticket-row:hover { background: rgba(255,255,255,0.02); }\n  @keyframes slide-in {\n    from { opacity: 0; transform: translateX(12px); }\n    to { opacity: 1; transform: translateX(0); }\n  }\n  .ticket-row:nth-child(1) { animation-delay: 0.1s; }\n  .ticket-row:nth-child(2) { animation-delay: 0.25s; }\n  .ticket-row:nth-child(3) { animation-delay: 0.4s; }\n  .ticket-row:nth-child(4) { animation-delay: 0.55s; }\n  .ticket-row:nth-child(5) { animation-delay: 0.7s; }\n  .ticket-info { display: flex; align-items: center; gap: 0.75rem; }\n  .ticket-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n  .ticket-icon svg { width: 15px; height: 15px; }\n  .ticket-icon.orange { background: rgba(242,175,94,0.15);   color: #F2AF5E; }\n  .ticket-icon.red    { background: rgba(255,54,58,0.12);    color: #FF6B6E; }\n  .ticket-icon.green  { background: rgba(74,222,128,0.1);    color: #4ADE80; }\n  .ticket-icon.blue   { background: rgba(96,165,250,0.12);   color: #60A5FA; }\n  .ticket-icon.purple { background: rgba(167,139,250,0.12);  color: #A78BFA; }\n  .widget-live-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #4ADE80; margin-right: 5px; vertical-align: middle; box-shadow: 0 0 6px rgba(74,222,128,0.6); }\n  .ticket-text { display: flex; flex-direction: column; gap: 2px; }\n  .ticket-name { font-size: 0.88rem; font-weight: 500; color: #FDF2E1 !important; }\n  .ticket-meta { font-size: 0.75rem; color: rgba(253,242,225,0.55) !important; }\n  .status-badge {\n    font-size: 0.68rem; font-weight: 700; letter-spacing: 0.07em;\n    text-transform: uppercase; padding: 0.25rem 0.7rem;\n    border-radius: 999px; white-space: nowrap;\n  }\n  .status-auto     { background: rgba(74,222,128,0.12); color: #4ade80 !important; border: 1px solid rgba(74,222,128,0.25); }\n  .status-escalate { background: rgba(242,175,94,0.12); color: #F2AF5E !important; border: 1px solid rgba(242,175,94,0.25); }\n  .status-resolved { background: rgba(96,165,250,0.1); color: #60a5fa !important; border: 1px solid rgba(96,165,250,0.2); }\n  .status-live     { background: rgba(255,54,58,0.1); color: #FF363A !important; border: 1px solid rgba(255,54,58,0.2); }\n  .status-progress { background: rgba(167,139,250,0.1); color: #c4b5fd !important; border: 1px solid rgba(167,139,250,0.2); }\n  .widget-footer {\n    padding: 0.9rem 1.25rem; border-top: 1px solid var(--border-light);\n    display: flex; align-items: center; justify-content: space-between;\n    background: rgba(255,255,255,0.015);\n  }\n  .widget-footer-stat { font-size: 0.75rem; color: rgba(253,242,225,0.55) !important; }\n  .widget-footer-stat strong { color: #F2AF5E !important; font-weight: 600; }\n  @media (max-width: 1024px) {\n    .hero { grid-template-columns: 1fr; min-height: auto; gap: 3rem; padding: 4rem var(--cx-hpad); }\n    .hero::before { display: none; }\n  }\n  @media (max-width: 640px) {\n    .hero-ctas { flex-direction: column; }\n    .hero-title br { display: none; }\n    .hero-title    { font-size: clamp(2rem, 8.5vw, 2.8rem) !important; }\n    .hero-subtitle { font-size: 1.05rem !important; line-height: 1.7; }\n    .hero { display: block !important; padding: 3.5rem 1.5rem 3rem !important; min-height: unset !important; }\n    .hero-copy   { display: block; width: 100%; }\n    .hero-widget { display: block; width: 100%; margin-top: 2.5rem; overflow: hidden; }\n    .widget-card { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }\n    .ticket-row  { flex-wrap: nowrap; }\n    .ticket-info { min-width: 0; flex: 1 1 0; overflow: hidden; }\n    .ticket-text { min-width: 0; overflow: hidden; flex: 1 1 0; }\n    .ticket-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }\n    .status-badge { flex-shrink: 0; white-space: nowrap; }\n  }\n<\/style>\n\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\n<section class=\"hero\" aria-label=\"Hero CX y Soporte\">\n\n  <!-- Left: Copy -->\n  <div class=\"hero-copy\">\n    <div class=\"hero-eyebrow\">\n      <span class=\"pill-tag\">CX &amp; SUPPORT<\/span>\n    <\/div>\n\n    <h1 class=\"hero-title\">\n      Your support doesn't<br>\n      need more <span class=\"accent\">agents.<\/span><br>\n      <span class=\"accent-amber\">It needs orchestration<\/span>\n    <\/h1>\n\n    <p class=\"hero-subhead\" style=\"font-family: 'Syne', sans-serif; font-weight: 600; font-size: clamp(1.05rem, 4vw, 1.2rem); color: var(--cream); margin: -0.5rem 0 1rem; max-width: 32ch;\">\n      Automated customer service with specialized AI agents, on a single BOAT platform.\n    <\/p>\n\n    <p class=\"hero-subtitle\">\n      Ruvic resuelve hasta el <strong>80% of queries without human intervention.<\/strong>Human agents only receive what requires judgment \u2014 with full context, history, and suggested action. Multi-channel, multi-agent, multi-LLM: one platform for the entire customer service lifecycle.\"\n    <\/p>\n\n    <div class=\"hero-ctas\">\n      <a href=\"https:\/\/ruvic.ai\/en\/#demo-form\" class=\"btn-primary\">\u2192 Request a Free Demo<\/a>\n      <a href=\"#capacidades\" class=\"btn-secondary\">View Capabilities<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Right: Live Dashboard Widget -->\n  <div class=\"hero-widget\" role=\"img\" aria-label=\"Panel de soporte Ruvic AI en tiempo real\">\n    <div class=\"widget-card\">\n      <div class=\"widget-header\">\n        <div class=\"widget-header-left\">\n          <span class=\"widget-title\">Ruvic \u00b7 CX Command Center<\/span>\n          <span class=\"widget-subtitle\">Unified support inbox<\/span>\n        <\/div>\n        <div class=\"live-badge\">\n          <span class=\"live-dot\"><\/span>\n          Live\n        <\/div>\n      <\/div>\n\n      <div class=\"widget-body\">\n\n        <!-- WhatsApp \/ chat -->\n        <div class=\"ticket-row\">\n          <div class=\"ticket-info\">\n            <div class=\"ticket-icon orange\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"ticket-text\">\n              <span class=\"ticket-name\">Order status inquiry<\/span>\n              <span class=\"ticket-meta\">WhatsApp \u00b7 Ana Garc\u00eda \u00b7 12s ago<\/span>\n            <\/div>\n          <\/div>\n          <span class=\"status-badge status-auto\">AUTO-RESOLVED<\/span>\n        <\/div>\n\n        <!-- Email \/ billing complaint -->\n        <div class=\"ticket-row\">\n          <div class=\"ticket-info\">\n            <div class=\"ticket-icon red\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n            <\/div>\n            <div class=\"ticket-text\">\n              <span class=\"ticket-name\">Duplicate billing complaint<\/span>\n              <span class=\"ticket-meta\">Email \u00b7 Carlos M. \u00b7 45s ago<\/span>\n            <\/div>\n          <\/div>\n          <span class=\"status-badge status-escalate\">ESCALATED \u2192 BILLING<\/span>\n        <\/div>\n\n        <!-- Web Widget \/ check -->\n        <div class=\"ticket-row\">\n          <div class=\"ticket-info\">\n            <div class=\"ticket-icon green\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n            <\/div>\n            <div class=\"ticket-text\">\n              <span class=\"ticket-name\">Password reset<\/span>\n              <span class=\"ticket-meta\">Web Widget \u00b7 ID-4821 \u00b7 1m ago<\/span>\n            <\/div>\n          <\/div>\n          <span class=\"status-badge status-resolved\">RESOLVED \u00b7 18s<\/span>\n        <\/div>\n\n        <!-- Phone call \/ live -->\n        <div class=\"ticket-row\">\n          <div class=\"ticket-info\">\n            <div class=\"ticket-icon blue\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.44 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"ticket-text\">\n              <span class=\"ticket-name\">Technical complaint \u2014 API integration<\/span>\n              <span class=\"ticket-meta\">Call \u00b7 Empresa Andina \u00b7 Live<\/span>\n            <\/div>\n          <\/div>\n          <span class=\"status-badge status-live\">In Progress<\/span>\n        <\/div>\n\n        <!-- AI automation \/ onboarding -->\n        <div class=\"ticket-row\">\n          <div class=\"ticket-info\">\n            <div class=\"ticket-icon purple\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"><\/rect><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect><line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line><line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line><line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line><line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line><line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line><line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line><line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line><line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line><\/svg>\n            <\/div>\n            <div class=\"ticket-text\">\n              <span class=\"ticket-name\">New client onboarding \u2014 AI Flow<\/span>\n              <span class=\"ticket-meta\">Automation \u00b7 3 steps completed<\/span>\n            <\/div>\n          <\/div>\n          <span class=\"status-badge status-progress\">IN PROGRESS<\/span>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"widget-footer\">\n        <span class=\"widget-footer-stat\"><span class=\"widget-live-dot\"><\/span> Ruvic Engine activo<\/span>\n        <span class=\"widget-footer-stat\"><strong>80%<\/strong> automatic resolution today<\/span>\n        <span class=\"widget-footer-stat\">Updated now<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&amp;display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/api.fontshare.com\/v2\/css?f[]=cabinet-grotesk@800,700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --red: #FF363A; --amber: #F2AF5E; --navy: #101630; --cream: #FDF2E1;\n    --navy-light: #1a2040;\n    --border-light: rgba(255,255,255,0.08);\n    --cx-hpad: clamp(1.5rem, calc((100vw - 1240px) \/ 2 + 1.5rem), 48vw);\n  }\n  *, *::before, *::after { box-sizing: border-box; }\n  .metrics-strip {\n    display: grid; grid-template-columns: repeat(4, 1fr);\n    border-top: 1px solid var(--border-light);\n    border-bottom: 1px solid var(--border-light);\n    background: var(--navy); color: var(--cream);\n    font-family: 'DM Sans', sans-serif; line-height: 1.6;\n  }\n  .metric-cell {\n    padding: 2.5rem 2rem; border-right: 1px solid var(--border-light);\n    text-align: center; position: relative; overflow: hidden; transition: background 0.2s;\n  }\n  .metric-cell:last-child { border-right: none; }\n  .metric-cell:hover { background: rgba(255,255,255,0.02); }\n  .metric-number {\n    font-family: 'Cabinet Grotesk', 'Syne', sans-serif; font-size: 3rem; font-weight: 800;\n    line-height: 1; margin: 0 0 0.4rem;\n  }\n  .metric-number.red   { color: #FF363A !important; }\n  .metric-number.amber { color: #F2AF5E !important; }\n  .metric-number.cream { color: #FDF2E1 !important; }\n  .metric-label { font-size: 0.82rem; color: rgba(253,242,225,0.55) !important; font-weight: 400; line-height: 1.4; margin: 0; }\n  .metric-source { font-size: 0.68rem; color: rgba(253,242,225,0.3) !important; margin: 0.35rem 0 0; font-style: italic; }\n  .divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border-light) 20%, var(--border-light) 80%, transparent); }\n  @media (max-width: 1024px) {\n    .metrics-strip { grid-template-columns: repeat(2, 1fr); }\n    .metric-cell { border-right: none; border-bottom: 1px solid var(--border-light); }\n  }\n  @media (max-width: 640px) {\n    .metrics-strip { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<!-- \u2500\u2500\u2500 METRICS STRIP \u2500\u2500\u2500 -->\n<div class=\"metrics-strip\" role=\"region\" aria-label=\"M\u00e9tricas comprobadas\">\n  <div class=\"metric-cell\">\n    <div class=\"metric-number red\">80%<\/div>\n    <div class=\"metric-label\">Queries resolved<br>without human intervention<\/div>\n    <div class=\"metric-source\">Datos de implementaciones Ruvic AI<\/div>\n  <\/div>\n  <div class=\"metric-cell\">\n    <div class=\"metric-number amber\">60\u201375%<\/div>\n    <div class=\"metric-label\">Reduction in ticket<br>management and escalation<\/div>\n    <div class=\"metric-source\">Datos de implementaciones Ruvic AI<\/div>\n  <\/div>\n  <div class=\"metric-cell\">\n    <div class=\"metric-number red\">3X<\/div>\n    <div class=\"metric-label\">Support capacity<br>without hiring more agents<\/div>\n    <div class=\"metric-source\">Datos de implementaciones Ruvic AI<\/div>\n  <\/div>\n  <div class=\"metric-cell\">\n    <div class=\"metric-number amber\">&lt;3 sem<\/div>\n    <div class=\"metric-label\">From integration to<br>first productive channel<\/div>\n    <div class=\"metric-source\">Average activation time<\/div>\n  <\/div>\n<\/div>\n\n<div class=\"divider\"><\/div>\n\n<script>\n(function () {\n  var nums = document.querySelectorAll('.metric-number');\n  if (!nums.length) return;\n\n  function animar(el) {\n    if (el.dataset.contado) return;\n    el.dataset.contado = '1';\n    var final = el.textContent;\n    var inicio = null;\n    var DURACION = 1300;\n    function frame(ts) {\n      if (inicio === null) inicio = ts;\n      var t = Math.min((ts - inicio) \/ DURACION, 1);\n      var suavizado = 1 - Math.pow(1 - t, 3);\n      el.textContent = final.replace(\/\\d+\/g, function (n) {\n        return Math.round(parseInt(n, 10) * suavizado);\n      });\n      if (t < 1) requestAnimationFrame(frame);\n      else el.textContent = final;\n    }\n    requestAnimationFrame(frame);\n  }\n\n  if ('IntersectionObserver' in window) {\n    var obs = new IntersectionObserver(function (entradas) {\n      entradas.forEach(function (e) {\n        if (e.isIntersecting) { animar(e.target); obs.unobserve(e.target); }\n      });\n    }, { threshold: 0.4 });\n    nums.forEach(function (n) { obs.observe(n); });\n  } else {\n    nums.forEach(animar);\n  }\n})();\n<\/script>\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --red: #FF363A; --amber: #F2AF5E; --navy: #101630; --cream: #FDF2E1;\n    --navy-light: #1a2040;\n    --border-light: rgba(255,255,255,0.08);\n    --cx-hpad: clamp(1.5rem, calc((100vw - 1240px) \/ 2 + 1.5rem), 48vw);\n  }\n  *, *::before, *::after { box-sizing: border-box; }\n  .section {\n    padding: 7rem var(--cx-hpad); position: relative;\n    background: var(--navy); color: var(--cream);\n    font-family: 'DM Sans', sans-serif; line-height: 1.6;\n  }\n  .section-alt { background: #151b35; }\n  .section-label {\n    font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em;\n    text-transform: uppercase; color: #F2AF5E !important; margin: 0 0 1rem; display: block;\n  }\n  .section-title {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(1.55rem, 2.7vw, 2.3rem); font-weight: 700;\n    line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 1.25rem;\n    color: #FDF2E1 !important;\n  }\n  .section-title .red { color: #FF363A !important; }\n  .section-body { font-size: 1rem; font-weight: 300; color: rgba(253,242,225,0.75) !important; max-width: 580px; line-height: 1.75; margin: 0; }\n  .divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border-light) 20%, var(--border-light) 80%, transparent); }\n  @media (max-width: 640px) {\n    .section-title { font-size: clamp(1.7rem, 7vw, 2.3rem) !important; }\n    .section-body  { font-size: 1.05rem !important; }\n  }\n  .how-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; margin-top: 4rem; }\n  .steps-list { display: flex; flex-direction: column; gap: 0; }\n  .step-item {\n    display: grid; grid-template-columns: 48px 1fr; gap: 1.25rem;\n    padding: 1.75rem 0; border-bottom: 1px solid var(--border-light);\n    cursor: pointer; transition: background 0.15s; border-radius: 4px; padding-left: 0.5rem;\n  }\n  .step-item:last-child { border-bottom: none; }\n  .step-item:hover { background: rgba(255,255,255,0.025); }\n  \/* el rojo solo responde al cursor; el paso activo se distingue por el t\u00edtulo claro *\/\n  .step-item:hover .step-num { background: #FF363A; border-color: #FF363A; color: white !important; }\n  .step-item:hover .step-name,\n  .step-item.active .step-name { color: #FDF2E1 !important; }\n  .step-item.active .step-num { border-color: rgba(253,242,225,0.35); color: #FDF2E1 !important; }\n  .step-num {\n    width: 40px; height: 40px; border-radius: 10px;\n    border: 1px solid var(--border-light);\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'Syne', sans-serif; font-weight: 700; font-size: 0.85rem;\n    color: rgba(253,242,225,0.55) !important; transition: background 0.2s, color 0.2s; flex-shrink: 0;\n  }\n  .step-content { padding-top: 0.25rem; }\n  .step-name { font-size: 1rem; font-weight: 600; color: rgba(253,242,225,0.75) !important; margin: 0 0 0.35rem; transition: color 0.2s; }\n  .step-desc { font-size: 0.87rem; color: rgba(253,242,225,0.55) !important; line-height: 1.65; margin: 0; }\n  .how-visual {\n    background: #1a2040; border: 1px solid var(--border-light);\n    border-radius: 16px; padding: 2rem; position: sticky; top: 2rem;\n    min-height: 380px; display: flex; flex-direction: column; justify-content: center;\n  }\n  .visual-panel { display: none; }\n  .visual-panel.active { display: flex; flex-direction: column; gap: 1rem; }\n  .visual-title { font-family: 'Syne', sans-serif; font-size: 1.1rem; font-weight: 700; color: #FDF2E1 !important; margin: 0 0 0.25rem; }\n  .visual-desc { font-size: 0.87rem; color: rgba(253,242,225,0.55) !important; line-height: 1.65; margin: 0 0 1.25rem; }\n  .flow-node {\n    display: flex; align-items: center; gap: 0.75rem;\n    padding: 0.75rem 1rem; background: rgba(255,255,255,0.035);\n    border: 1px solid var(--border-light); border-radius: 10px;\n    font-size: 0.85rem; color: #FDF2E1 !important;\n    animation: node-in 0.35s ease forwards; opacity: 0;\n    transition: border-color 0.2s, background 0.2s;\n  }\n  .flow-node:hover { border-color: rgba(255,54,58,0.35); background: rgba(255,54,58,0.06); }\n  @keyframes node-in {\n    from { opacity: 0; transform: translateY(8px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  .flow-node:nth-child(2) { animation-delay: 0.1s; }\n  .flow-node:nth-child(3) { animation-delay: 0.2s; }\n  .flow-node:nth-child(4) { animation-delay: 0.3s; }\n  .flow-node:nth-child(5) { animation-delay: 0.4s; }\n  .node-icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n  .node-icon svg { width: 14px; height: 14px; }\n  .node-red   { background: rgba(255,54,58,0.15);   color: #FF363A; }\n  .node-amber { background: rgba(242,175,94,0.15);  color: #F2AF5E; }\n  .node-green { background: rgba(74,222,128,0.12);  color: #4ADE80; }\n  .node-blue  { background: rgba(96,165,250,0.12);  color: #60A5FA; }\n  @media (max-width: 1024px) {\n    .how-grid { grid-template-columns: 1fr; }\n    .how-visual { position: static; }\n  }\n<\/style>\n\n<!-- \u2500\u2500\u2500 HOW IT WORKS \u2500\u2500\u2500 -->\n<section class=\"section\" aria-labelledby=\"how-title\">\n  <span class=\"section-label\">C\u00f3mo funciona Ruvic<\/span>\n  <h2 class=\"section-title\" id=\"how-title\">\n    From inquiry to resolution,<br>\n    <span class=\"red\">without operational friction<\/span>\n  <\/h2>\n  <p class=\"section-body\">\n    Ruvic opera el ciclo completo de atenci\u00f3n: captura, clasifica, valida contra tus fuentes oficiales, resuelve o escala \u2014 todo orquestado por agentes IA especializados sobre una sola plataforma BOAT. Tu equipo humano interviene solo cuando realmente importa.\n  <\/p>\n\n  <div class=\"how-grid\">\n    <div class=\"steps-list\" id=\"steps-list\">\n\n      <div class=\"step-item active\" data-step=\"1\">\n        <div class=\"step-num\">01<\/div>\n        <div class=\"step-content\">\n          <div class=\"step-name\">Unified multichannel capture<\/div>\n          <div class=\"step-desc\">Cada ticket, mensaje, llamada o email entra a Ruvic desde cualquier canal \u2014 WhatsApp, web, voz, email, Teams \u2014 como una sola bandeja inteligente. Sin silos, sin colas separadas.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"step-item\" data-step=\"2\">\n        <div class=\"step-num\">02<\/div>\n        <div class=\"step-content\">\n          <div class=\"step-name\">Intelligent classification and routing<\/div>\n          <div class=\"step-desc\">El Ruvic Engine analiza intenci\u00f3n, prioridad e historial del cliente para enrutar al agente IA correcto. Sin reglas manuales que mantener, sin \u00e1rboles de decisi\u00f3n que envejecen.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"step-item\" data-step=\"3\">\n        <div class=\"step-num\">03<\/div>\n        <div class=\"step-content\">\n          <div class=\"step-name\">Validated resolution and verification<\/div>\n          <div class=\"step-desc\">Before responding, verifier agents cross-check every output against your official sources \u2014 policies, knowledge base, CRM\/ERP data. What can't be verified isn't sent: it escalates. 80% is resolved with validated information; the remaining 20% reaches your team with full context and a suggested action.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"step-item\" data-step=\"4\">\n        <div class=\"step-num\">04<\/div>\n        <div class=\"step-content\">\n          <div class=\"step-name\">Traceability and continuous improvement<\/div>\n          <div class=\"step-desc\">Cada decisi\u00f3n queda registrada: qu\u00e9 agente actu\u00f3, qu\u00e9 fuente consult\u00f3, qu\u00e9 respondi\u00f3. Auditable de punta a punta. Reportes autom\u00e1ticos de CSAT, tiempos y precisi\u00f3n. Ruvic afina sus modelos sin trabajo manual del equipo de TI.<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"how-visual\" id=\"how-visual\" aria-live=\"polite\">\n\n      <div class=\"visual-panel active\" id=\"panel-1\">\n        <div class=\"visual-title\">Unified multichannel capture<\/div>\n        <div class=\"visual-desc\">A single entry point for all channels. No silos, no separate queues.<\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-red\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg><\/div>\n          WhatsApp Business API\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-amber\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.44 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg><\/div>\n          Calls \/ SIP \/ IVR\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-blue\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg><\/div>\n          Email &amp; Microsoft Teams\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-green\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg><\/div>\n          Web Widget &amp; API Directa\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-red\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/div>\n          Ruvic Engine \u00b7 Bandeja unificada\n        <\/div>\n      <\/div>\n\n      <div class=\"visual-panel\" id=\"panel-2\">\n        <div class=\"visual-title\">Intelligent classification and routing<\/div>\n        <div class=\"visual-desc\">Intent detected in milliseconds. Historical context applied automatically<\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-red\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"><\/rect><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect><line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line><line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line><line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line><line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line><line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line><line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line><line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line><line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line><\/svg><\/div>\n          Intent and priority analysis\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-amber\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path><\/svg><\/div>\n          CRM \/ ERP history lookup\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-blue\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"16 3 21 3 21 8\"><\/polyline><line x1=\"4\" y1=\"20\" x2=\"21\" y2=\"3\"><\/line><polyline points=\"21 16 21 21 16 21\"><\/polyline><line x1=\"15\" y1=\"15\" x2=\"21\" y2=\"21\"><\/line><line x1=\"4\" y1=\"4\" x2=\"9\" y2=\"9\"><\/line><\/svg><\/div>\n          Optimal AI agent selection\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-green\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/div>\n          Routing in &lt;200ms\n        <\/div>\n      <\/div>\n\n      <div class=\"visual-panel\" id=\"panel-3\">\n        <div class=\"visual-title\">Validated resolution and verification<\/div>\n        <div class=\"visual-desc\">Every response cross-checked against your official sources before reaching the customer.<\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-red\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg><\/div>\n          Output cross-checked against official sources\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-green\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/div>\n          80% resolved with verified information\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-amber\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"16 12 12 8 8 12\"><\/polyline><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"8\"><\/line><\/svg><\/div>\n          20% escalated with context + suggested action\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-blue\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"><\/rect><\/svg><\/div>\n          Summary and CSAT logged automatically\n        <\/div>\n      <\/div>\n\n      <div class=\"visual-panel\" id=\"panel-4\">\n        <div class=\"visual-title\">Traceability and continuous improvement<\/div>\n        <div class=\"visual-desc\">Every decision auditable. Reports and fine-tuning without manual IT work.<\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-red\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg><\/div>\n          Traceability of which agent, which source, which response\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-amber\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg><\/div>\n          CSAT, timing, and precision reports\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-blue\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"23 4 23 10 17 10\"><\/polyline><polyline points=\"1 20 1 14 7 14\"><\/polyline><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"><\/path><\/svg><\/div>\n          Continuous industry-specific fine-tuning\n        <\/div>\n        <div class=\"flow-node\">\n          <div class=\"node-icon node-green\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg><\/div>\n          Growing precision without manual IT\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n<script>\n(function () {\n  var items = document.querySelectorAll('#steps-list .step-item');\n  if (!items.length) return;\n  items.forEach(function (item) {\n    item.addEventListener('click', function () {\n      items.forEach(function (i) { i.classList.remove('active'); });\n      item.classList.add('active');\n      document.querySelectorAll('#how-visual .visual-panel').forEach(function (p) { p.classList.remove('active'); });\n      var panel = document.getElementById('panel-' + item.getAttribute('data-step'));\n      if (panel) panel.classList.add('active');\n    });\n  });\n})();\n<\/script>\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --red: #FF363A; --amber: #F2AF5E; --navy: #101630; --cream: #FDF2E1;\n    --navy-light: #1a2040;\n    --border-light: rgba(255,255,255,0.08);\n    --cx-hpad: clamp(1.5rem, calc((100vw - 1240px) \/ 2 + 1.5rem), 48vw);\n  }\n  *, *::before, *::after { box-sizing: border-box; }\n  .section {\n    padding: 7rem var(--cx-hpad); position: relative;\n    background: var(--navy); color: var(--cream);\n    font-family: 'DM Sans', sans-serif; line-height: 1.6;\n  }\n  .section-alt { background: #151b35; }\n  .section-label {\n    font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em;\n    text-transform: uppercase; color: #F2AF5E !important; margin: 0 0 1rem; display: block;\n  }\n  .section-title {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(1.55rem, 2.7vw, 2.3rem); font-weight: 700;\n    line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 1.25rem;\n    color: #FDF2E1 !important;\n  }\n  .section-title .red { color: #FF363A !important; }\n  .section-body { font-size: 1rem; font-weight: 300; color: rgba(253,242,225,0.75) !important; max-width: 580px; line-height: 1.75; margin: 0; }\n  .divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border-light) 20%, var(--border-light) 80%, transparent); }\n  @media (max-width: 640px) {\n    .section-title { font-size: clamp(1.7rem, 7vw, 2.3rem) !important; }\n    .section-body  { font-size: 1.05rem !important; }\n  }\n  .caps-header { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: end; margin-bottom: 4rem; }\n  .caps-grid {\n    display: grid; grid-template-columns: repeat(3, 1fr);\n    gap: 1.5px; background: var(--border-light);\n    border: 1px solid var(--border-light); border-radius: 16px; overflow: hidden;\n  }\n  .cap-card { background: #101630; padding: 2rem 1.75rem; transition: background 0.2s; position: relative; }\n  .cap-card:hover { background: #1a2040; }\n  .cap-card.featured { background: #101630; }\n  .cap-card.featured:hover { background: #1a2040; }\n  .cap-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; flex-shrink: 0; }\n  .cap-icon svg { width: 22px; height: 22px; }\n  .icon-red   { background: rgba(255,54,58,0.12);  color: #FF363A; }\n  .icon-amber { background: rgba(242,175,94,0.12); color: #F2AF5E; }\n  .icon-blue  { background: rgba(96,165,250,0.1);  color: #60A5FA; }\n  .icon-green { background: rgba(74,222,128,0.12); color: #4ADE80; }\n  .cap-title { font-family: 'Syne', sans-serif; font-size: 1rem; font-weight: 700; color: #FDF2E1 !important; margin: 0 0 0.6rem; }\n  .cap-desc { font-size: 0.85rem; color: rgba(253,242,225,0.55) !important; line-height: 1.65; margin: 0; }\n  .cap-desc a { color: #F2AF5E !important; }\n  @media (max-width: 1024px) {\n    .caps-header { grid-template-columns: 1fr; gap: 1.5rem; }\n    .caps-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 640px) {\n    .caps-grid { grid-template-columns: 1fr; }\n    .cap-desc, .cap-title { font-size: 0.95rem !important; }\n  }\n<\/style>\n\n<!-- \u2500\u2500\u2500 CAPABILITIES \u2500\u2500\u2500 -->\n<section class=\"section section-alt\" id=\"capacidades\" aria-labelledby=\"caps-title\">\n  <div class=\"caps-header\">\n    <div>\n      <span class=\"section-label\">CAPABILITIES<\/span>\n      <h2 class=\"section-title\" id=\"caps-title\">\n        Everything your support<br>\n        team <span class=\"red\">needs today.<\/span>\n      <\/h2>\n    <\/div>\n    <p class=\"section-body\">\n      Ruvic no es un chatbot. Es una plataforma de orquestaci\u00f3n que conecta agentes IA especializados con tus sistemas reales \u2014 CRM, ERP, bases de datos \u2014 y ejecuta el flujo completo de customer support automation de punta a punta.\n    <\/p>\n  <\/div>\n\n  <div class=\"caps-grid\">\n\n    <div class=\"cap-card featured\">\n      <div class=\"cap-icon icon-red\">\n        <!-- CPU \/ AI agent -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"><\/rect><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect><line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line><line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line><line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line><line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line><line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line><line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"><\/line><line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line><line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"><\/line><\/svg>\n      <\/div>\n      <div class=\"cap-title\">Specialized AI support agents<\/div>\n      <p class=\"cap-desc\">M\u00f3dulos inteligentes para los flujos m\u00e1s comunes de CX: devoluciones, facturaci\u00f3n, onboarding, troubleshooting, estado de pedidos, FAQ. Trabajan en paralelo bajo orquestaci\u00f3n del Ruvic Engine, con contexto compartido entre ellos.<\/p>\n    <\/div>\n\n    <div class=\"cap-card\">\n      <div class=\"cap-icon icon-red\">\n        <!-- Shield check \/ validation -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><polyline points=\"9 12 11 14 15 10\"><\/polyline><\/svg>\n      <\/div>\n      <div class=\"cap-title\">Validation against official sources<\/div>\n      <p class=\"cap-desc\">Every response goes through verifier agents that cross-check against your knowledge base, policies, and CRM\/ERP data. What can't be verified isn't sent \u2014 it escalates. Goodbye to chatbots that make up information.<\/p>\n    <\/div>\n\n    <div class=\"cap-card\">\n      <div class=\"cap-icon icon-blue\">\n        <!-- Users \/ copilot -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n      <\/div>\n      <div class=\"cap-title\">Human agent copilot<\/div>\n      <p class=\"cap-desc\">Cuando un caso escala, el agente humano recibe contexto completo + acci\u00f3n sugerida + borradores de respuesta validados. Ruvic no reemplaza al equipo: lo potencia para que opere m\u00e1s r\u00e1pido y con menos errores.<\/p>\n    <\/div>\n\n    <div class=\"cap-card\">\n      <div class=\"cap-icon icon-amber\">\n        <!-- Phone call \/ voice -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.44 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n      <\/div>\n      <div class=\"cap-title\">Real-time voice (IVR + AI)<\/div>\n      <p class=\"cap-desc\">Conversational calls without endless menus. Natural recognition, latency &lt;800ms, context-aware escalation. Learn more at <a href=\"https:\/\/ruvic.ai\/en\/voz-ai\/\" style=\"color: var(--amber); text-decoration: underline;\">Voice AI \u2192<\/a><\/p>\n    <\/div>\n\n    <div class=\"cap-card\">\n      <div class=\"cap-icon icon-red\">\n        <!-- File search \/ IDP -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><circle cx=\"11\" cy=\"15\" r=\"2\"><\/circle><path d=\"m13 17 1.5 1.5\"><\/path><\/svg>\n      <\/div>\n      <div class=\"cap-title\">Document IDP for support<\/div>\n      <p class=\"cap-desc\">Reads and extracts data from documents sent by customers \u2014 forms, vouchers, contracts, invoices, IDs \u2014 to resolve cases without manual intervention.<\/p>\n    <\/div>\n\n    <div class=\"cap-card\">\n      <div class=\"cap-icon icon-blue\">\n        <!-- Link \/ connection -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3\"><\/path><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg>\n      <\/div>\n      <div class=\"cap-title\">Connect to your stack \u2014 no migration<\/div>\n      <p class=\"cap-desc\">Ruvic se conecta a tu CRM, ERP, sistema de tickets y base de conocimiento existentes. V\u00eda API, webhooks, ingesta de logs o conectores nativos. Agn\u00f3stico de fabricante. Trabajamos con lo que ya tienes \u2014 sin migraci\u00f3n, sin perder hist\u00f3rico.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --red: #FF363A; --amber: #F2AF5E; --navy: #101630; --cream: #FDF2E1;\n    --navy-light: #1a2040;\n    --border-light: rgba(255,255,255,0.08);\n    --cx-hpad: clamp(1.5rem, calc((100vw - 1240px) \/ 2 + 1.5rem), 48vw);\n  }\n  *, *::before, *::after { box-sizing: border-box; }\n  .section {\n    padding: 7rem var(--cx-hpad); position: relative;\n    background: var(--navy); color: var(--cream);\n    font-family: 'DM Sans', sans-serif; line-height: 1.6;\n  }\n  .section-alt { background: #151b35; }\n  .section-label {\n    font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em;\n    text-transform: uppercase; color: #F2AF5E !important; margin: 0 0 1rem; display: block;\n  }\n  .section-title {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(1.55rem, 2.7vw, 2.3rem); font-weight: 700;\n    line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 1.25rem;\n    color: #FDF2E1 !important;\n  }\n  .section-title .red { color: #FF363A !important; }\n  .section-body { font-size: 1rem; font-weight: 300; color: rgba(253,242,225,0.75) !important; max-width: 580px; line-height: 1.75; margin: 0; }\n  .divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border-light) 20%, var(--border-light) 80%, transparent); }\n  @media (max-width: 640px) {\n    .section-title { font-size: clamp(1.7rem, 7vw, 2.3rem) !important; }\n    .section-body  { font-size: 1.05rem !important; }\n  }\n  .channels-inner {\n    display: flex; gap: 1rem;\n    animation: scroll-left 22s linear infinite;\n    width: max-content; margin-top: 2.5rem;\n  }\n  .channels-inner.reverse { animation: scroll-right 26s linear infinite; }\n  @keyframes scroll-left {\n    from { transform: translateX(0); }\n    to { transform: translateX(-50%); }\n  }\n  @keyframes scroll-right {\n    from { transform: translateX(-50%); }\n    to { transform: translateX(0); }\n  }\n  .channels-sub-label {\n    font-family: 'JetBrains Mono', monospace;\n    font-size: 0.75rem; font-weight: 600; letter-spacing: 0.12em;\n    text-transform: uppercase; color: rgba(253,242,225,0.55) !important;\n    margin: 3rem 0 0.75rem; display: block;\n  }\n  .channels-sub-label:first-of-type { margin-top: 2.5rem; }\n  .channel-chip {\n    display: flex; align-items: center; gap: 0.6rem;\n    padding: 0.65rem 1.25rem; border: 1px solid var(--border-light);\n    border-radius: 999px; font-size: 0.85rem; font-weight: 500;\n    color: rgba(253,242,225,0.75) !important; white-space: nowrap;\n    background: #1a2040; transition: border-color 0.2s;\n  }\n  .channel-chip svg { width: 13px; height: 13px; flex-shrink: 0; opacity: 0.65; }\n  .channel-chip:hover { border-color: #F2AF5E; }\n  \/* el carrusel se desborda a prop\u00f3sito; la secci\u00f3n lo recorta *\/\n  section.section { overflow: hidden; }\n<\/style>\n\n<!-- \u2500\u2500\u2500 CHANNELS \u2500\u2500\u2500 -->\n<section class=\"section channels-section\" aria-labelledby=\"channels-title\">\n  <span class=\"section-label\">Supported channels<\/span>\n  <h2 class=\"section-title\" id=\"channels-title\">\n    Present where your <span class=\"red\">customers are<\/span> \u2014<br>\n    and connected to <span class=\"red\">your systems.<\/span>\n  <\/h2>\n  <p class=\"section-body\" style=\"margin-bottom: 0;\">\n    Ruvic unifica los canales donde tu cliente te contacta y los sistemas donde tus datos viven. Una sola capa de orquestaci\u00f3n, sin silos, sin experiencias fragmentadas.\n  <\/p>\n\n  <!-- Canales de contacto -->\n  <span class=\"channels-sub-label\">CHANNELS WHERE YOU SERVE YOUR CUSTOMERS<\/span>\n  <div style=\"overflow: hidden;\">\n    <div class=\"channels-inner\" aria-label=\"Canales de atenci\u00f3n al cliente\">\n\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg> WhatsApp Business<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.44 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> Llamadas \/ SIP<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg> Email<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg> Web Widget<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line><\/svg> Voz en tiempo real<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg> Microsoft Teams<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg> Telegram<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"4\" y1=\"9\" x2=\"20\" y2=\"9\"><\/line><line x1=\"4\" y1=\"15\" x2=\"20\" y2=\"15\"><\/line><line x1=\"10\" y1=\"3\" x2=\"8\" y2=\"21\"><\/line><line x1=\"16\" y1=\"3\" x2=\"14\" y2=\"21\"><\/line><\/svg> Slack<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"><\/line><\/svg> SMS<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"4 17 10 11 4 5\"><\/polyline><line x1=\"12\" y1=\"19\" x2=\"20\" y2=\"19\"><\/line><\/svg> REST API<\/div>\n\n      <!-- duplicado para loop continuo -->\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg> WhatsApp Business<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.44 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.6a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> Llamadas \/ SIP<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg> Email<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg> Web Widget<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"><\/path><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line><\/svg> Voz en tiempo real<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg> Microsoft Teams<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg> Telegram<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"4\" y1=\"9\" x2=\"20\" y2=\"9\"><\/line><line x1=\"4\" y1=\"15\" x2=\"20\" y2=\"15\"><\/line><line x1=\"10\" y1=\"3\" x2=\"8\" y2=\"21\"><\/line><line x1=\"16\" y1=\"3\" x2=\"14\" y2=\"21\"><\/line><\/svg> Slack<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"><\/line><\/svg> SMS<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"4 17 10 11 4 5\"><\/polyline><line x1=\"12\" y1=\"19\" x2=\"20\" y2=\"19\"><\/line><\/svg> REST API<\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- Sistemas backend -->\n  <span class=\"channels-sub-label\">Sistemas con los que se conecta Ruvic<\/span>\n  <div style=\"overflow: hidden;\">\n    <div class=\"channels-inner reverse\" aria-label=\"Sistemas backend integrados\">\n\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"><\/path><\/svg> Salesforce<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg> HubSpot<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg> Zendesk<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><line x1=\"4.93\" y1=\"4.93\" x2=\"9.17\" y2=\"9.17\"><\/line><line x1=\"14.83\" y1=\"14.83\" x2=\"19.07\" y2=\"19.07\"><\/line><line x1=\"14.83\" y1=\"9.17\" x2=\"19.07\" y2=\"4.93\"><\/line><line x1=\"4.93\" y1=\"19.07\" x2=\"9.17\" y2=\"14.83\"><\/line><\/svg> Freshdesk<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z\"><\/path><\/svg> ServiceNow<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg> Jira Service Mgmt<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg> Aranda<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path><\/svg> Proactivanet<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg> Ivanti<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path><\/svg> Notion \/ Confluence<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg> SAP \/ Oracle \/ Dynamics<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path><\/svg> SQL \/ MongoDB<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3\"><\/path><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg> Webhooks \/ API custom<\/div>\n\n      <!-- duplicado para loop continuo -->\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"><\/path><\/svg> Salesforce<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg> HubSpot<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg> Zendesk<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><line x1=\"4.93\" y1=\"4.93\" x2=\"9.17\" y2=\"9.17\"><\/line><line x1=\"14.83\" y1=\"14.83\" x2=\"19.07\" y2=\"19.07\"><\/line><line x1=\"14.83\" y1=\"9.17\" x2=\"19.07\" y2=\"4.93\"><\/line><line x1=\"4.93\" y1=\"19.07\" x2=\"9.17\" y2=\"14.83\"><\/line><\/svg> Freshdesk<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z\"><\/path><\/svg> ServiceNow<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg> Jira Service Mgmt<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg> Aranda<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path><\/svg> Proactivanet<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg> Ivanti<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path><\/svg> Notion \/ Confluence<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg> SAP \/ Oracle \/ Dynamics<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path><\/svg> SQL \/ MongoDB<\/div>\n      <div class=\"channel-chip\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3\"><\/path><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg> Webhooks \/ API custom<\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --red: #FF363A; --amber: #F2AF5E; --navy: #101630; --cream: #FDF2E1;\n    --navy-light: #1a2040;\n    --border-light: rgba(255,255,255,0.08);\n    --cx-hpad: clamp(1.5rem, calc((100vw - 1240px) \/ 2 + 1.5rem), 48vw);\n  }\n  *, *::before, *::after { box-sizing: border-box; }\n  .section {\n    padding: 7rem var(--cx-hpad); position: relative;\n    background: var(--navy); color: var(--cream);\n    font-family: 'DM Sans', sans-serif; line-height: 1.6;\n  }\n  .section-alt { background: #151b35; }\n  .section-label {\n    font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em;\n    text-transform: uppercase; color: #F2AF5E !important; margin: 0 0 1rem; display: block;\n  }\n  .section-title {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(1.55rem, 2.7vw, 2.3rem); font-weight: 700;\n    line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 1.25rem;\n    color: #FDF2E1 !important;\n  }\n  .section-title .red { color: #FF363A !important; }\n  .section-body { font-size: 1rem; font-weight: 300; color: rgba(253,242,225,0.75) !important; max-width: 580px; line-height: 1.75; margin: 0; }\n  .divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border-light) 20%, var(--border-light) 80%, transparent); }\n  @media (max-width: 640px) {\n    .section-title { font-size: clamp(1.7rem, 7vw, 2.3rem) !important; }\n    .section-body  { font-size: 1.05rem !important; }\n  }\n  .comparison-wrap {\n    overflow-x: auto; overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    margin-top: 3.5rem;\n    border: 1px solid var(--border-light); border-radius: 16px;\n  }\n  table.comparison { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 0.88rem; }\n  .comparison thead th {\n    padding: 1.25rem 1.5rem; text-align: left;\n    font-family: 'Syne', sans-serif; font-size: 0.8rem; font-weight: 700;\n    letter-spacing: 0.06em; text-transform: uppercase;\n    color: rgba(253,242,225,0.55) !important;\n    border-bottom: 1px solid var(--border-light); background: #1a2040;\n  }\n  .comparison thead th.robin-col { background: rgba(255,54,58,0.08); color: #FF363A !important; }\n  .comparison tbody tr { border-bottom: 1px solid var(--border-light); transition: background 0.15s; }\n  .comparison tbody tr:last-child { border-bottom: none; }\n  .comparison tbody tr:hover { background: rgba(255,255,255,0.02); }\n  .comparison tbody td { padding: 1rem 1.5rem; color: rgba(253,242,225,0.75) !important; vertical-align: middle; }\n  .comparison tbody td.robin-col { background: rgba(255,54,58,0.04); font-weight: 500; color: #FDF2E1 !important; }\n  .comparison tbody td:first-child { font-weight: 500; color: #FDF2E1 !important; }\n  .check { color: #4ade80 !important; font-weight: 700; }\n  .cross { color: rgba(253,242,225,0.2) !important; }\n<\/style>\n\n<!-- \u2500\u2500\u2500 COMPARISON TABLE \u2500\u2500\u2500 -->\n<section class=\"section\" aria-labelledby=\"comparison-title\">\n  <span class=\"section-label\">Ruvic vs Alternativas<\/span>\n  <h2 class=\"section-title\" id=\"comparison-title\">\n    No todos los \"AI Help Desk\"<br>\n    <span class=\"red\">are the same.<\/span>\n  <\/h2>\n  <p class=\"section-body\">\n    La diferencia entre un chatbot de FAQ y una plataforma BOAT de atenci\u00f3n al cliente est\u00e1 en la orquestaci\u00f3n. Ruvic ejecuta flujos completos \u2014 no solo responde.\n  <\/p>\n\n  <div class=\"comparison-wrap\">\n    <table class=\"comparison\" role=\"table\" aria-label=\"Comparaci\u00f3n Ruvic AI vs alternativas\">\n      <thead>\n        <tr>\n          <th>Capacity<\/th>\n          <th class=\"robin-col\">Ruvic AI<\/th>\n          <th>Traditional chatbots<\/th>\n          <th>Conversational AI<\/th>\n          <th>HELP DESK WITH AI<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td>Multi-agent orchestration<\/td>\n          <td class=\"robin-col\"><span class=\"check\">\u2713<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n        <\/tr>\n        <tr>\n          <td>End-to-end autonomous resolution (not just responses)<\/td>\n          <td class=\"robin-col\"><span class=\"check\">\u2713<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td>Partial<\/td>\n          <td>Partial<\/td>\n        <\/tr>\n        <tr>\n          <td>Validation against official sources (anti-hallucination)<\/td>\n          <td class=\"robin-col\"><span class=\"check\">\u2713<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td>Partial<\/td>\n        <\/tr>\n        <tr>\n          <td>Real-time voice (AI IVR)<\/td>\n          <td class=\"robin-col\"><span class=\"check\">\u2713<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td>Just text<\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n        <\/tr>\n        <tr>\n          <td>Connection to your stack (CRM, ERP, ITSM)<\/td>\n          <td class=\"robin-col\"><span class=\"check\">\u2713<\/span> Agnostic<\/td>\n          <td>Limited<\/td>\n          <td>Via plugins<\/td>\n          <td><span class=\"check\">\u2713<\/span> Limited to its ecosystem<\/td>\n        <\/tr>\n        <tr>\n          <td>Human agent copilot<\/td>\n          <td class=\"robin-col\"><span class=\"check\">\u2713<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td><span class=\"check\">\u2713<\/span><\/td>\n        <\/tr>\n        <tr>\n          <td>No-code drag &amp; drop flows<\/td>\n          <td class=\"robin-col\"><span class=\"check\">\u2713<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td>Partial<\/td>\n        <\/tr>\n        <tr>\n          <td>Dynamic multi-model LLM\/SLM<\/td>\n          <td class=\"robin-col\"><span class=\"check\">\u2713<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n          <td><span class=\"cross\">\u2717<\/span><\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n  <p style=\"text-align: center; font-size: 0.9rem; color: var(--text-muted); max-width: 800px; margin: 2rem auto 0; line-height: 1.6;\">\n    Ruvic es una plataforma BOAT AI-nativa: combina en un solo motor las capacidades que hoy requieren un chatbot + un help desk + un sistema de voz + integraciones manuales con el backend.\n  <\/p>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&amp;display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/api.fontshare.com\/v2\/css?f[]=cabinet-grotesk@800,700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --red: #FF363A; --amber: #F2AF5E; --navy: #101630; --cream: #FDF2E1;\n    --navy-light: #1a2040;\n    --border-light: rgba(255,255,255,0.08);\n    --cx-hpad: clamp(1.5rem, calc((100vw - 1240px) \/ 2 + 1.5rem), 48vw);\n  }\n  *, *::before, *::after { box-sizing: border-box; }\n  .section {\n    padding: 7rem var(--cx-hpad); position: relative;\n    background: var(--navy); color: var(--cream);\n    font-family: 'DM Sans', sans-serif; line-height: 1.6;\n  }\n  .section-alt { background: #151b35; }\n  .section-label {\n    font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em;\n    text-transform: uppercase; color: #F2AF5E !important; margin: 0 0 1rem; display: block;\n  }\n  .section-title {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(1.55rem, 2.7vw, 2.3rem); font-weight: 700;\n    line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 1.25rem;\n    color: #FDF2E1 !important;\n  }\n  .section-title .red { color: #FF363A !important; }\n  .section-body { font-size: 1rem; font-weight: 300; color: rgba(253,242,225,0.75) !important; max-width: 580px; line-height: 1.75; margin: 0; }\n  .divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border-light) 20%, var(--border-light) 80%, transparent); }\n  @media (max-width: 640px) {\n    .section-title { font-size: clamp(1.7rem, 7vw, 2.3rem) !important; }\n    .section-body  { font-size: 1.05rem !important; }\n  }\n  .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3.5rem; }\n  .testimonial-card {\n    background: #1a2040; border: 1px solid var(--border-light);\n    border-radius: 16px; padding: 1.75rem;\n    display: flex; flex-direction: column; gap: 1.25rem;\n    transition: border-color 0.2s, transform 0.2s;\n  }\n  .testimonial-card:hover { border-color: rgba(242,175,94,0.3); transform: translateY(-3px); }\n  .quote-mark {\n    font-size: 0 !important; display: block !important;\n    border: none !important; outline: none !important;\n    box-shadow: none !important; background: none !important;\n    padding: 0 !important; margin: 0 !important;\n  }\n  .quote-mark::before {\n    content: '\\201C';\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 5rem; line-height: 0.6;\n    color: #FF363A; opacity: 0.5; display: block;\n  }\n  .quote-text { font-size: 0.92rem; font-style: italic; font-weight: 300; color: rgba(253,242,225,0.75) !important; line-height: 1.7; flex: 1; margin: 0; }\n  .quote-author { display: flex; align-items: center; gap: 0.85rem; margin-top: 0.5rem; }\n  .author-avatar {\n    width: 40px; height: 40px; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'Syne', sans-serif; font-weight: 700; font-size: 0.85rem; flex-shrink: 0;\n  }\n  .av-red   { background: rgba(255,54,58,0.15); color: #FF363A !important; }\n  .av-amber { background: rgba(242,175,94,0.15); color: #F2AF5E !important; }\n  .av-blue  { background: rgba(96,165,250,0.15); color: #60a5fa !important; }\n  .author-name { font-size: 0.88rem; font-weight: 600; color: #FDF2E1 !important; }\n  .author-role { font-size: 0.76rem; color: rgba(253,242,225,0.55) !important; }\n  .metric-highlight {\n    background: rgba(255,54,58,0.06); border: 1px solid rgba(255,54,58,0.2);\n    border-radius: 8px; padding: 0.65rem 0.85rem;\n    display: flex; align-items: center; justify-content: space-between;\n  }\n  .metric-highlight .mh-label { font-size: 0.78rem; color: rgba(253,242,225,0.55) !important; flex: 1; min-width: 0; }\n  .metric-highlight .mh-value { font-family: 'Cabinet Grotesk', 'Syne', sans-serif; font-size: 1.1rem; font-weight: 700; color: #FF363A !important; white-space: nowrap; flex-shrink: 0; }\n  @media (max-width: 1024px) {\n    .testimonials-grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<!-- \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 -->\n<section class=\"section section-alt\" aria-labelledby=\"testimonials-title\">\n  <span class=\"section-label\">REAL RESULTS<\/span>\n  <h2 class=\"section-title\" id=\"testimonials-title\">\n    What teams that already<br>\n    automated <span class=\"red\">their CX are saying.<\/span>\n  <\/h2>\n\n  <div class=\"testimonials-grid\">\n\n    <div class=\"testimonial-card\">\n      <span class=\"quote-mark\">\"<\/span>\n      <p class=\"quote-text\">\n        Pasamos de responder tickets en 6 horas promedio a resolverlos en menos de 20 minutos. Ruvic clasifica, consulta nuestro ERP y responde con datos reales \u2014 sin que un agente toque el caso.\n      <\/p>\n      <div class=\"metric-highlight\">\n        <span class=\"mh-label\">Average resolution time<\/span>\n        <span class=\"mh-value\">\u221272%<\/span>\n      <\/div>\n      <div class=\"quote-author\">\n        <div class=\"author-avatar av-red\">MR<\/div>\n        <div>\n          <div class=\"author-name\">Marcela R\u00edos<\/div>\n          <div class=\"author-role\">Head of Customer Experience \u00b7 Retail LATAM<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"testimonial-card\">\n      <span class=\"quote-mark\">\"<\/span>\n      <p class=\"quote-text\">\n        Ten\u00edamos un contact center de 45 personas manejando 3,200 tickets diarios. Con Ruvic, el 80% se resuelve solo. Nuestro equipo ahora trabaja en casos de verdad \u2014 y el CSAT subi\u00f3 38 puntos.\n      <\/p>\n      <div class=\"metric-highlight\">\n        <span class=\"mh-label\">CSAT increase<\/span>\n        <span class=\"mh-value\">+38 pts<\/span>\n      <\/div>\n      <div class=\"quote-author\">\n        <div class=\"author-avatar av-amber\">JS<\/div>\n        <div>\n          <div class=\"author-name\">Jorge Salinas<\/div>\n          <div class=\"author-role\">VP Operations \u00b7 Fintech Colombia<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"testimonial-card\">\n      <span class=\"quote-mark\">\"<\/span>\n      <p class=\"quote-text\">\n        Lo que m\u00e1s valoramos es que Ruvic no solo responde \u2014 act\u00faa. Cancela suscripciones, genera reembolsos, actualiza datos en Salesforce. Es el \u00fanico sistema que cierra el loop por completo.\n      <\/p>\n      <div class=\"metric-highlight\">\n        <span class=\"mh-label\">Support operational cost reduction<\/span>\n        <span class=\"mh-value\">\u221230%<\/span>\n      <\/div>\n      <div class=\"quote-author\">\n        <div class=\"author-avatar av-blue\">CP<\/div>\n        <div>\n          <div class=\"author-name\">Claudia Pinto<\/div>\n          <div class=\"author-role\">CTO \u00b7 SaaS B2B \u00b7 Per\u00fa<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --red: #FF363A; --amber: #F2AF5E; --navy: #101630; --cream: #FDF2E1;\n    --navy-light: #1a2040;\n    --border-light: rgba(255,255,255,0.08);\n    --cx-hpad: clamp(1.5rem, calc((100vw - 1240px) \/ 2 + 1.5rem), 48vw);\n  }\n  *, *::before, *::after { box-sizing: border-box; }\n  .section {\n    padding: 7rem var(--cx-hpad); position: relative;\n    background: var(--navy); color: var(--cream);\n    font-family: 'DM Sans', sans-serif; line-height: 1.6;\n  }\n  .section-alt { background: #151b35; }\n  .section-label {\n    font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em;\n    text-transform: uppercase; color: #F2AF5E !important; margin: 0 0 1rem; display: block;\n  }\n  .section-title {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(1.55rem, 2.7vw, 2.3rem); font-weight: 700;\n    line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 1.25rem;\n    color: #FDF2E1 !important;\n  }\n  .section-title .red { color: #FF363A !important; }\n  .section-body { font-size: 1rem; font-weight: 300; color: rgba(253,242,225,0.75) !important; max-width: 580px; line-height: 1.75; margin: 0; }\n  .divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border-light) 20%, var(--border-light) 80%, transparent); }\n  @media (max-width: 640px) {\n    .section-title { font-size: clamp(1.7rem, 7vw, 2.3rem) !important; }\n    .section-body  { font-size: 1.05rem !important; }\n  }\n  .faq-grid { max-width: 780px; margin: 3.5rem auto 0; }\n  .faq-item { border-bottom: 1px solid var(--border-light); overflow: hidden; }\n  .faq-question {\n    width: 100% !important;\n    background: none !important; background-color: transparent !important;\n    border: none !important; border-radius: 0 !important; box-shadow: none !important;\n    padding: 1.5rem 0 !important;\n    display: flex !important; align-items: center !important;\n    justify-content: space-between !important; gap: 1rem !important;\n    cursor: pointer !important; text-align: left !important;\n    font-family: 'DM Sans', sans-serif !important;\n    font-size: 1rem !important; font-weight: 500 !important;\n    color: #FDF2E1 !important; transition: color 0.2s !important;\n  }\n  .faq-question:hover, .faq-question:focus, .faq-question:active, .faq-question:focus-visible {\n    color: #F2AF5E !important;\n    background: none !important; background-color: transparent !important;\n    outline: none !important; box-shadow: none !important;\n  }\n  .faq-question .faq-icon { font-size: 1.2rem !important; color: rgba(253,242,225,0.55) !important; flex-shrink: 0 !important; transition: transform 0.3s !important; }\n  .faq-item.open .faq-question .faq-icon { transform: rotate(45deg) !important; color: #F2AF5E !important; }\n  .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; }\n  .faq-item.open .faq-answer { max-height: 300px; padding-bottom: 1.5rem; }\n  .faq-answer p { font-size: 0.92rem; color: rgba(253,242,225,0.55) !important; line-height: 1.75; margin: 0; }\n  .faq-answer a { color: #F2AF5E !important; text-decoration: none; }\n  .faq-answer a:hover { text-decoration: underline; }\n<\/style>\n\n<!-- \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 -->\n<section class=\"section\" aria-labelledby=\"faq-title\">\n  <div style=\"text-align: center; max-width: 600px; margin: 0 auto;\">\n    <span class=\"section-label\">Frequently Asked Questions<\/span>\n    <h2 class=\"section-title\" id=\"faq-title\">\n      Everything you need<br>know before <span class=\"red\">starting.<\/span>\n    <\/h2>\n  <\/div>\n\n  <div class=\"faq-grid\" role=\"list\">\n\n    <div class=\"faq-item\" role=\"listitem\">\n      <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a1\">\n        \u00bfEn cu\u00e1nto tiempo se implementa Ruvic?\n        <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n      <\/button>\n      <div class=\"faq-answer\" id=\"faq-a1\" role=\"region\">\n        <p>Menos de 3 semanas. Ruvic Studio permite a tu equipo de CX ajustar flujos sin depender de TI.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" role=\"listitem\">\n      <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a2\">\n        \u00bfRuvic reemplaza a mi equipo humano?\n        <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n      <\/button>\n      <div class=\"faq-answer\" id=\"faq-a2\" role=\"region\">\n        <p>No. It automates 80% of repetitive tasks and only delivers complex cases to the team \u2014 with context, history, and a suggested action.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" role=\"listitem\">\n      <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a3\">\n        What if the AI agent gives a wrong answer?\n        <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n      <\/button>\n      <div class=\"faq-answer\" id=\"faq-a3\" role=\"region\">\n        <p>Cada salida se valida contra tus fuentes oficiales. Lo que no se puede verificar no se responde \u2014 se escala. Ruvic prefiere escalar antes que improvisar.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" role=\"listitem\">\n      <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a4\">\n        Does it integrate with my CRM, ERP, or ticketing system?\n        <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n      <\/button>\n      <div class=\"faq-answer\" id=\"faq-a4\" role=\"region\">\n        <p>Yes. Salesforce, HubSpot, Zendesk, Freshdesk, ServiceNow, Jira, Aranda, Proactivanet, Ivanti, SAP, Oracle and more. Via API, webhooks, or native connectors. No migration. <a href=\"\/en\/plataforma\/integraciones\/\">See all \u2192<\/a><\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" role=\"listitem\">\n      <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a5\">\n        \u00bfC\u00f3mo garantiza Ruvic la calidad de las respuestas?\n        <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n      <\/button>\n      <div class=\"faq-answer\" id=\"faq-a5\" role=\"region\">\n        <p>Validation against official sources + full traceability of every decision: source consulted, confidence level, responsible agent. <a href=\"https:\/\/ruvic.ai\/en\/robin-motor-ia\/\">Conoce el Ruvic Engine \u2192<\/a><\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" role=\"listitem\">\n      <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a6\">\n        \u00bfRuvic funciona para empresas medianas o solo enterprise?\n        <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n      <\/button>\n      <div class=\"faq-answer\" id=\"faq-a6\" role=\"region\">\n        <p>Both. Plans from 500+ monthly interactions. No per-seat cost \u2014 we charge based on value delivered.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" role=\"listitem\">\n      <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a7\">\n        \u00bfEn qu\u00e9 idiomas y regiones opera Ruvic?\n        <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n      <\/button>\n      <div class=\"faq-answer\" id=\"faq-a7\" role=\"region\">\n        <p>Spanish (CO, MX, CL, PE) and English (US). Infrastructure in LATAM and USA. Compliant with Habeas Data, LFPDPPP, HIPAA, and PCI-DSS by region.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" role=\"listitem\">\n      <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-a8\">\n        \u00bfC\u00f3mo maneja Ruvic los datos sensibles?\n        <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n      <\/button>\n      <div class=\"faq-answer\" id=\"faq-a8\" role=\"region\">\n        <p>Cifrado en tr\u00e1nsito y reposo. Datos sensibles enmascarados autom\u00e1ticamente. Ruvic opera como encargado de tratamiento \u2014 reduciendo tu carga regulatoria.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n<script>\n(function () {\n  document.querySelectorAll('.faq-item').forEach(function (item) {\n    var btn = item.querySelector('.faq-question');\n    if (!btn) return;\n    btn.addEventListener('click', function () {\n      var abierto = item.classList.contains('open');\n      document.querySelectorAll('.faq-item.open').forEach(function (o) {\n        o.classList.remove('open');\n        var b = o.querySelector('.faq-question');\n        if (b) b.setAttribute('aria-expanded', 'false');\n      });\n      if (!abierto) {\n        item.classList.add('open');\n        btn.setAttribute('aria-expanded', 'true');\n      }\n    });\n  });\n})();\n<\/script>\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --red: #FF363A; --amber: #F2AF5E; --navy: #101630; --cream: #FDF2E1;\n    --navy-light: #1a2040;\n    --border-light: rgba(255,255,255,0.08);\n    --cx-hpad: clamp(1.5rem, calc((100vw - 1240px) \/ 2 + 1.5rem), 48vw);\n  }\n  *, *::before, *::after { box-sizing: border-box; }\n  .section {\n    padding: 7rem var(--cx-hpad); position: relative;\n    background: var(--navy); color: var(--cream);\n    font-family: 'DM Sans', sans-serif; line-height: 1.6;\n  }\n  .section-alt { background: #151b35; }\n  .section-label {\n    font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em;\n    text-transform: uppercase; color: #F2AF5E !important; margin: 0 0 1rem; display: block;\n  }\n  .section-title {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(1.55rem, 2.7vw, 2.3rem); font-weight: 700;\n    line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 1.25rem;\n    color: #FDF2E1 !important;\n  }\n  .section-title .red { color: #FF363A !important; }\n  .section-body { font-size: 1rem; font-weight: 300; color: rgba(253,242,225,0.75) !important; max-width: 580px; line-height: 1.75; margin: 0; }\n  .divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border-light) 20%, var(--border-light) 80%, transparent); }\n  @media (max-width: 640px) {\n    .section-title { font-size: clamp(1.7rem, 7vw, 2.3rem) !important; }\n    .section-body  { font-size: 1.05rem !important; }\n  }\n  .explore-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; margin-top: 3rem; }\n  .explore-card {\n    background: #1a2040; border: 1px solid var(--border-light);\n    border-radius: 14px; padding: 1.5rem; text-decoration: none;\n    display: flex; flex-direction: column; gap: 0.75rem;\n    transition: border-color 0.2s, transform 0.2s;\n  }\n  .explore-card:hover { border-color: rgba(255,54,58,0.35); transform: translateY(-2px); }\n  .explore-card-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n  .explore-card-icon svg { width: 22px; height: 22px; }\n  .icon-red   { background: rgba(255,54,58,0.12);  color: #FF363A; }\n  .icon-amber { background: rgba(242,175,94,0.12); color: #F2AF5E; }\n  .icon-blue  { background: rgba(96,165,250,0.1);  color: #60A5FA; }\n  .icon-green { background: rgba(74,222,128,0.12); color: #4ADE80; }\n  .explore-card-title { font-family: 'Syne', sans-serif; font-size: 0.95rem; font-weight: 700; color: #FDF2E1 !important; margin: 0; }\n  .explore-card-desc { font-size: 0.82rem; color: rgba(253,242,225,0.55) !important; line-height: 1.6; margin: 0; }\n  .explore-card-link { font-size: 0.8rem; color: #FF363A !important; font-weight: 500; margin-top: auto; }\n  @media (max-width: 1024px) { .explore-grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 640px)  { .explore-grid { grid-template-columns: 1fr; } }\n<\/style>\n\n<!-- \u2500\u2500\u2500 EXPLORE OTHER SOLUTIONS \u2500\u2500\u2500 -->\n<section class=\"section section-alt\" aria-labelledby=\"explore-title\">\n  <span class=\"section-label\">Keep Exploring<\/span>\n  <h2 class=\"section-title\" id=\"explore-title\">\n    M\u00e1s equipos que <br>\n    <span class=\"red\">can transform.<\/span>\n  <\/h2>\n  <p class=\"section-body\">\n    La orquestaci\u00f3n multi-agente de Ruvic va m\u00e1s all\u00e1 del soporte. Cada equipo tiene flujos cr\u00edticos que Ruvic puede automatizar hoy.\n  <\/p>\n\n  <div class=\"explore-grid\">\n\n    <a href=\"\/en\/soluciones\/por-equipo\/ventas-growth\/\" class=\"explore-card\" aria-label=\"Sales and Growth Solution\">\n      <div class=\"explore-card-icon icon-red\">\n        <!-- Trending up \/ Sales -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline><polyline points=\"17 6 23 6 23 12\"><\/polyline><\/svg>\n      <\/div>\n      <div class=\"explore-card-title\">Sales &amp; Growth<\/div>\n      <p class=\"explore-card-desc\">Lead qualification, automated follow-up, and conversational closing on WhatsApp.<\/p>\n      <span class=\"explore-card-link\">View Solution \u2192<\/span>\n    <\/a>\n\n    <a href=\"\/en\/soluciones\/por-equipo\/operaciones-rrhh\/\" class=\"explore-card\" aria-label=\"Operations and HR Solution\">\n      <div class=\"explore-card-icon icon-amber\">\n        <!-- Settings \/ Operations -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path><\/svg>\n      <\/div>\n      <div class=\"explore-card-title\">Operations &amp; HR<\/div>\n      <p class=\"explore-card-desc\">Onboarding, payroll, internal requests, and AI-powered document management.<\/p>\n      <span class=\"explore-card-link\">View Solution \u2192<\/span>\n    <\/a>\n\n    <a href=\"\/en\/soluciones\/por-equipo\/legal-compliance\/\" class=\"explore-card\" aria-label=\"Legal and Compliance Solution\">\n      <div class=\"explore-card-icon icon-blue\">\n        <!-- Scale \/ Legal -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1z\"><\/path><path d=\"m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1z\"><\/path><path d=\"M7 21h10\"><\/path><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"21\"><\/line><path d=\"M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2\"><\/path><\/svg>\n      <\/div>\n      <div class=\"explore-card-title\">Legal &amp; Compliance<\/div>\n      <p class=\"explore-card-desc\">Contract review, regulatory alerts, and traceability of critical decisions.<\/p>\n      <span class=\"explore-card-link\">View Solution \u2192<\/span>\n    <\/a>\n\n    <a href=\"\/en\/soluciones\/por-industria\/ciberseguridad\/\" class=\"explore-card\" aria-label=\"Solutions \u00b7 Cybersecurity\/ MSSP\">\n      <div class=\"explore-card-icon icon-green\">\n        <!-- Shield \/ Cybersecurity -->\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><polyline points=\"9 12 11 14 15 10\"><\/polyline><\/svg>\n      <\/div>\n      <div class=\"explore-card-title\">Cybersecurity \/ MSSP<\/div>\n      <p class=\"explore-card-desc\">Orchestrated SOC operations: triage, automated response, and multichannel escalation on a single BOAT platform.<\/p>\n      <span class=\"explore-card-link\">View Solution \u2192<\/span>\n    <\/a>\n\n  <\/div>\n<\/section>\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&amp;family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --red: #FF363A; --amber: #F2AF5E; --navy: #101630; --cream: #FDF2E1;\n    --navy-light: #1a2040;\n    --border-light: rgba(255,255,255,0.08);\n    --cx-hpad: clamp(1.5rem, calc((100vw - 1240px) \/ 2 + 1.5rem), 48vw);\n  }\n  *, *::before, *::after { box-sizing: border-box; }\n  .cta-section {\n    padding: 7rem var(--cx-hpad); text-align: center; position: relative; overflow: hidden;\n    background: var(--navy); color: var(--cream);\n    font-family: 'DM Sans', sans-serif; line-height: 1.6;\n  }\n  .cta-section::before {\n    content: ''; position: absolute; inset: 0;\n    background: radial-gradient(ellipse at 50% 0%, rgba(255,54,58,0.08) 0%, transparent 60%);\n    pointer-events: none;\n  }\n  .cta-eyebrow {\n    font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em;\n    text-transform: uppercase; color: #F2AF5E !important; margin: 0 0 1.25rem; display: block;\n    position: relative;\n  }\n  .cta-title {\n    font-family: 'Syne', sans-serif;\n    font-size: clamp(1.85rem, 3.7vw, 3.3rem); font-weight: 800;\n    line-height: 1.1; margin: 0 0 1.25rem; letter-spacing: -0.02em;\n    color: #FDF2E1 !important; position: relative;\n  }\n  .cta-title .red { color: #FF363A !important; }\n  .cta-subtitle { font-size: 1rem; color: rgba(253,242,225,0.75) !important; font-weight: 300; max-width: 500px; margin: 0 auto 2.5rem; line-height: 1.7; position: relative; }\n  .cta-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; position: relative; }\n  @media (max-width: 640px) {\n    .cta-btns { flex-direction: column; align-items: center; }\n  }\n  .btn-primary {\n    display: inline-flex; align-items: center; gap: 0.6rem;\n    background: #FF363A; color: white !important;\n    font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 0.95rem;\n    padding: 0.9rem 1.75rem; border-radius: 8px; text-decoration: none;\n    border: none; cursor: pointer; transition: background 0.2s, transform 0.15s;\n  }\n  .btn-primary:hover { background: #e02e32; transform: translateY(-1px); }\n  .btn-secondary {\n    display: inline-flex; align-items: center; gap: 0.6rem;\n    background: transparent; color: #FDF2E1 !important;\n    font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 0.95rem;\n    padding: 0.9rem 1.75rem; border-radius: 8px; text-decoration: none;\n    border: 1px solid rgba(253,242,225,0.25); cursor: pointer;\n    transition: border-color 0.2s, color 0.2s, transform 0.15s;\n  }\n  .btn-secondary:hover { border-color: #F2AF5E; color: #F2AF5E !important; transform: translateY(-1px); }\n<\/style>\n\n<!-- \u2500\u2500\u2500 CTA FINAL \u2500\u2500\u2500 -->\n<section class=\"cta-section\" aria-labelledby=\"cta-title\">\n  <span class=\"cta-eyebrow\">Get Started Today<\/span>\n  <h2 class=\"cta-title\" id=\"cta-title\">\n    Your CX team deserves<br>\n    to work on what<br>\n    <span class=\"red\">truly matters.<\/span>\n  <\/h2>\n  <p class=\"cta-subtitle\">\n    Deja que Ruvic resuelva el 80% de los tickets. Agenda una demo personalizada y te mostramos c\u00f3mo en tu stack, con tus datos.\n  <\/p>\n  <div class=\"cta-btns\">\n    <a href=\"https:\/\/ruvic.ai\/en\/#demo-form\" class=\"btn-primary\">\u2192 Request a Free Demo<\/a>\n    <a href=\"https:\/\/ruvic.ai\/en\/robin-motor-ia\/\" class=\"btn-secondary\">Conocer el Ruvic Engine<\/a>\n  <\/div>\n  <div style=\"display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; font-size: 0.9rem; color: var(--text-secondary);\">\n    <span style=\"display: inline-flex; align-items: center; gap: 0.4rem;\"><span style=\"color: #22D384; font-weight: 700;\">\u2713<\/span> Stack-agnostic<\/span>\n    <span style=\"display: inline-flex; align-items: center; gap: 0.4rem;\"><span style=\"color: #22D384; font-weight: 700;\">\u2713<\/span> Activation in &lt; 3 weeks<\/span>\n    <span style=\"display: inline-flex; align-items: center; gap: 0.4rem;\"><span style=\"color: #22D384; font-weight: 700;\">\u2713<\/span> Measurable results from month 1<\/span>\n  <\/div>\n  <div style=\"font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; letter-spacing: 0.18em; color: var(--text-muted); text-transform: uppercase; margin-top: 1.5rem;\">\n    Colombia, Peru, Chile, Mexico, USA\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>CX &amp; Soporte Tu soporte no necesita m\u00e1s agentes. Necesita orquestaci\u00f3n. Atenci\u00f3n al cliente automatizada con agentes IA especializados, sobre una sola plataforma BOAT. Ruvic resuelve hasta el 80% de las consultas sin intervenci\u00f3n humana. Los agentes humanos reciben solo lo que requiere criterio \u2014 con contexto completo, historial y acci\u00f3n sugerida. Multi-canal, multi-agente, multi-LLM:&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"<!-- ================================================   BLOQUE 00 \u00b7 TOKENS GLOBALES   \u25ba Pegar UNA SOLA VEZ en WordPress:     Apariencia \u2192 Personalizar \u2192 CSS adicional     O en el primer bloque \"HTML personalizado\" de la p\u00e1gina.   \u25ba Fuentes: a\u00f1adir en el <head> del tema (functions.php o plugin):     <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Syne:wght@500;600;700;800&display=swap\" rel=\"stylesheet\" \/> ================================================ -->  <style> \/* \u2500\u2500 TOKENS GLOBALES ROBIN AI \u00b7 MOTOR DE IA \u2500\u2500 *\/ :root {   --rvp-navy:        #0F1B3C;   --rvp-navy-deep:   #0A1230;   --rvp-navy-soft:   #18234A;   --rvp-navy-card:   #1A2649;   --rvp-navy-line:   rgba(255,255,255,0.08);    --rvp-red:         #E8344B;   --rvp-red-deep:    #C42339;   --rvp-red-soft:    #F76A7B;   --rvp-mustard:     #E8B53C;   --rvp-coral:       #F4A78C;    --rvp-white:       #FFFFFF;   --rvp-cream:       #FDF2E1;   --rvp-cream-border:#F0E6D3;    --rvp-text:        #F5F5F8;   --rvp-text-muted:  rgba(245,245,248,0.68);   --rvp-text-subtle: rgba(245,245,248,0.42);   --rvp-text-dark:   #0F1B3C;   --rvp-text-gray:   #6B7280;    --rvp-r-sm:   8px;   --rvp-r-md:   14px;   --rvp-r-lg:   22px;   --rvp-r-pill: 999px;    --rvp-sp3:  12px;   --rvp-sp4:  16px;   --rvp-sp5:  24px;   --rvp-sp6:  32px;   --rvp-sp7:  48px;   --rvp-sp8:  64px;   --rvp-sp9:  96px;   --rvp-sp10: 128px;    --rvp-font-display: 'Syne', sans-serif;   --rvp-font-body:    'DM Sans', sans-serif;   --rvp-font-mono:    'JetBrains Mono', monospace;    --rvp-ease: cubic-bezier(0.22,1,0.36,1);   --rvp-container: 1240px; }  \/* \u2500\u2500 RESET SCOPED (no afecta el tema WP) \u2500\u2500 *\/ .rvp-wrap *, .rvp-wrap *::before, .rvp-wrap *::after { box-sizing: border-box; } .rvp-wrap { -webkit-font-smoothing: antialiased; } .rvp-wrap img, .rvp-wrap svg { display: block; max-width: 100%; } .rvp-wrap a { color: inherit; text-decoration: none; } .rvp-wrap ul { list-style: none; padding: 0; margin: 0; }  \/* \u2500\u2500 CONTENEDOR \u2500\u2500 *\/ .rvp-inner {   width: 100%;   max-width: var(--rvp-container);   margin: 0 auto;   padding: 0 var(--rvp-sp5); }  \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/ .rvp-eyebrow {   display: inline-flex;   align-items: center;   gap: var(--rvp-sp3);   font-family: var(--rvp-font-body);   font-size: 11px;   font-weight: 500;   letter-spacing: 0.16em;   text-transform: uppercase;   color: var(--rvp-red);   margin-bottom: 16px; } .rvp-eyebrow::before {   content: '';   width: 6px; height: 6px;   background: var(--rvp-red);   border-radius: 50%;   flex-shrink: 0; }  \/* \u2500\u2500 SECTION HEAD \u2500\u2500 *\/ .rvp-section-head { max-width: 720px; margin-bottom: var(--rvp-sp8); } .rvp-section-head h2 {   font-family: var(--rvp-font-display);   font-size: clamp(1.9rem, 3.6vw, 2.8rem);   font-weight: 700;   letter-spacing: -0.025em;   line-height: 1.08;   margin: 0 0 var(--rvp-sp5); } .rvp-section-head--dark h2  { color: var(--rvp-text-dark); } .rvp-section-head--dark .rvp-lead { color: var(--rvp-text-gray); } .rvp-section-head--light h2  { color: var(--rvp-text); } .rvp-section-head--light .rvp-lead { color: var(--rvp-text-muted); }  .rvp-lead {   font-family: var(--rvp-font-body);   font-size: clamp(1rem,1.6vw,1.125rem);   line-height: 1.65;   max-width: 56ch;   margin: 0; }  \/* \u2500\u2500 BOTONES \u2500\u2500 *\/ .rvp-btn {   display: inline-flex;   align-items: center;   justify-content: center;   gap: var(--rvp-sp3);   padding: 14px 24px;   border-radius: var(--rvp-r-pill);   font-family: var(--rvp-font-body);   font-weight: 500;   font-size: 14px;   letter-spacing: 0.04em;   text-transform: uppercase;   text-decoration: none;   cursor: pointer;   border: none;   transition: transform 220ms var(--rvp-ease), background 220ms var(--rvp-ease), box-shadow 220ms var(--rvp-ease);   white-space: nowrap; } .rvp-btn--primary { background: var(--rvp-red); color: #fff; box-shadow: 0 6px 24px rgba(232,52,75,0.28); } .rvp-btn--primary:hover { background: var(--rvp-red-deep); transform: translateY(-2px); box-shadow: 0 10px 32px rgba(232,52,75,0.42); color: #fff; } .rvp-btn--ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.22); } .rvp-btn--ghost:hover { border-color: #fff; background: rgba(255,255,255,0.04); color: #fff; } .rvp-btn--inverted { background: #fff; color: var(--rvp-red); box-shadow: 0 8px 28px rgba(0,0,0,0.22); } .rvp-btn--inverted:hover { transform: translateY(-3px); box-shadow: 0 14px 36px rgba(0,0,0,0.3); background: #F9F9F9; color: var(--rvp-red-deep); }  \/* \u2500\u2500 REVEAL ANIMATION \u2500\u2500 *\/ .rvp-reveal {   opacity: 0;   transform: translateY(22px);   transition: opacity 650ms var(--rvp-ease), transform 650ms var(--rvp-ease); } .rvp-reveal.is-vis { opacity: 1; transform: translateY(0); } .rvp-reveal:nth-child(2) { transition-delay: 80ms; } .rvp-reveal:nth-child(3) { transition-delay: 160ms; } .rvp-reveal:nth-child(4) { transition-delay: 240ms; } .rvp-reveal:nth-child(5) { transition-delay: 300ms; } .rvp-reveal:nth-child(6) { transition-delay: 360ms; }  \/* \u2500\u2500 FADE-UP (hero) \u2500\u2500 *\/ @keyframes rvp-fadeup {   from { opacity:0; transform:translateY(20px); }   to   { opacity:1; transform:translateY(0); } } .rvp-fu   { animation: rvp-fadeup 700ms var(--rvp-ease) both; } .rvp-fu-1 { animation-delay: 80ms; } .rvp-fu-2 { animation-delay: 180ms; } .rvp-fu-3 { animation-delay: 280ms; } <\/style>  <script> \/* \u2500\u2500 REVEAL OBSERVER GLOBAL \u2500\u2500 *\/ (function(){   if (!('IntersectionObserver' in window)) {     document.querySelectorAll('.rvp-reveal').forEach(function(el){ el.classList.add('is-vis'); });     return;   }   var obs = new IntersectionObserver(function(entries){     entries.forEach(function(entry){       if (entry.isIntersecting) {         entry.target.classList.add('is-vis');         obs.unobserve(entry.target);       }     });   }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });   document.querySelectorAll('.rvp-reveal').forEach(function(el){ obs.observe(el); }); })(); <\/script>","footnotes":""},"class_list":["post-6037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/pages\/6037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/comments?post=6037"}],"version-history":[{"count":8,"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/pages\/6037\/revisions"}],"predecessor-version":[{"id":6403,"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/pages\/6037\/revisions\/6403"}],"wp:attachment":[{"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/media?parent=6037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}