body{margin:0;padding:0;box-sizing:border-box}:root{--sideBar-background: #ffffff;--chatHeader-background: #ffffff;--botonDescargar: #25d366;--bubbleMessage-sent: rgb(216, 252, 210);--bubbleMessage-received: #ffffff}@media (max-width: 768px){.chat-container{flex-direction:column}}.sidebar{display:flex;flex-direction:column;background-color:var(--sideBar-background);border-right:1px solid #ccc;height:100vh;width:38rem}.sidebar-header{background-color:var(--sideBar-background);padding:20px 20px 30px;color:#1daa61;font-weight:500;font-size:2.4rem;line-height:1.5rem;text-align:left;border:none}.contact-list{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:auto}.contact-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background-color .2s ease}.contact-item:hover{background-color:#f5f5f5}.contact-item.selected{background-color:#e0e0e0}.image-profile{width:60px;height:60px;border-radius:50%}.contact-info{flex:1;display:flex;flex-direction:column}.contact-header{display:flex;justify-content:space-between;font-weight:700;font-size:1.4rem;color:#000}.contact-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-connection{font-size:1.1rem;color:gray}.contact-footer{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;color:#555;margin-top:4px}.last-message{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.silence{margin-left:8px;font-size:1.6rem}@media (max-width: 768px){.sidebar{width:100%;min-width:100%;max-width:100%;height:100vh}}html,body{margin:0;padding:0;height:100%;width:100%;font-size:62.5%;font-family:Roboto,sans-serif}body{background-image:url(/assets/fondo-chat-CZVKkV97.png);overflow:hidden}.chats-container{flex:1;height:100vh;overflow-y:auto}.no-contact-selected{background-repeat:no-repeat;display:flex;font-family:Segoe UI,Helvetica,Arial,sans-serif;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;padding:2rem;background-color:#f7f5f2}.no-contact-selected h2{font-size:3.6rem;font-weight:200;line-height:1;margin:2rem 0 1rem;color:#0b0b12}.no-contact-selected p{font-size:1.4rem;color:#666;max-width:600px;margin-bottom:2.5rem}button.Descargar{background-color:var(--botonDescargar);color:#fff;font-size:1.6rem;padding:1rem 2.4rem;border:none;border-radius:30px;cursor:pointer}.chat-mensajes{display:flex;height:100vh;width:100%}.chat-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;font-size:1.3rem;padding:.5rem;border-bottom:1px solid #ccc;padding-left:20px;padding-right:20px}.image-profile-chat{height:4.5rem;width:4.5rem;border-radius:50%}.contact-info-header{display:flex;flex-direction:row;gap:2rem;align-items:center;cursor:pointer}.delete-all-button{background:none;box-sizing:border-box;border-radius:2rem;border:1px solid #ccc;font-weight:600;cursor:pointer;color:#666;font-size:1.6rem;transition:color .2s}.profile-panel{display:flex;flex-direction:column;width:50%;background-color:var(--sideBar-background);align-items:center}.profile-panel h2{font-size:1.8rem;font-weight:500;color:#0b0b12;text-align:center}.profile-panel img{height:10rem;width:10rem;border-radius:50%;justify-content:center;padding-top:2rem;padding-bottom:2rem}.profile-panel p{font-size:1.2rem;font-weight:500;color:#666;text-align:center}.close-profile-button{background:var(--sideBar-background);border:none;cursor:pointer;margin-left:8rem;color:#666;font-size:1.2rem;transition:color .2s;width:100%;margin:0;height:6.7rem}.no-messages{display:flex;font-size:2rem;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;border:1px solid #ccc;border-radius:2rem;background-color:#fff}.message-list{padding:1.6rem;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:10px}.message-bubble{max-width:70%;padding:10px 14px;border-radius:10px;position:relative;box-shadow:0 1px 3px #0003;font-size:14px}.message-bubble.sent{align-self:flex-end;background-color:var(--bubbleMessage-sent);text-align:right}.message-bubble.received{align-self:flex-start;background-color:var(--bubbleMessage-received);text-align:left}.delete-message-button{background:none;border:none;cursor:pointer;margin-left:8px;color:#666;font-size:12px;transition:color .2s}.delete-message-button:hover{color:red}.enviar-msj{z-index:999;display:flex;width:100%;box-sizing:border-box;padding:1rem;position:sticky;bottom:0}@media (max-width: 768px){.chats-container{width:100%;height:100vh}.profile-panel{display:flex;flex-direction:column;width:50%;padding-top:1rem;background-color:var(--sideBar-background);align-items:center}.profile-panel h2{font-size:1.8rem;font-weight:500;color:#0b0b12;text-align:center}.profile-panel img{height:10rem;width:10rem;border-radius:50%;justify-content:center;padding-top:2rem;padding-bottom:2rem}.profile-panel p{font-size:1.2rem;font-weight:500;color:#666;text-align:center}.close-profile-button{background:var(--sideBar-background);border:none;cursor:pointer;margin-left:8rem;color:#666;font-size:1.2rem;transition:color .2s;width:100%;margin:0;height:6.7rem;padding-bottom:2rem}}@media (min-width: 320px) and (max-width: 420px){.chat-header{display:flex;padding-left:10px;padding-right:10px}.image-profile-chat{height:4rem;width:4rem;border-radius:50%;padding:left 2rem}.contact-info-header{display:flex;flex-direction:row;gap:2rem;align-items:center;font-size:1.2rem}.delete-all-button{background:none;box-sizing:border-box;border-radius:2rem;border:1px solid #ccc;font-weight:600;cursor:pointer;color:#666;font-size:1.2rem;transition:color .2s}.profile-panel{display:flex;flex-direction:column;width:50%;padding-top:1.2rem;background-color:var(--sideBar-background);align-items:center}.profile-panel h2{font-size:1.8rem;font-weight:500;color:#0b0b12;text-align:center}.profile-panel img{height:10rem;width:10rem;border-radius:50%;justify-content:center;padding-top:2rem;padding-bottom:2rem}.profile-panel p{font-size:1.2rem;font-weight:500;color:#666;text-align:center}.close-profile-button{background:var(--sideBar-background);border:none;cursor:pointer;margin-left:8rem;color:#666;font-size:1.2rem;transition:color .2s;width:100%;margin:0;height:6.7rem}}html{font-size:62.5%}.new-message-form{display:flex;align-items:center;padding:1.2rem;gap:1rem;background-color:transparent;z-index:10;position:sticky;width:100%;box-sizing:border-box;bottom:0}.form-input-group{flex:1}.form-input-group input{width:100%;padding:1.2rem 1.6rem;font-size:1.2rem;line-height:1.6;border-radius:2rem;border:1px solid #ccc;box-sizing:border-box;outline:none}.send-message-button{background-color:#13c248;border:none;padding:1.2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-container{display:flex;height:100vh;width:100%}.chat-window{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.back-button{background:var(--sideBar-background);border:none;color:#13c248;height:4rem;padding:1rem 1rem 1rem 3rem;font-size:2rem;cursor:pointer;text-align:left;width:100%;display:flex;justify-content:center;align-items:center}.back-button:hover{color:#128c7e}