{"id":1225,"date":"2025-06-05T11:41:18","date_gmt":"2025-06-05T16:41:18","guid":{"rendered":"https:\/\/innovationlab.zalva.net\/?page_id=1225"},"modified":"2026-03-04T17:19:18","modified_gmt":"2026-03-04T22:19:18","slug":"clinica-de-ventas-zolvera","status":"publish","type":"page","link":"https:\/\/innovationlab.zalva.net\/index.php\/clinica-de-ventas-zolvera\/","title":{"rendered":"Cl\u00ednica de Ventas Zolvera"},"content":{"rendered":"<p><!-- SCRIPT para Markdown --><br \/>\n<!-- Librer\u00edas para capturar y generar PDF --><br \/>\n<!-- ESTILOS ADAPTADOS --><\/p>\n<style>\n.chat-container {\n    display: flex;\n    flex-direction: column;\n    background-color: #f5f5f5;\n    width: 100%;\n    padding: 20px;\n    border-radius: 10px;\n    height: 650px;\n    max-height: 85vh;\n    overflow: hidden;\n    box-shadow: 0 0 8px rgba(0,0,0,0.1);\n}\n.chat-header {\n    background-color: #120e4c;\n    color: #ffffff;\n    padding: 10px 15px;\n    text-align: center;\n    font-size: 1.2rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 6px;\n    flex-shrink: 0;\n}\n.chat-header img {\n    max-height: 30px;\n    max-width: 100%;\n}\n.chat-messages {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n    margin: 15px 0;\n    background: #fff;\n    border-radius: 6px;\n    display: flex;\n    flex-direction: column;\n}\n.chat-input-container {\n    display: flex;\n    gap: 10px;\n    flex-shrink: 0;\n}\n#message-input {\n    flex: 1;\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    font-size: 1rem;\n}\n#send-button {\n    padding: 10px 20px;\n    background-color: #00d084;\n    color: white;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    font-weight: bold;\n    transition: background-color 0.3s;\n}\n#send-button:hover {\n    background-color: #00b872;\n}\n#send-button:disabled {\n    background-color: #ccc;\n    cursor: not-allowed;\n}\n#download-report {\n    margin-top: 10px;\n    background-color: #00d084;\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    border-radius: 6px;\n    cursor: pointer;\n    font-weight: bold;\n    transition: background-color 0.3s;\n    flex-shrink: 0;\n}\n#download-report:hover {\n    background-color: #00b872;\n}\n#download-report:disabled {\n    background-color: #ccc;\n    cursor: not-allowed;\n}\n.message {\n    margin-bottom: 10px;\n    padding: 8px 12px;\n    border-radius: 10px;\n    word-wrap: break-word;\n    max-width: 75%;\n    line-height: 1.3;\n}\n.message-user {\n    background-color: #120e4c;\n    color: white;\n    align-self: flex-end;\n    margin-left: auto;\n}\n.message-bot {\n    background-color: #e0e0e0;\n    color: #000;\n    align-self: flex-start;\n    margin-right: auto;\n}\n.message-label {\n    font-size: 0.75rem;\n    font-weight: bold;\n    margin-bottom: 4px;\n}\n.message-user .message-label {\n    color: #ffffff;\n}\n.message-bot .message-label {\n    color: #120e4c;\n}\n.message-content {\n    font-size: 0.95rem;\n    line-height: 1.4;\n}\n.message-content h1,\n.message-content h2,\n.message-content h3,\n.message-content h4,\n.message-content h5,\n.message-content h6 {\n    font-size: 0.95rem !important;\n    font-weight: bold !important;\n    color: inherit !important;\n    margin: 4px 0 !important;\n    background: none !important;\n    background-color: transparent !important;\n    padding: 0 !important;\n    border: none !important;\n}\n.message-content p {\n    margin: 4px 0;\n}\n\/* Eliminar cualquier fondo de color que venga del servidor *\/\n.message-content * {\n    background-image: none !important;\n}\n.message-bot .message-content * {\n    background-color: transparent !important;\n}\n.message-bot .message-content h1,\n.message-bot .message-content h2,\n.message-bot .message-content h3,\n.message-bot .message-content h4,\n.message-bot .message-content h5,\n.message-bot .message-content h6,\n.message-bot .message-content div,\n.message-bot .message-content span {\n    background: none !important;\n    background-color: transparent !important;\n    color: #000 !important;\n}\n.timestamp {\n    font-size: 0.7rem;\n    opacity: 0.7;\n    margin-top: 5px;\n    display: block;\n}\n.typing-indicator {\n    background-color: #e0e0e0;\n    padding: 8px 15px;\n    border-radius: 12px;\n    margin-bottom: 12px;\n    max-width: 60px;\n    display: flex;\n    gap: 5px;\n    align-self: flex-start;\n}\n.typing-indicator span {\n    height: 8px;\n    width: 8px;\n    background-color: #9e9ea1;\n    display: block;\n    border-radius: 50%;\n    opacity: 0.4;\n    animation: typing 1s infinite;\n}\n.typing-indicator span:nth-of-type(2) {\n    animation-delay: 0.2s;\n}\n.typing-indicator span:nth-of-type(3) {\n    animation-delay: 0.4s;\n}\n@keyframes typing {\n    0%, 100% { opacity: 0.4; }\n    50% { opacity: 1; }\n}\n<\/style>\n<p><!-- HTML --><br \/>\n    <img decoding=\"async\" src=\"https:\/\/innovationlab.zalva.net\/wp-content\/uploads\/2025\/05\/Zolvera-Horizontal@4x-1-scaled.png\" alt=\"Zolvera Logo\"><br \/>\n    <input type=\"text\" id=\"message-input\" placeholder=\"Escribe un mensaje...\" autocomplete=\"off\"><br \/>\n    <button id=\"send-button\">Enviar<\/button><br \/>\n  <button id=\"download-report\">Descargar reporte PDF<\/button><br \/>\n<!-- SCRIPT PRINCIPAL --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Enviar Descargar reporte PDF<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1225","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/innovationlab.zalva.net\/index.php\/wp-json\/wp\/v2\/pages\/1225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innovationlab.zalva.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innovationlab.zalva.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innovationlab.zalva.net\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/innovationlab.zalva.net\/index.php\/wp-json\/wp\/v2\/comments?post=1225"}],"version-history":[{"count":81,"href":"https:\/\/innovationlab.zalva.net\/index.php\/wp-json\/wp\/v2\/pages\/1225\/revisions"}],"predecessor-version":[{"id":1902,"href":"https:\/\/innovationlab.zalva.net\/index.php\/wp-json\/wp\/v2\/pages\/1225\/revisions\/1902"}],"wp:attachment":[{"href":"https:\/\/innovationlab.zalva.net\/index.php\/wp-json\/wp\/v2\/media?parent=1225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}