.container-message{display:flex;gap:2px;margin:auto;width:90%;height:90%;max-height:100%;border-radius:15px;background:#efefef}.colum-contacts{min-width:30%;height:100%;background:#fff;border-top-left-radius:15px;border-bottom-left-radius:15px}.colum-chat,.colum-contacts{display:flex;flex-direction:column}.colum-chat{flex-grow:1}.parallel{widows:100%;background:#fff}.header{position:relative;border-top-right-radius:15px;display:flex;width:100%;min-height:60px;padding:14px 24px}.header p{display:inline-flex;font-size:12px;margin:0}.header p,.message-send{align-items:center;padding-left:10px}.message-send{display:flex;width:100%;height:100%}.message-wrriten{flex-grow:1;height:32px;border-radius:38px;border:.5px solid #35424a;font-size:10px;padding-left:10px;padding-right:8px}.btn-send{display:flex;align-items:center;width:60px;height:50px}.btn-send img{width:48px;height:48px;cursor:pointer}.btn-send img:active{transform:scale(.9)}.body-chat{flex-grow:1;display:flex;flex-direction:column;padding:7px 25px;gap:10px;margin-bottom:5px;overflow:auto}.body-chat::-webkit-scrollbar{width:7px;background:#35424a}.body-chat::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:10px}.message-general{width:100%}.message-contact{display:flex;gap:15px;text-align:left;font-size:13px;width:100%;min-height:35px;max-height:120px;border:1px solid #efefef}.message-contact p{text-align:left;font-weight:300;line-height:15px;padding:15px 12px;max-width:300px;min-height:30px;margin:0;background:#fff;border-radius:0 15px 15px 15px}.message-user{display:flex;gap:15px;justify-content:flex-end;font-size:13px;width:100%;min-height:35px;max-height:140px;border:1px solid #efefef}.message-user p{text-align:left;font-weight:300;line-height:15px;padding:15px 12px;max-width:300px;min-height:30px;margin:0;background:#fff;border-radius:15px 0 15px 15px}.message-user img{align-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #fff}.header-search{display:flex;flex-wrap:wrap;gap:12px;width:100%;min-height:60px;padding:14px 15px}.user,.user img{position:relative;width:32px;height:100%}.user img,.user span{border-radius:50%}.user span{position:absolute;display:block;width:10px;height:10px;background:#1ae800;bottom:-1.5px;right:-1.5px}.search-chat{flex-grow:1;height:100%;font-size:9px;text-indent:8px;border:.5px solid #35424a;border-radius:30px}.title-contactos{display:flex;width:100%;height:45px;padding-left:15px}.title-contactos>p{text-align:start;align-self:center;margin:0;font-size:12px;color:#131b1e}.chat-all{flex-direction:column;min-height:80%;max-height:calc(100% - 55px);overflow:auto}.chat-all,.item-chat{display:flex;width:100%}.item-chat{height:50px;padding:9px 15px;cursor:pointer}.item-chat:hover{background:#35424a}.item-chat:active{background:linear-gradient(90deg,#5cc151,#97f18d)}.user-message{display:flex;flex-direction:column;height:32px;padding-left:10px;font-size:10px}.user-message p{text-align:start;margin:0}.message-inline{font-weight:300;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:1;overflow:hidden;padding-right:5px}.contactos{display:flex;flex-direction:column;width:100%;height:30%;overflow:auto}.item-contacto{display:flex;width:100%;height:50px;padding:9px 15px;cursor:pointer}.user-data{display:flex;flex-direction:column;height:32px;padding-left:10px;font-size:10px}.user-data p{text-align:start;margin:0}.b-spinner{width:4rem;height:4rem}.isTyping,.isTyping:after,.isTyping:before{border-radius:50%;width:2.5em;height:2.5em;animation:Typing 1.5s ease-in-out infinite}.isTyping{color:var(--second-color-gray);font-size:5px;position:relative;animation-delay:-.16s}.isTyping:after,.isTyping:before{content:"";position:absolute;top:0}.isTyping:before{left:-3em;animation-delay:-.32s}.isTyping:after{left:3em}@keyframes Typing{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.escribiendo{width:72px;height:32px;margin:0;background:#fff;border-radius:0 15px 15px 15px;display:flex;justify-content:center}@media only screen and (max-width:800px){.container-message{display:grid;gap:15px;border-radius:15px;width:100%;height:100%;margin:0}.colum-chat,.colum-contacts{border-radius:15px}}.chat-container[data-v-56919dfa]{min-height:100vh;background-color:#f9f9fa;padding:2rem}.chat-border-top-left[data-v-56919dfa]{border-radius:12px 0 0 12px;background-color:#fff;padding:1.5rem}.chat-border-top-right[data-v-56919dfa]{border-radius:0 12px 12px 0;padding:1.5rem;position:relative}.input-message[data-v-56919dfa]{background-color:#fff;border-radius:0 0 12px 12px;padding:1rem;width:100%;bottom:0;left:0;box-shadow:0 -2px 10px rgba(0,0,0,.05)}.input-message input[data-v-56919dfa]{border:1px solid #e0e0e0;border-radius:25px;padding:.75rem 1rem;transition:border-color .2s}.input-message input[data-v-56919dfa]:focus{border-color:#006aff;outline:none}.input-message img[data-v-56919dfa]{cursor:pointer;transition:transform .2s;width:32px;height:32px}.input-message img[data-v-56919dfa]:hover{transform:scale(1.1)}.chat-item[data-v-56919dfa]{padding:.75rem;border-radius:8px;margin-bottom:.5rem;transition:background-color .2s}.chat-item[data-v-56919dfa]:hover{background-color:rgba(53,66,74,.05)}.chat-item-message[data-v-56919dfa]{max-width:80%;margin-bottom:1rem}.chat-item-message>div[data-v-56919dfa]{padding:1rem;border-radius:15px;box-shadow:0 2px 5px rgba(0,0,0,.05)}@media (max-width:768px){.chat-container[data-v-56919dfa]{padding:1rem}.chat-border-top-left[data-v-56919dfa],.chat-border-top-right[data-v-56919dfa]{border-radius:12px;margin-bottom:1rem}.input-message[data-v-56919dfa]{position:fixed;bottom:0;left:0;padding:1rem;background:#fff;z-index:1000}}@media (max-width:576px){.chat-container[data-v-56919dfa]{padding:.5rem}.chat-item-message[data-v-56919dfa]{max-width:90%}}