{"id":45,"date":"2026-07-24T16:42:15","date_gmt":"2026-07-24T16:42:15","guid":{"rendered":"https:\/\/agente.hostingcompany.cl\/?page_id=45"},"modified":"2026-07-24T16:51:42","modified_gmt":"2026-07-24T16:51:42","slug":"agente-ia","status":"publish","type":"page","link":"https:\/\/agente.hostingcompany.cl\/","title":{"rendered":"Agente IA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45\" class=\"elementor elementor-45\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63cdc4e e-con e-atomic-element e-flexbox-base e-0b303ee \" data-id=\"63cdc4e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"63cdc4e\" data-e-type=\"e-flexbox\" data-id=\"63cdc4e\">\n    \t\t<div class=\"elementor-element elementor-element-8587894 elementor-widget elementor-widget-html\" data-id=\"8587894\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Estilos de la barra estilo ChatGPT para TecnoInver *\/\r\n  .tecnoinver-ai-container {\r\n    max-width: 750px;\r\n    margin: 0 auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  }\r\n\r\n  .tecnoinver-chat-box {\r\n    background-color: #171717;\r\n    border: 1px solid #333;\r\n    border-radius: 28px;\r\n    padding: 10px 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n    transition: border-color 0.2s ease;\r\n  }\r\n\r\n  .tecnoinver-chat-box:focus-within {\r\n    border-color: #555;\r\n  }\r\n\r\n  .tecnoinver-input {\r\n    width: 100%;\r\n    background: transparent;\r\n    border: none;\r\n    outline: none;\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    padding: 8px 12px;\r\n  }\r\n\r\n  .tecnoinver-input::placeholder {\r\n    color: #8e8e93;\r\n  }\r\n\r\n  .tecnoinver-btn {\r\n    background-color: #ffffff;\r\n    color: #000000;\r\n    border: none;\r\n    border-radius: 50%;\r\n    width: 36px;\r\n    height: 36px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    margin-left: 8px;\r\n    flex-shrink: 0;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .tecnoinver-btn:hover {\r\n    opacity: 0.85;\r\n  }\r\n\r\n  .tecnoinver-btn:disabled {\r\n    background-color: #444;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  \/* \u00c1rea de respuesta de la IA *\/\r\n  .tecnoinver-response-area {\r\n    margin-top: 18px;\r\n    background-color: #212121;\r\n    border-radius: 16px;\r\n    padding: 18px 22px;\r\n    color: #ececec;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    display: none;\r\n    border: 1px solid #333;\r\n  }\r\n\r\n  .tecnoinver-loading {\r\n    color: #8e8e93;\r\n    font-style: italic;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"tecnoinver-ai-container\">\r\n  <div class=\"tecnoinver-chat-box\">\r\n    <input \r\n      type=\"text\" \r\n      id=\"tecnoinver-prompt-input\" \r\n      class=\"tecnoinver-input\" \r\n      placeholder=\"Escribe tu consulta sobre soporte t\u00e9cnico...\" \r\n      autocomplete=\"off\"\r\n    >\r\n    <button id=\"tecnoinver-send-btn\" class=\"tecnoinver-btn\" aria-label=\"Enviar\">\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"><\/line>\r\n        <polyline points=\"5 12 12 5 19 12\"><\/polyline>\r\n      <\/svg>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div id=\"tecnoinver-response\" class=\"tecnoinver-response-area\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const inputField = document.getElementById(\"tecnoinver-prompt-input\");\r\n    const sendBtn = document.getElementById(\"tecnoinver-send-btn\");\r\n    const responseArea = document.getElementById(\"tecnoinver-response\");\r\n\r\n    async function enviarConsulta() {\r\n      const prompt = inputField.value.trim();\r\n      if (!prompt) return;\r\n\r\n      \/\/ Deshabilitar interfaz durante la consulta\r\n      inputField.disabled = true;\r\n      sendBtn.disabled = true;\r\n      responseArea.style.display = \"block\";\r\n      responseArea.innerHTML = '<span class=\"tecnoinver-loading\">Consultando con el soporte t\u00e9cnico de TecnoInver...<\/span>';\r\n\r\n      try {\r\n        const response = await fetch('\/wp-json\/tecnoinver\/v1\/soporte\/', {\r\n          method: 'POST',\r\n          headers: {\r\n            'Content-Type': 'application\/json'\r\n          },\r\n          body: JSON.stringify({ prompt: prompt })\r\n        });\r\n\r\n        const data = await response.json();\r\n\r\n        if (response.ok) {\r\n          \/\/ Mostrar respuesta formateada\r\n          responseArea.innerHTML = \"<strong>Soporte TecnoInver:<\/strong><br><br>\" + data.respuesta.replace(\/\\n\/g, \"<br>\");\r\n        } else {\r\n          responseArea.innerHTML = \"<span style='color: #ff6b6b;'>Error: \" + (data.error || \"No se pudo procesar la consulta.\") + \"<\/span>\";\r\n        }\r\n      } catch (error) {\r\n        responseArea.innerHTML = \"<span style='color: #ff6b6b;'>Error de conexi\u00f3n con el servidor.<\/span>\";\r\n      } finally {\r\n        inputField.disabled = false;\r\n        sendBtn.disabled = false;\r\n        inputField.value = \"\";\r\n        inputField.focus();\r\n      }\r\n    }\r\n\r\n    sendBtn.addEventListener(\"click\", enviarConsulta);\r\n\r\n    inputField.addEventListener(\"keypress\", function (e) {\r\n      if (e.key === \"Enter\") {\r\n        e.preventDefault();\r\n        enviarConsulta();\r\n      }\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/agente.hostingcompany.cl\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agente.hostingcompany.cl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agente.hostingcompany.cl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agente.hostingcompany.cl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agente.hostingcompany.cl\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":9,"href":"https:\/\/agente.hostingcompany.cl\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/agente.hostingcompany.cl\/wp-json\/wp\/v2\/pages\/45\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/agente.hostingcompany.cl\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}