{"id":15,"date":"2024-04-29T13:46:26","date_gmt":"2024-04-29T13:46:26","guid":{"rendered":"https:\/\/chatboot.riverogestoria.com\/?page_id=15"},"modified":"2024-04-29T15:20:25","modified_gmt":"2024-04-29T15:20:25","slug":"chatboot","status":"publish","type":"page","link":"https:\/\/chatboot.riverogestoria.com\/","title":{"rendered":"Chatboot"},"content":{"rendered":"<style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #fff9eb; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #fff9eb; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 14px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #faf3dd;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 14px;\n        color: #563f1b;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 100%px;\n        background-color: #fff9eb;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    .log_notification {\n        background: #fff9eb;\n        color: #563f1b;\n        font-size: 11px;\n        font-style: italic;\n        padding: 10px;\n        border-radius: 5px;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #563f1b;\n        background: #f2cc8f;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #f2cc8f;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #faf3dd;\n        color: #563f1b;\n        font-size: 14px;\n        margin-bottom: 20px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n    .wpaicg-chat-shortcode-content ul .wpaicg-ai-message {\n        color: #563f1b;\n        font-size: 14px;\n        margin-bottom: 20px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #e07a5f;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 0;\n        color: #e07a5f;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #e07a5f;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #f2cc8f;\n        background-color: #fff9eb;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 54px;\n        padding-left: 1em;\n        color: #563f1b;\n        font-size: 14px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #563f1b;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #e07a5f;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #e07a5f;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #d1e8ff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #d1e8ff;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #d1e8ff;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #e07a5f;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #f2cc8f;\n        color: #495057;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    .wpaicg-icon-container {\n        position: relative;\n        margin-bottom: 30px;\n        margin-top: 10px;\n    }\n\n    .wpaicg-copy-button, .wpaicg-thumbs-up-button, .wpaicg-thumbs-down-button {\n        position: absolute;\n        bottom: -25px;\n        display: inline-block;\n        background: none;\n        border: none;\n        cursor: pointer;\n        padding: 0;\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 0.3s ease, visibility 0.3s ease;\n        outline: none;\n    }\n\n    .wpaicg-copy-button {\n        left: 10px;\n    }\n\n    .wpaicg-thumbs-up-button {\n        left: 40px;\n    }\n\n    .wpaicg-thumbs-down-button {\n        left: 70px;\n    }\n\n    \/* Keep buttons visible when hovering over either the container or the buttons *\/\n    .wpaicg-icon-container:hover .wpaicg-copy-button,\n    .wpaicg-icon-container:hover .wpaicg-thumbs-up-button,\n    .wpaicg-icon-container:hover .wpaicg-thumbs-down-button,\n    .wpaicg-copy-button:hover,\n    .wpaicg-thumbs-up-button:hover,\n    .wpaicg-thumbs-down-button:hover {\n        opacity: 1;\n        visibility: visible;\n        background-color: transparent !important;\n        color: inherit !important;\n    }\n    \/* Ensure no hover color change for links inside icon containers *\/\n    .wpaicg-icon-container a:hover {\n        color: inherit !important;\n        background-color: transparent !important;\n        text-decoration: none !important;\n    }\n\n    .wpaicg-copy-button img,\n    .wpaicg-thumbs-up-button img,\n    .wpaicg-thumbs-down-button img {\n        width: 16px;\n        height: 16px;\n        filter: none; \/* Ensure no filter (like grayscale or color change) is applied *\/\n        color: inherit; \/* Inherit the current color from the parent *\/\n        transition: none; \/* Remove any transitions that might change appearance on hover *\/\n    }\n\n    .wpaicg-copy-button img:hover,\n    .wpaicg-thumbs-up-button img:hover,\n    .wpaicg-thumbs-down-button img:hover {\n        filter: none; \/* Ensure no hover filter is applied *\/\n        color: inherit; \/* Keep the color consistent on hover *\/\n    }\n\n    .wpaicg-copy-button,\n    .wpaicg-thumbs-up-button,\n    .wpaicg-thumbs-down-button {\n        background: none;\n        border: none;\n        padding: 0;\n        cursor: pointer;\n        color: inherit; \/* Keep the color of the button consistent *\/\n        outline: none; \/* Remove default browser outline on focus *\/\n    }\n\n    .wpaicg-copy-button:hover,\n    .wpaicg-thumbs-up-button:hover,\n    .wpaicg-thumbs-down-button:hover {\n        background: none; \/* Remove any background color change on hover *\/\n        color: inherit; \/* Keep the color the same on hover *\/\n    }\n    \/* Remove outline (focus border) on buttons *\/\n    .wpaicg-copy-button:focus,\n    .wpaicg-thumbs-up-button:focus,\n    .wpaicg-thumbs-down-button:focus {\n        outline: none;\n    }\n    .wpaicg-feedback-modal-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        z-index: 1000;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px; \/* Added padding to prevent edge cutoff *\/\n    }\n\n    .wpaicg-feedback-modal {\n        background-color: #fff;\n        color: #333;\n        padding: 20px;\n        border-radius: 10px; \/* Slightly increased border-radius for better aesthetics *\/\n        width: 100%;\n        max-width: 400px; \/* Max width for larger screens *\/\n        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); \/* Increased shadow for better visibility *\/\n        text-align: center;\n        position: relative; \/* To position the close button *\/\n        margin: 0 auto; \/* Centering the modal horizontally *\/\n        box-sizing: border-box; \/* Ensures padding is included in width *\/\n    }\n\n    .wpaicg-feedback-modal h2 {\n        margin-top: 0;\n    }\n\n    .wpaicg-feedback-textarea {\n        width: 100%;\n        height: 80px;\n        margin: 10px 0;\n        border-radius: 5px;\n    }\n\n    .wpaicg-feedback-modal-buttons {\n        display: flex;\n        justify-content: flex-end; \/* Aligns the submit button to the right *\/\n        align-items: center;\n        margin-top: 10px;\n    }\n\n    .wpaicg-feedback-message {\n        flex-grow: 1; \/* Takes up available space on the left *\/\n        margin-right: 10px;\n        text-align: left; \/* Ensures the text aligns left *\/\n    }\n\n    .wpaicg-feedback-modal-submit {\n        padding: 10px 20px;\n        border: none;\n        border-radius: 5px;\n        cursor: pointer;\n        background-color: #007bff;\n        color: #fff;\n        margin-left: 10px; \/* Adds space between the button and the message *\/\n    }\n\n    .wpaicg-feedback-modal-close {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        background: none;\n        border: none;\n        color: #333;\n        cursor: pointer;\n    }\n\n    \/* Media Query for Mobile Devices *\/\n    @media (max-width: 480px) {\n        .wpaicg-feedback-modal {\n            max-width: 95%; \/* Reduce max width on smaller screens to ensure it doesn't touch the edges *\/\n            padding: 15px;\n            margin: 0 auto; \/* Ensure modal is centered *\/\n        }\n        .wpaicg-feedback-modal-submit {\n            padding: 8px 16px; \/* Slightly smaller padding on mobile *\/\n        }\n\n        .wpaicg-feedback-textarea {\n            height: 60px; \/* Reduce height on mobile *\/\n        }\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-audio-btn,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-audio-btn,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 3px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n    .wpaicg-chat-shortcode h1, \n    .wpaicg-chat-shortcode h2, \n    .wpaicg-chat-shortcode h3, \n    .wpaicg-chat-shortcode h4, \n    .wpaicg-chat-shortcode h5, \n    .wpaicg-chat-shortcode h6 {\n        color: #563f1b;\n    }\n\n<\/style>\n<style>\n    \/* Sidebar *\/\n    .wpaicg-sidebar {\n    background-color: #fff9eb;\n    border-right: 1px solid #f2cc8f;\n    }\n\n    \/* Sidebar Header *\/\n    .wpaicg-sidebar-header {\n    border-bottom: 1px solid #f2cc8f;\n    color: #563f1b;\n    }\n\n    .wpaicg-sidebar-header h3 {\n    color: #563f1b;\n    }\n\n    .wpaicg-sidebar-header p {\n    color: #563f1b;\n    font-size: 14px;\n    }\n\n    \/* Conversation List Items *\/\n    .wpaicg-conversation-list li {\n    background-color: #faf3dd;\n    color: #563f1b;\n    font-size: 14px;\n    }\n    .wpaicg-conversation-list li:hover {\n    background-color: #563f1b;\n    color: #faf3dd;\n    transform: none;\n    }\n    \/* Trash icon displayed on hover for deleting a conversation *\/\n    .wpaicg-conversation-list li .wpaicg-delete-icon {\n    color: #faf3dd;\n    font-size: 14px;\n    }\n\n    \/* Sidebar Toggle Button *\/\n    .wpaicg-sidebar-toggle {\n    background-color: #f2cc8f;\n    }\n\n    .wpaicg-sidebar-toggle:hover {\n    background-color: #faf3dd;\n    }\n\n    .wpaicg-sidebar-toggle span {\n    color: #563f1b;\n    }\n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#faf3dd\"\n     data-color=\"#563f1b\"\n     data-fontsize=\"14\"\n     data-ai-bg-color=\"#f2cc8f\"\n     data-nonce=\"bef7c0246c\"\n     data-post-id=\"15\"\n     data-url=\"https:\/\/chatboot.riverogestoria.com\/wp-json\/wp\/v2\/pages\/15\"\n     data-bot-id=\"7\"\n     data-width=\"100%px\"\n     data-height=\"65%px\"\n     data-footer=\"false\"\n     data-has-bar=\"false\"\n     data-speech=\"\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"\"\n     data-typewriter-effect = \"\"\n     data-typewriter-speed=\"1\"\n     data-text_height=\"60\"\n     data-text_rounded=\"8\"\n     data-chat_rounded=\"8\"\n     data-voice_service=\"\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Studio-M\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1.0\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-copy_btn=\"\"\n     data-feedback_btn = \"\"\n     data-feedback_title = \"Feedback\"\n     data-feedback_message = \"Please provide details: (optional)\"\n     data-feedback_success = \"Thank you for your feedback!\"\n     data-user-voice-control = \"\"\n     data-voice-muted-by-default=\"\"\n     data-memory-limit = \"10\"\n     data-lead-collection = \"0\"\n     data-lead-title = \"Let us know how to contact you\"\n     data-lead-name = \"Name\"\n     data-enable-lead-name = \"1\"\n     data-lead-email = \"Email\"\n     data-enable-lead-email = \"1\"\n     data-lead-phone = \"Phone\"\n     data-enable-lead-phone = \"1\"\n     data-bg_text_field = \"#fff9eb\"\n     data-bg_text_field_font_color = \"#563f1b\"\n     data-bg_text_field_border_color = \"#f2cc8f\"\n     data-assistant-enabled=\"false\"\n     data-sidebar-enabled=\"\"\n     data-type=\"shortcode\"\n>\n<style>\n.wpaicg-new-chat-button {\n    background-color: #f2cc8f;\n    color: #563f1b;\n    font-size: 14px;\n}\n.wpaicg-new-chat-button:hover {\n    background-color: #faf3dd;\n}\n<\/style>\n<!-- Begin Chat Content Wrapper -->\n<div class=\"wpaicg-chat-content-wrapper\">\n    <!-- Insert the toggle and sidebar if $wpaicg_chat_sidebar is enabled -->\n        <div class=\"wpaicg-chat-shortcode-content\">\n        <ul class=\"wpaicg-chat-shortcode-messages\">\n                        <li class=\"wpaicg-ai-message\" style=\"color: #563f1b; font-size: 14px; background-color: #f2cc8f\">\n                <span class=\"wpaicg-chat-message\">\n                    Hola Soy Ava tu asistenta virtual, \u00bfen que puedo ayudarte?                <\/span>\n            <\/li>\n        <\/ul>\n        <!-- Conversation Starters -->\n                <span class=\"wpaicg-bot-thinking\" style=\"padding-left: 0;color: #e07a5f;\">Ava est\u00e1 escribiendo&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n        <div class=\"wpaicg-chat-shortcode-type\">\n            <textarea type=\"text\" name=\"wpaicg-chat-shortcode-typing\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Escribe tu mensaje..\"><\/textarea>\n            <div class=\"wpaicg_chat_additions\">\n                <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n                <span class=\"wpaicg-mic-icon\" data-type=\"shortcode\" role=\"button\" aria-label=\"Mic\" tabindex=\"0\" style=\"display:none\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\"\/><\/svg>\n                <\/span>\n                <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"display:none\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n                    <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n                    <!-- add nonce -->\n                    <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"185fdf5464\" \/>\n                <\/span>\n                <span class=\"wpaicg-img-spinner\"><\/span>\n                                                <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n                <\/span>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/chatboot.riverogestoria.com\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chatboot.riverogestoria.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chatboot.riverogestoria.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chatboot.riverogestoria.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chatboot.riverogestoria.com\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":1,"href":"https:\/\/chatboot.riverogestoria.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/chatboot.riverogestoria.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/chatboot.riverogestoria.com\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}