@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);.chatbox-container[data-v-4382fdc2]{margin:0;padding:0;width:100%;height:100vh}.container[data-v-4382fdc2]{width:100%;height:100vh;background-color:#fff;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;font-family:Roboto,sans-serif}h1[data-v-4382fdc2]{font-size:24px;font-weight:500;text-align:center;color:#222;padding:16px;margin:0;background-color:#f7f7f7;border-bottom:1px solid #e7e7e7}.btn[data-v-4382fdc2]{border:none;color:#000;padding:14px 24px;cursor:pointer;border-radius:5px}.primary[data-v-4382fdc2]{background-color:#fff;border:2px solid #007bff}.primary[data-v-4382fdc2]:hover{background:#0b7dda;color:#fff}.secondary[data-v-4382fdc2]{background-color:#fff;border:2px solid #e7e7e7}.secondary[data-v-4382fdc2]:hover{background:#ddd;color:#fff}.inline-but[data-v-4382fdc2]{display:inline-block}.messageBox[data-v-4382fdc2]{padding:16px}.messageFromChat[data-v-4382fdc2],.messageFromUser[data-v-4382fdc2]{display:contents;text-align:center}.messageBox[data-v-4382fdc2]{max-height:80vh;padding:0 16px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.messageFromChat[data-v-4382fdc2],.messageFromUser[data-v-4382fdc2]{padding-right:0;margin-bottom:8px}.chatMessageWrapper[data-v-4382fdc2],.userMessageWrapper[data-v-4382fdc2]{display:flex;flex-direction:column}.userMessageWrapper[data-v-4382fdc2]{align-self:flex-end}.chatMessageWrapper[data-v-4382fdc2]{align-self:flex-start}.chatMessageContent[data-v-4382fdc2],.userMessageContent[data-v-4382fdc2]{max-width:100%;padding:8px 12px;border-radius:18px;margin-bottom:2px;font-size:14px;line-height:1.4}.userMessageContent[data-v-4382fdc2]{background-color:#1877f2;color:#fff;border-top-right-radius:0}.chatMessageContent[data-v-4382fdc2]{background-color:#ededed;color:#222;border-top-left-radius:0}.chatMessageTimestamp[data-v-4382fdc2],.userMessageTimestamp[data-v-4382fdc2]{font-size:10px;color:#999;margin-top:2px}.userMessageTimestamp[data-v-4382fdc2]{align-self:flex-end}.chatMessageTimestamp[data-v-4382fdc2]{align-self:flex-start}.inputContainer[data-v-4382fdc2]{flex-direction:row;display:flex;align-items:center;padding:10px;background-color:#f0f0f0;flex-wrap:wrap;justify-content:center;gap:10px}.messageInput[data-v-4382fdc2]{flex-grow:1;border:none;outline:none;padding:12px;font-size:16px;background-color:#fff;border-radius:24px;margin-right:8px}.askButton[data-v-4382fdc2]{background-color:#1877f2;color:#fff;font-size:16px;padding:8px 16px;border:none;outline:none;cursor:pointer;border-radius:24px;transition:background-color .3s ease-in-out}.askButton[data-v-4382fdc2]:hover{background-color:#145cb3}.chatbox-container[data-v-4382fdc2]{position:fixed;z-index:1000}.messageBox[data-v-4382fdc2]{padding-top:16px;padding-left:25%;padding-right:25%;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}#opcionesChatContenedor[data-v-4382fdc2]{display:flex;flex-wrap:wrap;gap:10px;justify-content:left;border-radius:18px;border-top-left-radius:0;padding-block:8px;padding-inline:10px;margin-bottom:2px;line-height:1.4}@media (min-width:0){.messageBox[data-v-4382fdc2]{padding-top:16px;padding-left:3%;padding-right:3%;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.secondary[data-v-4382fdc2]:hover{background-color:#fff;color:#000;border:2px solid #e7e7e7}}@media (min-width:320){.messageBox[data-v-4382fdc2]{padding-top:16px;padding-left:10%;padding-right:10%;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}}@media (min-width:768px){.messageBox[data-v-4382fdc2]{padding-top:16px;padding-left:15%;padding-right:15%;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}}@media (min-width:1024px){.messageBox[data-v-4382fdc2]{padding-top:16px;padding-left:25%;padding-right:25%;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}}