@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);.floating-button{position:fixed;bottom:16px;right:16px;z-index:1000}.chatbox-contenedor{bottom:24px!important;right:74px!important}.contenedor{width:360px;height:500px;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-family:Roboto,sans-serif}.messageBox{background-color:#fafafa}.messageFromChatGpt{float:right}.messageBox{max-height:400px;padding:0 16px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.messageFromChatGpt,.messageFromUser{margin-bottom:8px}.chatGptMessageWrapper,.userMessageWrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.userMessageWrapper{-ms-flex-item-align:end;align-self:flex-end}.chatGptMessageWrapper{-ms-flex-item-align:start;align-self:flex-start}.chatGptMessageContent,.userMessageContent{max-width:100%;padding:8px 12px;border-radius:18px;margin-bottom:2px;font-size:14px;line-height:1.4}.userMessageContent{background-color:#1877f2;color:#fff;border-top-left-radius:0}.chatGptMessageContent{background-color:#ededed;color:#222;border-top-right-radius:0}.chatGptMessageTimestamp,.userMessageTimestamp{font-size:10px;color:#999;margin-top:2px}.userMessageTimestamp{-ms-flex-item-align:end;align-self:flex-end}.chatGptMessageTimestamp{-ms-flex-item-align:start;align-self:flex-start}.inputContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;background-color:#e0e0e0}.messageInput{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:12px;background-color:#fff;margin-right:8px}.askButton,.messageInput{border:none;outline:none;font-size:16px;border-radius:24px}.askButton{background-color:#1877f2;color:#fff;padding:8px 10px;cursor:pointer;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.askButton:hover{background-color:#145cb3}@media (max-width:480px){.contenedor{width:100%;max-width:none;border-radius:0}}.chatbox-contenedor{position:fixed;bottom:24px;right:24px;z-index:1000}.messageBox{padding:16px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.messageBox,.messageFromChatGpt,.messageFromUser{display:-webkit-box;display:-ms-flexbox;display:flex}