{"id":5869,"date":"2026-05-20T12:41:55","date_gmt":"2026-05-20T12:41:55","guid":{"rendered":"https:\/\/ruvic.ai\/?page_id=5869"},"modified":"2026-07-30T16:09:38","modified_gmt":"2026-07-30T16:09:38","slug":"contacto","status":"publish","type":"page","link":"https:\/\/ruvic.ai\/en\/contacto\/","title":{"rendered":"contacto"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@300;400;500;600;700;800&amp;family=Rubik:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<!-- ============================================================\n     RUVIC AI \u2014 LANDING AGENDA TU DEMO (bloque \u00fanico WP)\n     Pega TODO este contenido en un bloque \"HTML personalizado\".\n\n     IM\u00c1GENES: ya apuntan a la biblioteca de medios (uploads\/2026\/07).\n     FORM: conectar el atributo action=\"\" del <form id=\"rdemo-form\">\n     al endpoint \/ CRM correspondiente.\n     ============================================================ -->\n\n<style>\n#ruvic-demo, #ruvic-demo * { box-sizing: border-box; margin: 0; padding: 0; }\n#ruvic-demo a { text-decoration: none; }\n\n#ruvic-demo {\n  \/* breakout: el bloque puede estar limitado a 1170px por el tema.\n     --rd-full la fija el JS al ancho real del viewport (sin scrollbar)\n     para evitar scroll horizontal *\/\n  width: var(--rd-full, 100%);\n  position: relative;\n  margin-left: calc((100% - var(--rd-full, 100%)) \/ 2);\n  font-family: 'Syne', sans-serif;\n  overflow: hidden;\n}\n#ruvic-demo .rd-inner {\n  \/* 1170px de contenido real + padding lateral aparte *\/\n  max-width: calc(1170px + 3rem);\n  margin: 0 auto;\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   1. HERO + FORMULARIO\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ruvic-demo .rd-hero {\n  background-color: #101630;\n  background-image: url('https:\/\/ruvic.ai\/wp-content\/uploads\/2026\/07\/cielo-estrellado-contacto.png');\n  background-size: cover;\n  background-position: center;\n  position: relative;\n  overflow: hidden;\n}\n#ruvic-demo .rd-hero .rd-inner {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-between;\n  gap: 3rem;\n  padding-top: 64px;\n  padding-bottom: 64px;\n}\n\n\/* Columna izquierda: texto + cubo *\/\n#ruvic-demo .rd-hero-text {\n  flex: 1 1 auto;\n  max-width: 660px;\n  display: flex;\n  flex-direction: column;\n  padding-top: 24px;\n}\n#ruvic-demo .rd-hero-title {\n  font-size: 56px;\n  font-weight: 500;\n  line-height: 1.16;\n  color: #FFFFFF;\n  font-family: 'Syne', sans-serif !important;\n}\n#ruvic-demo .rd-hero-title .gold { color: #F2AF5E; }\n#ruvic-demo .rd-hero-title .red  { color: #FF363A; }\n#ruvic-demo .rd-hero-desc {\n  \/* H6 Syne 400, line-height 135%, caja de 658px (Figma 24px, reducido a pedido) *\/\n  margin-top: 34px;\n  font-size: 22px;\n  font-weight: 400;\n  line-height: 1.35;\n  color: #FFFFFF;\n  max-width: 603px;\n  font-family: 'Syne', sans-serif !important;\n}\n#ruvic-demo .rd-hero-cubo {\n  margin-top: 40px;\n  pointer-events: none;\n  line-height: 0;\n}\n#ruvic-demo .rd-hero-cubo img {\n  display: block;\n  width: 100%;\n  max-width: 500px;\n  height: auto;\n  \/* centrado respecto a la columna de texto *\/\n  margin: 0 auto;\n}\n\n\/* Columna derecha: card del formulario *\/\n#ruvic-demo .rd-form-card {\n  flex: 0 0 470px;\n  max-width: 470px;\n  background: #FFFFFF;\n  \/* sup-izq y inf-der rectas; sup-der y inf-izq redondeadas *\/\n  border-radius: 0 48px 0 48px;\n  padding: 48px 42px 44px;\n  align-self: flex-start;\n}\n#ruvic-demo .rd-form-title {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 25px;\n  font-weight: 600;\n  color: #101630;\n  margin-bottom: 28px;\n}\n#ruvic-demo .rd-form-title .red { color: #FF363A; }\n\n#ruvic-demo .rd-form-row {\n  display: flex;\n  gap: 26px;\n}\n#ruvic-demo .rd-form-row > * { flex: 1 1 0; min-width: 0; }\n\n\/* campo con label flotante *\/\n#ruvic-demo .rd-f { position: relative; }\n#ruvic-demo .rd-field {\n  display: block;\n  width: 100%;\n  border: none;\n  border-bottom: 1px solid #101630;\n  border-radius: 0;\n  background: transparent;\n  font-family: 'Syne', sans-serif !important;\n  font-size: 14px;\n  font-weight: 500;\n  color: #101630;\n  padding: 27px 0 12px;\n  outline: none;\n  -webkit-appearance: none;\n  appearance: none;\n  transition: border-color 0.2s;\n}\n#ruvic-demo .rd-field::placeholder { color: transparent; }\n#ruvic-demo .rd-field:focus { border-bottom-color: #FF363A; }\n#ruvic-demo .rd-field.er { border-bottom-color: #FF363A; }\n\n#ruvic-demo .rd-f > label {\n  position: absolute;\n  top: 29px;\n  left: 0;\n  font-family: 'Syne', sans-serif !important;\n  font-size: 12.5px;\n  font-weight: 500;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: #101630;\n  line-height: 1;\n  pointer-events: none;\n  transition: top 0.2s, font-size 0.2s, color 0.2s;\n}\n#ruvic-demo .rd-field:focus ~ label,\n#ruvic-demo .rd-field:not(:placeholder-shown) ~ label {\n  top: 10px;\n  font-size: 10px;\n  color: #AAAAAA;\n}\n\n\/* mensaje de error por campo *\/\n#ruvic-demo .rd-fe {\n  position: absolute;\n  bottom: -15px;\n  left: 0;\n  font-family: 'Syne', sans-serif !important;\n  font-size: 10.5px;\n  color: #FF363A;\n  line-height: 1.2;\n}\n\n\/* dropdown custom *\/\n#ruvic-demo .rd-dd-t {\n  width: 100%;\n  border: none;\n  border-bottom: 1px solid #101630;\n  border-radius: 0;\n  background: transparent;\n  font-family: 'Syne', sans-serif !important;\n  font-size: 14px;\n  font-weight: 500;\n  color: #101630;\n  text-align: left;\n  padding: 27px 2px 12px 0;\n  min-height: 53px;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 8px;\n  outline: none;\n  -webkit-appearance: none;\n  appearance: none;\n  transition: border-color 0.2s;\n}\n#ruvic-demo .rd-dd-t:focus { border-bottom-color: #FF363A; }\n#ruvic-demo .rd-dd.er .rd-dd-t { border-bottom-color: #FF363A; }\n#ruvic-demo .rd-dd-t svg { flex-shrink: 0; margin-bottom: 4px; transition: transform 0.2s; }\n#ruvic-demo .rd-dd.open .rd-dd-t svg { transform: rotate(180deg); }\n#ruvic-demo .rd-dd-t span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n#ruvic-demo .rd-dd.open > label,\n#ruvic-demo .rd-dd.has > label {\n  top: 10px;\n  font-size: 10px;\n  color: #AAAAAA;\n}\n#ruvic-demo .rd-dd-l {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: 30;\n  background: #FFFFFF;\n  border: 1px solid #ECECEC;\n  border-radius: 10px;\n  box-shadow: 0 14px 36px rgba(16,22,48,0.16);\n  list-style: none;\n  margin: 6px 0 0;\n  padding: 6px;\n  max-height: min(300px, 42vh);\n  overflow: auto;\n  scrollbar-width: thin;\n  scrollbar-color: #D8D8DC transparent;\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(-4px);\n  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;\n}\n#ruvic-demo .rd-dd.open .rd-dd-l { opacity: 1; visibility: visible; transform: translateY(0); }\n#ruvic-demo .rd-dd.up .rd-dd-l { top: auto; bottom: 100%; margin: 0 0 6px; transform: translateY(4px); }\n#ruvic-demo .rd-dd.up.open .rd-dd-l { transform: translateY(0); }\n#ruvic-demo .rd-dd-l li {\n  padding: 10px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-family: 'Syne', sans-serif !important;\n  font-size: 13px;\n  color: #101630;\n  transition: background 0.15s;\n}\n#ruvic-demo .rd-dd-l li:hover { background: #F2F3F7; }\n#ruvic-demo .rd-dd-l li.sel { background: #101630; color: #FFFFFF; }\n#ruvic-demo .rd-dd-l::-webkit-scrollbar { width: 6px; }\n#ruvic-demo .rd-dd-l::-webkit-scrollbar-track { background: transparent; }\n#ruvic-demo .rd-dd-l::-webkit-scrollbar-thumb { background: #D8D8DC; border-radius: 3px; }\n\n\/* error de t\u00e9rminos *\/\n#ruvic-demo .rd-te {\n  display: block;\n  font-family: 'Syne', sans-serif !important;\n  font-size: 10.5px;\n  color: #FF363A;\n  min-height: 13px;\n  margin-top: 4px;\n}\n\n#ruvic-demo .rd-form-terms {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 34px;\n  font-family: 'Syne', sans-serif !important;\n  font-size: 14px;\n  font-weight: 400;\n  color: #101630;\n  cursor: pointer;\n}\n#ruvic-demo .rd-form-terms input {\n  width: 15px;\n  height: 15px;\n  accent-color: #FF363A;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n#ruvic-demo .rd-form-terms a {\n  color: #101630;\n  text-decoration: underline;\n}\n\n#ruvic-demo .rd-form-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  width: 100%;\n  margin-top: 28px;\n  background: #FF363A;\n  color: #FFFFFF;\n  border: none;\n  border-radius: 10px;\n  height: 54px;\n  font-family: 'Syne', sans-serif !important;\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  cursor: pointer;\n  transition: background 0.2s;\n}\n#ruvic-demo .rd-form-btn:hover { background: #d42d30; }\n#ruvic-demo .rd-form-btn:disabled { opacity: 0.6; cursor: not-allowed; }\n\n\/* spinner del bot\u00f3n mientras env\u00eda *\/\n#ruvic-demo .rd-form-btn .rd-sp {\n  display: none;\n  width: 15px;\n  height: 15px;\n  border: 2px solid rgba(255,255,255,0.35);\n  border-top-color: #FFFFFF;\n  border-radius: 50%;\n  animation: rdSpin 0.7s linear infinite;\n}\n#ruvic-demo .rd-form-btn.ld .rd-sp { display: inline-block; }\n#ruvic-demo .rd-form-btn.ld .rd-bt { display: none; }\n@keyframes rdSpin { to { transform: rotate(360deg); } }\n\n#ruvic-demo .rd-form-msg {\n  display: none;\n  margin-top: 16px;\n  font-family: 'Syne', sans-serif !important;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  text-align: center;\n}\n#ruvic-demo .rd-form-msg.ok    { display: block; color: #189A4A; }\n#ruvic-demo .rd-form-msg.error { display: block; color: #d42d30; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   2. POR QU\u00c9 RUVIC (crema + cuadritos arriba-izq)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ruvic-demo .rd-why {\n  background: #FDF2E1;\n  position: relative;\n  overflow: hidden;\n}\n#ruvic-demo .rd-why .rd-inner {\n  padding-top: 56px;\n  padding-bottom: 72px;\n  position: relative;\n  z-index: 2;\n}\n#ruvic-demo .rd-deco {\n  position: absolute;\n  pointer-events: none;\n  line-height: 0;\n  font-size: 0;\n  z-index: 1;\n}\n#ruvic-demo .rd-deco svg { display: block; width: 307px; height: 112px; }\n#ruvic-demo .rd-deco-left {\n  top: 0.3rem;\n  \/* alineado al borde izquierdo del contenido de 1170px *\/\n  left: max(24px, calc((100% - 1170px) \/ 2));\n}\n\n#ruvic-demo .rd-kicker {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: #FF363A;\n  text-align: center;\n}\n#ruvic-demo .rd-h2 {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 36px;\n  font-weight: 600;\n  line-height: 1.25;\n  color: #101630;\n  text-align: center;\n  margin: 18px auto 0;\n  max-width: 620px;\n}\n#ruvic-demo .rd-h2 .red { color: #FF363A; }\n\/* salto de l\u00ednea solo en m\u00f3vil *\/\n#ruvic-demo .rd-br-m { display: none; }\n#ruvic-demo .rd-h2--wide { max-width: 760px; }\n\n#ruvic-demo .rd-why-cards {\n  display: flex;\n  gap: 24px;\n  margin-top: 52px;\n}\n#ruvic-demo .rd-why-card {\n  flex: 1 1 0;\n  background: #FFFFFF;\n  \/* sup-izq y inf-der rectas; sup-der y inf-izq redondeadas *\/\n  border-radius: 0 40px 0 40px;\n  padding: 30px 28px 32px;\n}\n#ruvic-demo .rd-icon {\n  width: 46px;\n  height: 46px;\n  border-radius: 12px;\n  background: #FF363A;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n}\n#ruvic-demo .rd-icon svg { display: block; width: 30px; height: 30px; }\n#ruvic-demo .rd-why-card h3 {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 24px;\n  font-weight: 400;\n  color: #101630;\n  margin-bottom: 12px;\n}\n#ruvic-demo .rd-why-card p {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 18px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #101630;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   3. BANDA BOAT (navy, esquinas inferiores redondeadas)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* filo crema alrededor del card navy *\/\n#ruvic-demo .rd-boat-wrap {\n  background: #FDF2E1;\n  padding-bottom: 18px;\n}\n#ruvic-demo .rd-boat {\n  background: #101630;\n  \/* sup-izq y inf-der rectas; sup-der y inf-izq redondeadas *\/\n  border-radius: 0 50px 0 50px;\n  padding: 64px 1.5rem 56px;\n}\n#ruvic-demo .rd-boat-pill {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  width: fit-content;\n  margin: 0 auto;\n  border: 1px solid #FFFFFF;\n  border-radius: 999px;\n  padding: 16px 34px;\n}\n#ruvic-demo .rd-boat-pill svg { display: block; width: 24px; height: 24px; flex-shrink: 0; }\n#ruvic-demo .rd-boat-pill span {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #FFFFFF;\n  white-space: nowrap;\n}\n#ruvic-demo .rd-boat-desc {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 17px;\n  font-weight: 300;\n  line-height: 1.55;\n  color: #FFFFFF;\n  text-align: center;\n  max-width: 640px;\n  margin: 30px auto 0;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   4. C\u00d3MO FUNCIONA (blanco + cuadritos arriba-der)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ruvic-demo .rd-how {\n  background: #FFFFFF;\n  position: relative;\n  overflow: hidden;\n}\n#ruvic-demo .rd-how .rd-inner {\n  padding-top: 64px;\n  padding-bottom: 72px;\n  position: relative;\n  z-index: 2;\n}\n#ruvic-demo .rd-deco-right {\n  top: 0;\n  \/* alineado al borde derecho del contenido de 1170px *\/\n  right: max(24px, calc((100% - 1170px) \/ 2));\n}\n\n#ruvic-demo .rd-steps {\n  display: flex;\n  gap: 32px;\n  margin-top: 56px;\n}\n#ruvic-demo .rd-step { flex: 1 1 0; }\n#ruvic-demo .rd-step-head {\n  display: flex;\n  \/* el cuadro se ancla a la primera l\u00ednea del t\u00edtulo (por si hace 2 l\u00edneas) *\/\n  align-items: flex-start;\n  gap: 12px;\n  margin-bottom: 14px;\n}\n#ruvic-demo .rd-step-num {\n  width: 38px;\n  height: 38px;\n  \/* sup-izq y inf-der rectas; sup-der y inf-izq redondeadas *\/\n  border-radius: 0 10px 0 10px;\n  background: #FF363A;\n  color: #FFFFFF;\n  font-family: 'Rubik', sans-serif !important;\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  \/* sube apenas el d\u00edgito dentro del cuadro *\/\n  padding-bottom: 3px;\n}\n#ruvic-demo .rd-step h3 {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 1.2;\n  color: #101630;\n  \/* centra la 1\u00aa l\u00ednea respecto al cuadro del n\u00famero (38px) *\/\n  padding-top: 0px;\n}\n\/* los t\u00edtulos de una l\u00ednea (1 y 3) bajan para centrarse con el cuadro *\/\n#ruvic-demo .rd-step:nth-child(1) h3,\n#ruvic-demo .rd-step:nth-child(3) h3 { padding-top: 6px; }\n\/* el paso 2 (t\u00edtulo de 2 l\u00edneas) lleva menos espacio antes de la descripci\u00f3n *\/\n#ruvic-demo .rd-step:nth-child(2) p { margin-top: 18px; }\n#ruvic-demo .rd-step p {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 18px;\n  font-weight: 400;\n  line-height: 1.6;\n  color: #101630;\n  \/* alineada con el cuadro del n\u00famero, no con el t\u00edtulo *\/\n  padding-left: 0;\n  margin-top: 22px;\n}\n\/* el paso 1 (texto corto) se reparte en 3 l\u00edneas *\/\n#ruvic-demo .rd-step:nth-child(1) p { max-width: 300px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   5. TESTIMONIOS (contenedor borde rojo + grid)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* franja crema con grid a todo el ancho; el marco rojo va inset *\/\n#ruvic-demo .rd-testi-wrap {\n  background-color: #FDF2E1;\n  background-image:\n    linear-gradient(rgba(242,175,94,0.18) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(242,175,94,0.18) 1px, transparent 1px);\n  background-size: 56px 56px;\n  padding: 20px 20px 24px;\n}\n#ruvic-demo .rd-testi {\n  border: 2px solid #FF363A;\n  \/* sup-izq y inf-der rectas; sup-der y inf-izq redondeadas *\/\n  border-radius: 0 48px 0 48px;\n  padding: 64px 40px 88px;\n  overflow: hidden;\n}\n#ruvic-demo .rd-testi-title {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1.3;\n  color: #101630;\n  text-align: center;\n}\n#ruvic-demo .rd-testi-title .red { color: #FF363A; }\n\n#ruvic-demo .rd-testi-viewport {\n  max-width: 960px;\n  margin: 48px auto 0;\n  overflow: hidden;\n}\n#ruvic-demo .rd-testi-track {\n  display: flex;\n  gap: 32px;\n  transition: transform 0.45s ease;\n}\n#ruvic-demo .rd-testi-card {\n  flex: 0 0 calc(50% - 16px);\n  background: #FFFFFF;\n  border-radius: 22px;\n  padding: 32px 34px 64px;\n  min-height: 320px;\n}\n#ruvic-demo .rd-testi-client {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n#ruvic-demo .rd-testi-client > div {\n  flex-shrink: 0;\n}\n#ruvic-demo .rd-testi-logo {\n  height: auto;\n  width: auto;\n  max-height: 64px;\n  max-width: 160px;\n  object-fit: contain;\n  flex-shrink: 1;\n  min-width: 0;\n}\n\/* el archivo fuente de este logo trae mucho margen transparente alrededor;\n   se recorta con object-fit:cover en una caja del ratio real del contenido *\/\n#ruvic-demo .rd-testi-logo.rd-logo-crop {\n  width: 130px;\n  height: 47px;\n  max-width: 130px;\n  max-height: none;\n  object-fit: cover;\n  object-position: center;\n}\n#ruvic-demo .rd-testi-name {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 24px;\n  font-weight: 400;\n  color: #101630;\n  white-space: nowrap;\n}\n#ruvic-demo .rd-testi-industry {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: #FF363A;\n  margin-top: 3px;\n  white-space: nowrap;\n}\n#ruvic-demo .rd-testi-card blockquote {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 22px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #101630;\n  border: none;\n  background: none;\n}\n#ruvic-demo .rd-testi-nav {\n  display: flex;\n  justify-content: center;\n  gap: 14px;\n  margin-top: 40px;\n}\n#ruvic-demo .rd-testi-nav button {\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  border: none;\n  background: #101630;\n  color: #FFFFFF;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 0.2s;\n}\n#ruvic-demo .rd-testi-nav button:hover { background: #FF363A; }\n#ruvic-demo .rd-testi-nav svg { display: block; width: 16px; height: 16px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   6. CTA FINAL (navy)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ruvic-demo .rd-cta {\n  background: #101630;\n  padding: 72px 1.5rem;\n}\n#ruvic-demo .rd-cta h2 {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 28px;\n  font-weight: 400;\n  color: #FFFFFF;\n  text-align: center;\n}\n#ruvic-demo .rd-cta p {\n  font-family: 'Syne', sans-serif !important;\n  font-size: 18px;\n  font-weight: 400;\n  color: #FFFFFF;\n  text-align: center;\n  margin-top: 16px;\n}\n#ruvic-demo .rd-cta-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  margin: 32px auto 0;\n  background: #FF363A;\n  color: #FFFFFF;\n  font-family: 'Syne', sans-serif !important;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  border-radius: 8px;\n  padding: 15px 26px;\n  transition: background 0.2s;\n}\n#ruvic-demo .rd-cta-btn:hover { background: #d42d30; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1024px) {\n  #ruvic-demo .rd-hero-title { font-size: 40px; }\n  #ruvic-demo .rd-form-card { flex: 0 0 400px; max-width: 400px; padding: 32px 30px 28px; }\n  #ruvic-demo .rd-why-cards { flex-wrap: wrap; }\n  #ruvic-demo .rd-why-card { flex: 1 1 calc(50% - 12px); }\n  #ruvic-demo .rd-steps { flex-direction: column; gap: 32px; }\n}\n@media (max-width: 768px) {\n  #ruvic-demo .rd-hero .rd-inner { flex-direction: column; padding-top: 48px; padding-bottom: 48px; }\n  #ruvic-demo .rd-hero-text { max-width: 100%; padding-top: 0; }\n  #ruvic-demo .rd-hero-title { font-size: 34px; }\n  #ruvic-demo .rd-hero-desc { font-size: 19px; }\n  #ruvic-demo .rd-hero-cubo img { max-width: 400px; margin: 0 auto; }\n  \/* formulario compacto en m\u00f3vil *\/\n  #ruvic-demo .rd-form-card { flex: none; max-width: 100%; width: 100%; border-radius: 0 36px 0 36px; padding: 30px 24px 28px; }\n  #ruvic-demo .rd-form-title { font-size: 19px; margin-bottom: 16px; white-space: nowrap; }\n  \/* Pa\u00eds+Tel\u00e9fono y Empresa+Nivel se mantienen en 2 columnas *\/\n  #ruvic-demo .rd-form-row { gap: 20px; }\n  \/* 16px m\u00ednimo: evita el auto-zoom de iOS Safari al enfocar campos *\/\n  #ruvic-demo .rd-field, #ruvic-demo .rd-dd-t { font-size: 16px; padding-top: 18px; padding-bottom: 7px; }\n  #ruvic-demo .rd-dd-t { min-height: 43px; }\n  #ruvic-demo .rd-f > label { top: 19px; font-size: 11px; }\n  #ruvic-demo .rd-field:focus ~ label,\n  #ruvic-demo .rd-field:not(:placeholder-shown) ~ label,\n  #ruvic-demo .rd-dd.open > label,\n  #ruvic-demo .rd-dd.has > label { top: 4px; }\n  #ruvic-demo .rd-form-terms { margin-top: 24px; }\n  #ruvic-demo .rd-form-btn { margin-top: 20px; height: 50px; }\n  #ruvic-demo .rd-h2 { font-size: 27px; }\n  #ruvic-demo .rd-br-m { display: inline; }\n  \/* CTA: la descripci\u00f3n mantiene sus 2 l\u00edneas; baja de tama\u00f1o solo si no cabe *\/\n  #ruvic-demo .rd-cta p { font-size: clamp(12px, 3.6vw, 17px); }\n  \/* pasos compactos en m\u00f3vil *\/\n  #ruvic-demo .rd-steps { gap: 26px; margin-top: 26px; }\n  #ruvic-demo .rd-step-num { width: 32px; height: 32px; font-size: 20px; border-radius: 0 8px 0 8px; }\n  #ruvic-demo .rd-step-head { gap: 10px; margin-bottom: 0; }\n  #ruvic-demo .rd-step h3 { font-size: 24px; font-weight: 400; }\n  #ruvic-demo .rd-step:nth-child(1) h3,\n  #ruvic-demo .rd-step:nth-child(3) h3 { padding-top: 2px; }\n  #ruvic-demo .rd-step p { font-size: 18px; font-weight: 400; line-height: 1.6; margin-top: 12px; max-width: none; }\n  #ruvic-demo .rd-step:nth-child(1) p { max-width: none; }\n  #ruvic-demo .rd-step:nth-child(2) p { margin-top: 12px; }\n\n  \/* cards compactas: icono y t\u00edtulo en la misma fila *\/\n  #ruvic-demo .rd-why-cards { gap: 18px; margin-top: 36px; }\n  #ruvic-demo .rd-why-card {\n    flex: 1 1 100%;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    column-gap: 14px;\n    padding: 22px 20px;\n  }\n  #ruvic-demo .rd-icon { margin-bottom: 0; width: 44px; height: 44px; }\n  #ruvic-demo .rd-icon svg { width: 26px; height: 26px; }\n  #ruvic-demo .rd-why-card h3 { flex: 1; margin-bottom: 0; font-size: 21px; }\n  #ruvic-demo .rd-why-card p { flex-basis: 100%; margin-top: 14px; font-size: 16px; }\n  #ruvic-demo .rd-deco svg { width: 210px; height: auto; }\n  \/* la decoraci\u00f3n de cuadritos no debe pisar el kicker *\/\n  #ruvic-demo .rd-why .rd-inner { padding-top: 70px; }\n  #ruvic-demo .rd-how .rd-inner { padding-top: 88px; }\n  \/* banda BOAT compacta: pill en una l\u00ednea y textos m\u00e1s chicos *\/\n  #ruvic-demo .rd-boat { border-radius: 0 30px 0 30px; padding: 40px 1rem 36px; }\n  #ruvic-demo .rd-boat-pill { padding: 12px 18px; gap: 8px; }\n  #ruvic-demo .rd-boat-pill svg { width: 18px; height: 18px; }\n  #ruvic-demo .rd-boat-pill span { white-space: nowrap; font-size: 11.5px; letter-spacing: 0.06em; }\n  #ruvic-demo .rd-boat-desc { font-size: 14.5px; margin-top: 20px; max-width: 345px; }\n  #ruvic-demo .rd-testi { border-radius: 0 32px 0 32px; padding: 44px 14px 36px; }\n  #ruvic-demo .rd-testi-wrap { padding: 14px 14px 18px; }\n  #ruvic-demo .rd-testi-logo { max-height: 46px; max-width: 115px; }\n  #ruvic-demo .rd-testi-logo.rd-logo-crop { width: 96px; height: 35px; max-width: 96px; }\n  \/* 37px cuando cabe; en pantallas muy angostas baja lo justo\n     para mantener las 3 l\u00edneas (Operaciones m\u00e1s \/ inteligentes. \/ Resultados reales.) *\/\n  #ruvic-demo .rd-testi-title { font-size: clamp(28px, 8.7vw, 37px); }\n  #ruvic-demo .rd-testi-card { flex: 0 0 100%; padding: 28px 20px 40px; min-height: 0; }\n  \/* solo la cita baja de tama\u00f1o en m\u00f3vil; Cliente e INDUSTRIA quedan igual *\/\n  #ruvic-demo .rd-testi-card blockquote { font-size: 17px; line-height: 1.55; }\n}\n<\/style>\n\n<div id=\"ruvic-demo\">\n\n  <!-- \u2550\u2550 1. HERO + FORMULARIO \u2550\u2550 -->\n  <div class=\"rd-hero\" id=\"demo-form\">\n    <div class=\"rd-inner\">\n      <div class=\"rd-hero-text\">\n        <h1 class=\"rd-hero-title\">\n          Tu negocio no necesita<br>\n          <span class=\"gold\">m\u00e1s herramientas.<\/span><br>\n          Necesita <span class=\"red\">orquestaci\u00f3n<\/span>\n        <\/h1>\n        <p class=\"rd-hero-desc\">\n          Menos fricci\u00f3n, m\u00e1s operaci\u00f3n. Nos adaptamos a las herramientas\n          que ya usas, con agentes de IA coordinados y control humano\n          en cada paso.\n        <\/p>\n        <div class=\"rd-hero-cubo\">\n          <img decoding=\"async\" src=\"https:\/\/ruvic.ai\/wp-content\/uploads\/2026\/07\/Ruvic-cubo.png\" alt=\"Cubo Ruvic AI\" loading=\"eager\">\n        <\/div>\n      <\/div>\n\n      <div class=\"rd-form-card\">\n        <h2 class=\"rd-form-title\">Agenda tu demo con <span class=\"red\">Ruvic AI<\/span><\/h2>\n        <!-- Conectar action=\"\" al endpoint \/ CRM -->\n        <form id=\"rdemo-form\" action=\"\" method=\"post\" novalidate=\"\">\n          <div class=\"rd-f\">\n            <input class=\"rd-field\" type=\"text\" id=\"rd-n\" name=\"nombre\" placeholder=\" \" autocomplete=\"name\">\n            <label for=\"rd-n\">Nombre<\/label>\n            <span class=\"rd-fe\" id=\"rd-e-n\"><\/span>\n          <\/div>\n          <div class=\"rd-f\">\n            <input class=\"rd-field\" type=\"email\" id=\"rd-e\" name=\"email\" placeholder=\" \" autocomplete=\"email\">\n            <label for=\"rd-e\">Email corporativo<\/label>\n            <span class=\"rd-fe\" id=\"rd-e-e\"><\/span>\n          <\/div>\n          <div class=\"rd-form-row\">\n            <div class=\"rd-f\">\n              <input class=\"rd-field\" type=\"text\" id=\"rd-p\" name=\"pais\" placeholder=\" \" autocomplete=\"country-name\">\n              <label for=\"rd-p\">Pa\u00eds<\/label>\n              <span class=\"rd-fe\" id=\"rd-e-p\"><\/span>\n            <\/div>\n            <div class=\"rd-f\">\n              <input class=\"rd-field\" type=\"tel\" id=\"rd-t\" name=\"telefono\" placeholder=\" \" autocomplete=\"tel\">\n              <label for=\"rd-t\">Tel\u00e9fono<\/label>\n              <span class=\"rd-fe\" id=\"rd-e-t\"><\/span>\n            <\/div>\n          <\/div>\n          <div class=\"rd-form-row\">\n            <div class=\"rd-f\">\n              <input class=\"rd-field\" type=\"text\" id=\"rd-em\" name=\"empresa\" placeholder=\" \" autocomplete=\"organization\">\n              <label for=\"rd-em\">Empresa<\/label>\n              <span class=\"rd-fe\" id=\"rd-e-em\"><\/span>\n            <\/div>\n            <div class=\"rd-f rd-dd\" id=\"rd-dd-c\">\n              <input type=\"hidden\" id=\"rd-c\" name=\"nivel_puesto\">\n              <button type=\"button\" class=\"rd-dd-t\" id=\"rd-c-btn\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\n                <span><\/span>\n                <svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" aria-hidden=\"true\"><path d=\"M1 1l4 4 4-4\" stroke=\"#555\" stroke-width=\"1.5\"><\/path><\/svg>\n              <\/button>\n              <label for=\"rd-c-btn\">Cargo<\/label>\n              <ul class=\"rd-dd-l\" role=\"listbox\">\n                <li role=\"option\" data-v=\"C-Level\">C-Level<\/li>\n                <li role=\"option\" data-v=\"Gerencia \/ Direcci\u00f3n\">Gerencia \/ Direcci\u00f3n<\/li>\n                <li role=\"option\" data-v=\"Jefatura \/ Coordinaci\u00f3n\">Jefatura \/ Coordinaci\u00f3n<\/li>\n                <li role=\"option\" data-v=\"Analista \/ Especialista\">Analista \/ Especialista<\/li>\n                <li role=\"option\" data-v=\"Otro\">Otro<\/li>\n              <\/ul>\n              <span class=\"rd-fe\" id=\"rd-e-c\"><\/span>\n            <\/div>\n          <\/div>\n          <div class=\"rd-f rd-dd\" id=\"rd-dd-i\">\n            <input type=\"hidden\" id=\"rd-i\" name=\"industria\">\n            <button type=\"button\" class=\"rd-dd-t\" id=\"rd-i-btn\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\n              <span><\/span>\n              <svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" aria-hidden=\"true\"><path d=\"M1 1l4 4 4-4\" stroke=\"#555\" stroke-width=\"1.5\"><\/path><\/svg>\n            <\/button>\n            <label for=\"rd-i-btn\">Industria<\/label>\n            <ul class=\"rd-dd-l\" role=\"listbox\">\n              <li role=\"option\" data-v=\"Tecnolog\u00eda\">Tecnolog\u00eda<\/li>\n              <li role=\"option\" data-v=\"Ciberseguridad\">Ciberseguridad<\/li>\n              <li role=\"option\" data-v=\"Finanzas \/ Banca\">Finanzas \/ Banca<\/li>\n              <li role=\"option\" data-v=\"Salud\">Salud<\/li>\n              <li role=\"option\" data-v=\"Retail \/ Comercio\">Retail \/ Comercio<\/li>\n              <li role=\"option\" data-v=\"Manufactura\">Manufactura<\/li>\n              <li role=\"option\" data-v=\"Telecomunicaciones\">Telecomunicaciones<\/li>\n              <li role=\"option\" data-v=\"Educaci\u00f3n\">Educaci\u00f3n<\/li>\n              <li role=\"option\" data-v=\"Servicios profesionales\">Servicios profesionales<\/li>\n              <li role=\"option\" data-v=\"Otro\">Otro<\/li>\n            <\/ul>\n            <span class=\"rd-fe\" id=\"rd-e-i\"><\/span>\n          <\/div>\n          <div class=\"rd-f rd-dd\" id=\"rd-dd-pm\">\n            <input type=\"hidden\" id=\"rd-pm\" name=\"procesos_mes\">\n            <button type=\"button\" class=\"rd-dd-t\" id=\"rd-pm-btn\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\n              <span><\/span>\n              <svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" aria-hidden=\"true\"><path d=\"M1 1l4 4 4-4\" stroke=\"#555\" stroke-width=\"1.5\"><\/path><\/svg>\n            <\/button>\n            <label for=\"rd-pm-btn\">Procesos que gestionan al mes<\/label>\n            <ul class=\"rd-dd-l\" role=\"listbox\">\n              <li role=\"option\" data-v=\"Menos de 50\">Menos de 50<\/li>\n              <li role=\"option\" data-v=\"50 - 200\">50 &#8211; 200<\/li>\n              <li role=\"option\" data-v=\"200 - 500\">200 &#8211; 500<\/li>\n              <li role=\"option\" data-v=\"500 - 1.000\">500 &#8211; 1.000<\/li>\n              <li role=\"option\" data-v=\"M\u00e1s de 1.000\">M\u00e1s de 1.000<\/li>\n            <\/ul>\n            <span class=\"rd-fe\" id=\"rd-e-pm\"><\/span>\n          <\/div>\n          <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" style=\"display:none!important;position:absolute;left:-9999px\" aria-hidden=\"true\">\n          <label class=\"rd-form-terms\">\n            <input type=\"checkbox\" id=\"rd-tyc\" name=\"terminos\">\n            <span>Acepto los <a href=\"\/terminos-de-uso\/\" target=\"_blank\" rel=\"noopener\">T\u00e9rminos y Condiciones<\/a><\/span>\n          <\/label>\n          <span class=\"rd-te\" id=\"rd-e-tyc\"><\/span>\n          <button class=\"rd-form-btn\" type=\"submit\">\n            <span class=\"rd-bt\">Enviar<\/span>\n            <span class=\"rd-sp\" aria-hidden=\"true\"><\/span>\n          <\/button>\n          <p class=\"rd-form-msg\" role=\"status\" aria-live=\"polite\"><\/p>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550 2. POR QU\u00c9 RUVIC \u2550\u2550 -->\n  <div class=\"rd-why\">\n    <div class=\"rd-deco rd-deco-left\">\n      <svg width=\"307\" height=\"112\" viewBox=\"0 0 307 112\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M34 9.31204V34H9.34666C4.18634 34 0 29.8326 0 24.688V0H24.6533C29.8137 0 34 4.16743 34 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M73 9.31204V34H48.3467C43.1864 34 39 29.8326 39 24.688V0H63.6533C68.8136 0 73 4.16743 73 9.31204Z\" fill=\"#FF363A\"><\/path>\n        <path d=\"M112 9.31204V34H87.3467C82.1864 34 78 29.8326 78 24.688V0H102.653C107.814 0 112 4.16743 112 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M151 9.31204V34H126.347C121.186 34 117 29.8326 117 24.688V0H141.653C146.814 0 151 4.16743 151 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M190 9.31204V34H165.347C160.186 34 156 29.8326 156 24.688V0H180.653C185.814 0 190 4.16743 190 9.31204Z\" fill=\"#FF363A\"><\/path>\n        <path d=\"M229 9.31204V34H204.347C199.186 34 195 29.8326 195 24.688V0H219.653C224.814 0 229 4.16743 229 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M268 9.31204V34H243.347C238.186 34 234 29.8326 234 24.688V0H258.653C263.814 0 268 4.16743 268 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M307 9.31204V34H282.347C277.186 34 273 29.8326 273 24.688V0H297.653C302.814 0 307 4.16743 307 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M73 48.312V73H48.3467C43.1864 73 39 68.8326 39 63.688V39H63.6533C68.8137 39 73 43.1674 73 48.312Z\" fill=\"#101630\"><\/path>\n        <path d=\"M112 48.312V73H87.3467C82.1864 73 78 68.8326 78 63.688V39H102.653C107.814 39 112 43.1674 112 48.312Z\" fill=\"#101630\"><\/path>\n        <path d=\"M151 48.312V73H126.347C121.186 73 117 68.8326 117 63.688V39H141.653C146.814 39 151 43.1674 151 48.312Z\" fill=\"#101630\"><\/path>\n        <path d=\"M190 48.312V73H165.347C160.186 73 156 68.8326 156 63.688V39H180.653C185.814 39 190 43.1674 190 48.312Z\" fill=\"#101630\"><\/path>\n        <path d=\"M229 48.312V73H204.347C199.186 73 195 68.8326 195 63.688V39H219.653C224.814 39 229 43.1674 229 48.312Z\" fill=\"#FF363A\"><\/path>\n        <path d=\"M268 48.312V73H243.347C238.186 73 234 68.8326 234 63.688V39H258.653C263.814 39 268 43.1674 268 48.312Z\" fill=\"#101630\"><\/path>\n        <path d=\"M229 87.312V112H204.347C199.186 112 195 107.833 195 102.688V78H219.653C224.814 78 229 82.1674 229 87.312Z\" fill=\"#F2AF5E\" transform=\"translate(-98 0)\"><\/path>\n      <\/svg>\n    <\/div>\n    <div class=\"rd-inner\">\n      <p class=\"rd-kicker\">Por qu\u00e9 Ruvic<\/p>\n      <h2 class=\"rd-h2\">Todo lo que ya usas, ahora orquestado<\/h2>\n      <div class=\"rd-why-cards\">\n        <div class=\"rd-why-card\">\n          <div class=\"rd-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"2\" stroke=\"#FFFFFF\" stroke-width=\"2.2\"><\/rect>\n              <rect x=\"2\" y=\"2\" width=\"5\" height=\"5\" rx=\"1.4\" fill=\"#FF363A\" stroke=\"#FFFFFF\" stroke-width=\"2.2\"><\/rect>\n              <rect x=\"17\" y=\"2\" width=\"5\" height=\"5\" rx=\"1.4\" fill=\"#FF363A\" stroke=\"#FFFFFF\" stroke-width=\"2.2\"><\/rect>\n              <rect x=\"2\" y=\"17\" width=\"5\" height=\"5\" rx=\"1.4\" fill=\"#FF363A\" stroke=\"#FFFFFF\" stroke-width=\"2.2\"><\/rect>\n              <rect x=\"17\" y=\"17\" width=\"5\" height=\"5\" rx=\"1.4\" fill=\"#FF363A\" stroke=\"#FFFFFF\" stroke-width=\"2.2\"><\/rect>\n            <\/svg>\n          <\/div>\n          <h3>M\u00e1s de 400 conectores<\/h3>\n          <p>Se integra directamente con las herramientas que tu equipo ya usa todos los d\u00edas, sin proyectos de integraci\u00f3n adicionales.<\/p>\n        <\/div>\n        <div class=\"rd-why-card\">\n          <div class=\"rd-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"8\" y=\"3\" width=\"13\" height=\"13\" rx=\"2.5\" stroke=\"#FFFFFF\" stroke-width=\"2.2\"><\/rect>\n              <path d=\"M16 16V18.5C16 19.88 14.88 21 13.5 21H5.5C4.12 21 3 19.88 3 18.5V10.5C3 9.12 4.12 8 5.5 8H8\" stroke=\"#FFFFFF\" stroke-width=\"2.2\" stroke-linecap=\"round\"><\/path>\n            <\/svg>\n          <\/div>\n          <h3>Soporte multi-modelo<\/h3>\n          <p>Sin dependencia de un \u00fanico proveedor. Eliges y combinas los modelos que mejor se ajustan a cada proceso.<\/p>\n        <\/div>\n        <div class=\"rd-why-card\">\n          <div class=\"rd-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <circle cx=\"12\" cy=\"13\" r=\"8\" stroke=\"#FFFFFF\" stroke-width=\"2.2\"><\/circle>\n              <path d=\"M12 9V13.2L15 15\" stroke=\"#FFFFFF\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n              <path d=\"M9.5 2H14.5\" stroke=\"#FFFFFF\" stroke-width=\"2.2\" stroke-linecap=\"round\"><\/path>\n            <\/svg>\n          <\/div>\n          <h3>Primer proceso en 1 semana<\/h3>\n          <p>Sin migrar tu stack tecnol\u00f3gico. Ruvic se conecta a lo que ya tienes y empieza a operar.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550 3. BANDA BOAT \u2550\u2550 -->\n  <div class=\"rd-boat-wrap\">\n    <div class=\"rd-boat\">\n      <div class=\"rd-boat-pill\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M12 2.5L14.6 8.9L21.5 9.4L16.2 13.9L17.9 20.6L12 16.9L6.1 20.6L7.8 13.9L2.5 9.4L9.4 8.9L12 2.5Z\" stroke=\"#FF363A\" stroke-width=\"1.7\" stroke-linejoin=\"round\" fill=\"none\"><\/path>\n        <\/svg>\n        <span>Posicionado en la categor\u00eda BOAT<\/span>\n      <\/div>\n      <p class=\"rd-boat-desc\">\n        Business Orchestration &amp; Automation Technologies \u2014 la nueva categor\u00eda de\n        plataformas que orquestan procesos de negocio con IA y control humano.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550 4. C\u00d3MO FUNCIONA \u2550\u2550 -->\n  <div class=\"rd-how\">\n    <div class=\"rd-deco rd-deco-right\">\n      <svg width=\"307\" height=\"112\" viewBox=\"0 0 307 112\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M34 9.31204V34H9.34666C4.18634 34 0 29.8326 0 24.688V0H24.6533C29.8137 0 34 4.16743 34 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M73 9.31204V34H48.3467C43.1864 34 39 29.8326 39 24.688V0H63.6533C68.8136 0 73 4.16743 73 9.31204Z\" fill=\"#FF363A\"><\/path>\n        <path d=\"M112 9.31204V34H87.3467C82.1864 34 78 29.8326 78 24.688V0H102.653C107.814 0 112 4.16743 112 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M151 9.31204V34H126.347C121.186 34 117 29.8326 117 24.688V0H141.653C146.814 0 151 4.16743 151 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M190 9.31204V34H165.347C160.186 34 156 29.8326 156 24.688V0H180.653C185.814 0 190 4.16743 190 9.31204Z\" fill=\"#FF363A\"><\/path>\n        <path d=\"M229 9.31204V34H204.347C199.186 34 195 29.8326 195 24.688V0H219.653C224.814 0 229 4.16743 229 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M268 9.31204V34H243.347C238.186 34 234 29.8326 234 24.688V0H258.653C263.814 0 268 4.16743 268 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M307 9.31204V34H282.347C277.186 34 273 29.8326 273 24.688V0H297.653C302.814 0 307 4.16743 307 9.31204Z\" fill=\"#101630\"><\/path>\n        <path d=\"M73 48.312V73H48.3467C43.1864 73 39 68.8326 39 63.688V39H63.6533C68.8137 39 73 43.1674 73 48.312Z\" fill=\"#101630\"><\/path>\n        <path d=\"M112 48.312V73H87.3467C82.1864 73 78 68.8326 78 63.688V39H102.653C107.814 39 112 43.1674 112 48.312Z\" fill=\"#101630\"><\/path>\n        <path d=\"M151 48.312V73H126.347C121.186 73 117 68.8326 117 63.688V39H141.653C146.814 39 151 43.1674 151 48.312Z\" fill=\"#101630\"><\/path>\n        <path d=\"M190 48.312V73H165.347C160.186 73 156 68.8326 156 63.688V39H180.653C185.814 39 190 43.1674 190 48.312Z\" fill=\"#101630\"><\/path>\n        <path d=\"M229 48.312V73H204.347C199.186 73 195 68.8326 195 63.688V39H219.653C224.814 39 229 43.1674 229 48.312Z\" fill=\"#FF363A\"><\/path>\n        <path d=\"M268 48.312V73H243.347C238.186 73 234 68.8326 234 63.688V39H258.653C263.814 39 268 43.1674 268 48.312Z\" fill=\"#101630\"><\/path>\n        <path d=\"M229 87.312V112H204.347C199.186 112 195 107.833 195 102.688V78H219.653C224.814 78 229 82.1674 229 87.312Z\" fill=\"#F2AF5E\" transform=\"translate(19.5 0)\"><\/path>\n      <\/svg>\n    <\/div>\n    <div class=\"rd-inner\">\n      <p class=\"rd-kicker\">C\u00f3mo funciona<\/p>\n      <h2 class=\"rd-h2 rd-h2--wide\">De tu stack actual a<br class=\"rd-br-m\"> operar con <span class=\"red\">Ruvic AI,<\/span><br>en tres pasos<\/h2>\n      <div class=\"rd-steps\">\n        <div class=\"rd-step\">\n          <div class=\"rd-step-head\">\n            <span class=\"rd-step-num\">1<\/span>\n            <h3>Conecta tu stack<\/h3>\n          <\/div>\n          <p>Identificamos el proceso e integramos tus herramientas, sin reemplazar lo que ya funciona.<\/p>\n        <\/div>\n        <div class=\"rd-step\">\n          <div class=\"rd-step-head\">\n            <span class=\"rd-step-num\">2<\/span>\n            <h3>Configura con control humano<\/h3>\n          <\/div>\n          <p>Define reglas y puntos de validaci\u00f3n para que tu equipo mantenga el control sobre cada proceso automatizado.<\/p>\n        <\/div>\n        <div class=\"rd-step\">\n          <div class=\"rd-step-head\">\n            <span class=\"rd-step-num\">3<\/span>\n            <h3>Comienza a operar<\/h3>\n          <\/div>\n          <p>Tu operaci\u00f3n empieza a orquestarse con agentes de IA especializados, con visibilidad y trazabilidad desde el primer d\u00eda.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550 5. TESTIMONIOS \u2550\u2550 -->\n  <div class=\"rd-testi-wrap\">\n    <div class=\"rd-testi\">\n      <h2 class=\"rd-testi-title\">Operaciones m\u00e1s<br class=\"rd-br-m\"> inteligentes.<br class=\"rd-br-m\"> <span class=\"red\">Resultados reales.<\/span><\/h2>\n      <div class=\"rd-testi-viewport\">\n        <div class=\"rd-testi-track\" id=\"rd-testi-track\">\n          <div class=\"rd-testi-card\">\n            <div class=\"rd-testi-client\">\n              <div>\n                <p class=\"rd-testi-name\">Caso de \u00e9xito<\/p>\n                <p class=\"rd-testi-industry\">Ciberseguridad<\/p>\n              <\/div>\n              <img decoding=\"async\" class=\"rd-testi-logo rd-logo-crop\" src=\"https:\/\/ruvic.ai\/wp-content\/uploads\/2026\/06\/hero-img-1.png\" alt=\"SecureSoft\" loading=\"lazy\">\n            <\/div>\n            <blockquote>\u00abImplementamos Ruvic en menos de una semana y desde el primer d\u00eda notamos la diferencia. Nuestros procesos internos que tomaban d\u00edas ahora se completan en horas sin intervenci\u00f3n manual.\u00bb<\/blockquote>\n          <\/div>\n          <div class=\"rd-testi-card\">\n            <div class=\"rd-testi-client\">\n              <div>\n                <p class=\"rd-testi-name\">Caso de \u00e9xito<\/p>\n                <p class=\"rd-testi-industry\">Soluciones &amp; TI<\/p>\n              <\/div>\n              <img decoding=\"async\" class=\"rd-testi-logo\" src=\"https:\/\/ruvic.ai\/wp-content\/uploads\/2026\/05\/image-15-2.png\" alt=\"Colsof\" loading=\"lazy\">\n            <\/div>\n            <blockquote>\u00abLos usuarios esperaban hasta 4 horas en l\u00ednea solo para agendar una cita. Hoy, con Ruvic, esa misma gesti\u00f3n se resuelve en cuesti\u00f3n de minutos.\u00bb<\/blockquote>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"rd-testi-nav\">\n        <button type=\"button\" id=\"rd-testi-prev\" aria-label=\"Testimonio anterior\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M10 3L5 8L10 13\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n          <\/svg>\n        <\/button>\n        <button type=\"button\" id=\"rd-testi-next\" aria-label=\"Testimonio siguiente\">\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M6 3L11 8L6 13\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n          <\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550 6. CTA FINAL \u2550\u2550 -->\n  <div class=\"rd-cta\">\n    <h2>\u00bfListo para orquestar tu operaci\u00f3n con <strong>Ruvic AI<\/strong>?<\/h2>\n    <p>Agenda una demo con nuestro equipo y descubre<br class=\"rd-br-m\"> c\u00f3mo implementar tu primer proceso en una semana.<\/p>\n    <a class=\"rd-cta-btn\" href=\"#demo-form\">Agendar una demo<\/a>\n  <\/div>\n\n<\/div>\n\n<script>\ntry { (function(){\n  \/* Full-bleed sin scroll horizontal: ancho real del viewport (sin scrollbar) *\/\n  var wrap = document.getElementById('ruvic-demo');\n  if (wrap) {\n    var setFull = function(){\n      wrap.style.setProperty('--rd-full', document.documentElement.clientWidth + 'px');\n    };\n    setFull();\n    window.addEventListener('resize', setFull);\n    window.addEventListener('orientationchange', setFull);\n    if (window.visualViewport) window.visualViewport.addEventListener('resize', setFull);\n  }\n})(); } catch(e) { try { console.error('ruvic-demo:', e); } catch(_){} }\ntry { (function(){\n  \/* Env\u00edo AJAX del formulario (handler PHP: rjf_enviar_registro).\n     Requiere el snippet PHP que expone window.miFormulario {ajaxurl, nonce}.\n     Al \u00e9xito: el card muestra un check verde 4s y luego restaura el form. *\/\n\n  function successView() {\n    return '<div style=\"display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;min-height:480px;\">' +\n      '<div style=\"width:64px;height:64px;background:rgba(0,180,90,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;\">' +\n        '<svg width=\"32\" height=\"32\" fill=\"none\" stroke=\"#189A4A\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>' +\n      '<\/div>' +\n      '<h3 style=\"font-family:\\'Syne\\',sans-serif;font-size:1.3rem;font-weight:700;color:#101630;margin:0;\">\u00a1Registro exitoso!<\/h3>' +\n      '<p style=\"font-family:\\'Syne\\',sans-serif;font-size:.9rem;color:#555;margin:0;max-width:280px;\">Pronto nos pondremos en contacto contigo.<\/p>' +\n    '<\/div>';\n  }\n\n  \/* HTML pr\u00edstino del card, capturado al cargar (antes de cualquier interacci\u00f3n) *\/\n  var _cardInicial = (function () {\n    var c = document.querySelector('#ruvic-demo .rd-form-card');\n    return c ? c.innerHTML : '';\n  })();\n\n  function exito(card) {\n    card.innerHTML = successView();\n    setTimeout(function () {\n      card.style.opacity = '0';\n      card.style.transition = 'opacity .4s ease';\n      setTimeout(function () {\n        card.innerHTML = _cardInicial;\n        card.style.opacity = '0';\n        card.style.transition = 'opacity .6s ease';\n        setTimeout(function () { card.style.opacity = '1'; }, 50);\n        attachForm();\n      }, 400);\n    }, 4000);\n  }\n\n  var fs = [\n    { i: 'rd-n',  e: 'rd-e-n',  m: 'Ingresa tu nombre.',          v: function(s){ return s.length >= 2; } },\n    { i: 'rd-e',  e: 'rd-e-e',  m: 'Email corporativo inv\u00e1lido.', v: function(s){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(s); } },\n    { i: 'rd-p',  e: 'rd-e-p',  m: 'Ingresa tu pa\u00eds.',            v: function(s){ return s.length >= 2; } },\n    { i: 'rd-t',  e: 'rd-e-t',  m: 'Ingresa tu tel\u00e9fono.',        v: function(s){ return s.length >= 7; } },\n    { i: 'rd-em', e: 'rd-e-em', m: 'Ingresa tu empresa.',         v: function(s){ return s.length >= 2; } },\n    { i: 'rd-c',  e: 'rd-e-c',  m: 'Selecciona tu cargo.',        v: function(s){ return s.length >= 1; }, dd: 'rd-dd-c' },\n    { i: 'rd-i',  e: 'rd-e-i',  m: 'Selecciona tu industria.',    v: function(s){ return s.length >= 1; }, dd: 'rd-dd-i' },\n    { i: 'rd-pm', e: 'rd-e-pm', m: 'Selecciona una opci\u00f3n.',      v: function(s){ return s.length >= 1; }, dd: 'rd-dd-pm' }\n  ];\n\n  function validar() {\n    var ok = true;\n    fs.forEach(function (f) {\n      var el = document.getElementById(f.i), er = document.getElementById(f.e);\n      var marca = f.dd ? document.getElementById(f.dd) : el;\n      if (!f.v(el.value.trim())) { marca.classList.add('er'); er.textContent = f.m; ok = false; }\n      else { marca.classList.remove('er'); er.textContent = ''; }\n    });\n    var t = document.getElementById('rd-tyc'), te = document.getElementById('rd-e-tyc');\n    if (!t.checked) { te.textContent = 'Debes aceptar los t\u00e9rminos.'; ok = false; }\n    else { te.textContent = ''; }\n    return ok;\n  }\n\n  function attachForm() {\n    var form = document.getElementById('rdemo-form');\n    if (!form) return;\n    var btn  = form.querySelector('.rd-form-btn');\n    var msg  = form.querySelector('.rd-form-msg');\n    var card = form.closest('.rd-form-card');\n\n    function show(texto, cls) {\n      msg.textContent = texto;\n      msg.className = 'rd-form-msg' + (cls ? ' ' + cls : '');\n    }\n\n    \/* limpiar error al escribir *\/\n    fs.forEach(function (f) {\n      var el = document.getElementById(f.i);\n      if (el.type !== 'hidden') el.addEventListener('input', function () {\n        this.classList.remove('er');\n        document.getElementById(f.e).textContent = '';\n      });\n    });\n\n    \/* dropdowns custom (Cargo, Industria, Procesos que gestionan al mes) *\/\n    form.querySelectorAll('.rd-dd').forEach(function (dd) {\n      var ddBtn = dd.querySelector('.rd-dd-t');\n      var ddTxt = ddBtn.querySelector('span');\n      var ddInp = dd.querySelector('input[type=hidden]');\n      var ddErr = dd.querySelector('.rd-fe');\n      ddBtn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        var willOpen = !dd.classList.contains('open');\n        form.querySelectorAll('.rd-dd.open').forEach(function (o) {\n          o.classList.remove('open');\n          var ob = o.querySelector('.rd-dd-t');\n          if (ob) ob.setAttribute('aria-expanded', 'false');\n        });\n        if (willOpen) {\n          var r = ddBtn.getBoundingClientRect();\n          dd.classList.toggle('up', window.innerHeight - r.bottom < 320);\n          dd.classList.add('open');\n        }\n        ddBtn.setAttribute('aria-expanded', willOpen ? 'true' : 'false');\n      });\n      dd.querySelectorAll('.rd-dd-l li').forEach(function (li) {\n        li.addEventListener('click', function (e) {\n          e.stopPropagation();\n          ddInp.value = this.dataset.v;\n          ddTxt.textContent = this.dataset.v;\n          dd.classList.add('has');\n          dd.classList.remove('open', 'er');\n          ddBtn.setAttribute('aria-expanded', 'false');\n          if (ddErr) ddErr.textContent = '';\n          dd.querySelectorAll('li').forEach(function (o) { o.classList.remove('sel'); });\n          this.classList.add('sel');\n        });\n      });\n    });\n\n    form.addEventListener('submit', function (e) {\n      e.preventDefault();\n      show('', '');\n      if (!validar()) return;\n      var hp = form.querySelector('[name=website]');\n      if (hp ? hp.value : hp) return; \/* honeypot *\/\n      if (typeof window.miFormulario === 'undefined') {\n        show('El formulario no est\u00e1 configurado (falta el snippet AJAX).', 'error');\n        return;\n      }\n      var fd = new FormData(form);\n      fd.delete('website');\n      fd.append('action', 'rjf_enviar_registro');\n      fd.append('nonce', window.miFormulario.nonce);\n\n      btn.disabled = true;\n      btn.classList.add('ld');\n\n      fetch(window.miFormulario.ajaxurl, { method: 'POST', credentials: 'same-origin', body: fd })\n        .then(function (r) { return r.json(); })\n        .then(function (res) {\n          if (res ? res.success : res) {\n            if (typeof gtag === 'function') gtag('event', 'generate_lead', { form_name: 'agenda_demo_ruvic_ai' });\n            \/* rehabilitar ANTES de capturar el HTML del card, para que el\n               atributo disabled no quede serializado al restaurar *\/\n            btn.disabled = false;\n            btn.classList.remove('ld');\n            form.reset();\n            exito(card);\n          } else {\n            show((res ? res.data : res) || 'Error al enviar. Intenta de nuevo.', 'error');\n          }\n        })\n        .catch(function () {\n          show('Error de red. Intenta de nuevo.', 'error');\n        })\n        .then(function () {\n          btn.disabled = false;\n          btn.classList.remove('ld');\n        });\n    });\n  }\n\n  attachForm();\n\n  \/* cerrar dropdown con click fuera o Escape *\/\n  function cerrarDD() {\n    document.querySelectorAll('#ruvic-demo .rd-dd.open').forEach(function (d) {\n      d.classList.remove('open');\n      var b = d.querySelector('.rd-dd-t');\n      if (b) b.setAttribute('aria-expanded', 'false');\n    });\n  }\n  document.addEventListener('click', cerrarDD);\n  document.addEventListener('keydown', function (e) { if (e.key === 'Escape') cerrarDD(); });\n})(); } catch(e) { try { console.error('ruvic-demo:', e); } catch(_){} }\ntry { (function(){\n  \/* Carrusel de testimonios: avanza de a una card, en loop *\/\n  var track = document.getElementById('rd-testi-track');\n  var prev  = document.getElementById('rd-testi-prev');\n  var next  = document.getElementById('rd-testi-next');\n  if (!track || !prev || !next) return;\n\n  var index = 0;\n\n  function perView(){\n    return window.innerWidth <= 768 ? 1 : 2;\n  }\n  function maxIndex(){\n    return Math.max(0, track.children.length - perView());\n  }\n  function paso(){\n    \/* distancia real entre cards (inmune a navegadores donde\n       getComputedStyle(...).gap devuelve \"normal\") *\/\n    var a = track.children[0], b = track.children[1];\n    if (!a) return 0;\n    if (b) return b.getBoundingClientRect().left - a.getBoundingClientRect().left;\n    return a.getBoundingClientRect().width;\n  }\n  function update(){\n    track.style.transform = 'translateX(' + (-index * paso()) + 'px)';\n  }\n  prev.addEventListener('click', function(){\n    index = index <= 0 ? maxIndex() : index - 1;\n    update();\n  });\n  next.addEventListener('click', function(){\n    index = index >= maxIndex() ? 0 : index + 1;\n    update();\n  });\n  window.addEventListener('resize', function(){\n    if (index > maxIndex()) index = maxIndex();\n    update();\n  });\n})(); } catch(e) { try { console.error('ruvic-demo:', e); } catch(_){} }\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tu negocio no necesita m\u00e1s herramientas. Necesita orquestaci\u00f3n Menos fricci\u00f3n, m\u00e1s operaci\u00f3n. Nos adaptamos a las herramientas que ya usas, con agentes de IA coordinados y control humano en cada paso. Agenda tu demo con Ruvic AI Nombre Email corporativo Pa\u00eds Tel\u00e9fono Empresa Cargo C-Level Gerencia \/ Direcci\u00f3n Jefatura \/ Coordinaci\u00f3n Analista \/ Especialista Otro&#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":"","footnotes":""},"class_list":["post-5869","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/pages\/5869","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=5869"}],"version-history":[{"count":10,"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/pages\/5869\/revisions"}],"predecessor-version":[{"id":6862,"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/pages\/5869\/revisions\/6862"}],"wp:attachment":[{"href":"https:\/\/ruvic.ai\/en\/wp-json\/wp\/v2\/media?parent=5869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}