.chat-dialog{background-color:#dcf8c6;color:#111;padding:10px 15px;border-radius:10px;max-width:60%;margin:5px 10px;position:relative;box-shadow:0 1px 2px #0003;align-self:flex-start;display:flex;flex-direction:column;transition:background-color .2s ease;font-size:15px}.chat-dialog__my-message{align-self:flex-end}.content_time_status{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:5px;font-size:12px;color:#555}.content_time{font-size:12px}.check{color:gray;font-size:16px}.check.read{color:#34b7f1}.chat-dialog button{display:none;background:transparent;border:none;color:#999;font-size:12px;cursor:pointer;padding:0 4px;transition:color .3s ease}.chat-dialog:hover button{display:inline}.chat-dialog button:hover{color:red}@media (max-width: 480px){.chat-dialog{max-width:80%;font-size:14px;padding:8px 12px}.content_time_status{font-size:11px}.check{font-size:14px}}@media (min-width: 481px) and (max-width: 1024px){.chat-dialog{max-width:70%;font-size:15px;padding:10px 14px}.check{font-size:15px}.content_time_status{font-size:12px}}@media (min-width: 1600px){.chat-dialog{max-width:50%}}.chat-container{background-image:url(https://i.pinimg.com/736x/31/04/e0/3104e02012ee109335a5ca2fc52b81db.jpg);flex:1;display:flex;flex-direction:column;padding:12px;height:calc(110vh - 160px);box-sizing:border-box}.chat-no-messages{justify-content:center;align-items:center;text-align:center;color:#999;font-style:italic;font-size:17px;padding:20px}@media (max-width: 480px){.chat-container{padding:8px}.chat-no-messages{font-size:16px;padding:16px}}@media (min-width: 481px) and (max-width: 1024px){.chat-container{padding:12px}}@media (min-width: 1025px) and (max-width: 1599px){.chat-container{padding:20px}}@media (min-width: 1600px){.chat-container{padding:32px;max-width:1400px;margin:0 auto}}.formulario-nuevo-mensaje{position:fixed;bottom:0;left:0;width:100%;background-color:#f0f0f0;padding:10px;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 -2px 5px #0000001a;z-index:10}.formulario-nuevo-mensaje textarea{flex:1;height:40px;line-height:35px;padding:0 20px;border-radius:100px;border:1px solid #ccc;resize:none;font-size:14px;background-color:#fff;box-shadow:inset 0 1px 3px #0000001a;transition:border-color .2s}.formulario-nuevo-mensaje textarea:focus{border-color:#057a55}.send-button{background-color:transparent;border:none;color:#057a55;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;transition:transform .2s,color .2s}.send-button:hover{transform:scale(1.1);color:#4fe78c}.new-message-wrapper{position:relative;width:100%}.emoji-picker-container{position:absolute;bottom:60px;left:10px;z-index:20}.emoji-button{background:none;border:none;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;transition:color .2s,transform .2s}.emoji-button:hover{color:#057a55;transform:scale(1.1)}@media (max-width: 480px){.formulario-nuevo-mensaje{padding:8px}.formulario-nuevo-mensaje textarea{font-size:15px}}@media (min-width: 1400px){.formulario-nuevo-mensaje textarea{font-size:18px}}@media (min-width: 1600px){.formulario-nuevo-mensaje{max-width:1200px;margin:0 auto}}.loader-orbit-container{background-color:#057a55;display:flex;align-items:center;justify-content:center;height:100vh}.orbit-loader{position:relative;width:60px;height:60px}.orbit-loader div{position:absolute;width:12px;height:12px;background:#ccc;border-radius:50%;animation:orbit 1.2s linear infinite}.orbit-loader div:nth-child(1){top:0;left:50%;transform:translate(-50%,-50%);animation-delay:0s}.orbit-loader div:nth-child(2){top:50%;right:0;transform:translate(50%,-50%);animation-delay:.2s}.orbit-loader div:nth-child(3){bottom:0;left:50%;transform:translate(-50%,50%);animation-delay:.4s}.orbit-loader div:nth-child(4){top:50%;left:0;transform:translate(-50%,-50%);animation-delay:.6s}@keyframes orbit{0%{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;margin:0;padding:0}#root{height:100%;width:100%}.app-container{width:100%;max-width:1600px;height:100%;display:flex;flex-direction:column;box-shadow:0 3px 12px #0003}@media (max-width: 320px){.responsive-padding{padding:12px}button,.clickable{min-height:44px;min-width:44px}}@media (min-width: 2000px){.app-container{align-items:center}.max-width-large{max-width:1600px;margin:0 auto;width:100%}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#057a55;border-bottom:1px solid #ddd}.back-button{background:transparent;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;transition:background-color .2s}.chat-header-center{display:flex;align-items:center;gap:10px;flex-grow:1;max-width:100%;min-width:0}.back-button:hover{background-color:#fff3}.chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-left:50px}.chat-contact-info{display:flex;flex-direction:column;color:#fff}.chat-contact-info h4{margin:0;font-size:16px}.chat-contact-info small{font-size:13px}.chat-header-buttons,.chat-header-right{display:flex;align-items:center;gap:10px}.icon-button{background:transparent;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;transition:background-color .2s}.icon-button:hover{background-color:#fff3}.chat-header-info{display:flex;align-items:center;gap:10px}@media (max-width: 480px){.chat-header{padding:6px 8px;gap:6px}.back-button{padding:4px;margin:0;display:flex;align-items:center;justify-content:center;height:32px;width:32px;font-size:20px}.chat-header-center{flex-grow:1;justify-content:flex-start;gap:8px}.chat-avatar{width:36px;height:36px}.chat-contact-info h4{font-size:14px}.chat-contact-info small{font-size:11px}.chat-header-info{gap:8px}.icon-button{padding:4px;font-size:18px}}@media (min-width: 1600px){.chat-avatar{width:56px;height:56px}.chat-contact-info h4{font-size:17px}.chat-contact-info small{font-size:14px}}.contact-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eee;text-decoration:none;color:inherit;position:relative}.contact-item:hover{background-color:#f5f5f5}.contact-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:16px}.contact-details{flex:1;display:flex;flex-direction:column;min-width:0}.contact-header{display:flex;justify-content:space-between;align-items:center}.contact-name{font-weight:700;font-size:17px}.contact-time{font-size:12px;color:gray}.contact-message{font-size:13px;color:#666;margin-top:4px}.unread-badge{background-color:#057a55;color:#fff;font-size:9px;border-radius:999px;padding:4px 8px;position:absolute;right:20px;top:60%}@media (max-width: 480px){.contact-avatar{width:40px;height:40px;margin-right:8px}.contact-name{font-size:15px}.contact-time{font-size:11px}.contact-message{font-size:13px}.unread-badge{right:12px;top:50%}}@media (min-width: 481px) and (max-width: 1024px){.contact-avatar{width:45px;height:45px}.contact-name{font-size:16px}.contact-message{font-size:14px}}@media (min-width: 1025px) and (max-width: 1199px){.contact-avatar{width:48px;height:48px}.contact-name{font-size:16px}.contact-message{font-size:13.5px}}@media (min-width: 1200px){.contact-avatar{width:50px;height:50px}.contact-name{font-size:16px}.contact-message{font-size:14px}.contact-time{font-size:12px}}@media (min-width: 1600px){.contact-item{padding-left:20px;padding-right:20px}}.app-wrapper{display:flex;justify-content:center;align-items:stretch;height:100vh;width:100%}.contact-screen{width:100%;min-width:320px;max-width:1600px;height:100%;display:flex;flex-direction:column;background-color:#fff;background-size:cover;background-position:center;box-shadow:0 3px 12px #0003}.header{background-color:#057a55;color:#fff;padding:16px;display:flex;align-items:center;justify-content:center;position:relative;height:70px}.header-actions{position:absolute;bottom:8px;right:12px;display:flex;gap:12px}.header-icon{width:40px;display:flex;justify-content:center;align-items:center}.title{font-size:24px;font-weight:700;text-align:center;pointer-events:none}.search-bar{background-color:#057a55;padding:8px}.search-bar input{width:100%;padding:8px;border-radius:6px;border:none;outline:none;font-size:16px}.footer-nav{background-color:#057a55;color:#fff;display:flex;justify-content:space-around;align-items:center;padding:8px 0;font-size:13px;margin-top:auto;max-width:1600px;width:100%;margin-inline:auto}.footer-nav div{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#fff}@media (max-width: 767px){.footer-nav{position:fixed;bottom:0;width:100%;border-top:1px solid #25D366;z-index:10}.contact-screen{padding-bottom:60px}.title{font-size:20px}.header-actions{gap:8px;bottom:6px}.header-icon{width:32px}.search-bar input{font-size:14px;padding:6px}.footer-nav div{font-size:11px}}@media (min-width: 768px) and (max-width: 1024px){.title{font-size:22px}.header-icon{width:36px}.search-bar input{font-size:15px}.footer-nav div{font-size:12px}}@media (min-width: 1025px) and (max-width: 1599px){.title{font-size:24px}.search-bar input{font-size:16px}.footer-nav div{font-size:13px}}@media (min-width: 1600px){.header{padding:24px}.title{font-size:28px}.search-bar input{font-size:18px;padding:12px}.footer-nav{font-size:15px;padding:12px 0}.footer-nav div{font-size:14px}}.contact-detail-container-1{width:100vw;height:100vh;padding:0;margin:0;color:#111;background-color:#fff;display:flex;flex-direction:column;position:relative}.contact-header-1{background-color:#007a5a;padding:30px 20px 20px;display:flex;flex-direction:column;align-items:center;color:#fff}.contact-detail-avatar-1{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:10px}.contact-actions-1{display:flex;justify-content:space-around;padding:20px;background-color:#fff;border-top:1px solid #ddd;flex-wrap:wrap;gap:10px}.action-button-1{display:flex;flex-direction:column;align-items:center;padding:15px;border:1px solid #ccc;border-radius:12px;min-width:120px;transition:all .3s ease;flex:1 1 30%;max-width:150px}.action-button-1:last-child{border-right:1px solid #ccc}.action-button-1 i{font-size:20px;margin-bottom:5px}.action-button-1:hover{background-color:#f0f0f0;cursor:pointer}.action-button-1 span{margin-top:8px;color:#999}.contact-info-section-1{padding:30px 20px;flex:1;overflow-y:auto}.detail-section-1{margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:10px}.detail-section-1 h3{margin:0 0 8px;font-weight:600;color:#057a55}.detail-section-1 p{margin:0;font-size:14px;color:#057a55}.back-button{position:absolute;top:20px;left:20px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#fff;z-index:10}.more-options-button{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:24px;color:#fff;cursor:pointer;z-index:10}@media (max-width: 1024px){.contact-detail-avatar-1{width:100px;height:100px}.action-button-1{min-width:100px}}@media (max-width: 768px){.contact-detail-avatar-1{width:90px;height:90px}.action-button-1{min-width:90px;padding:10px}.detail-section-1 h3{font-size:16px}.detail-section-1 p{font-size:13px}.back-button{top:15px;left:15px;font-size:20px}}@media (max-width: 480px){.contact-header-1{padding:20px 10px}.contact-detail-avatar-1{width:75px;height:75px}.action-button-1{min-width:80px;max-width:100px;padding:8px}.action-button-1 span{font-size:12px}.contact-info-section-1{padding:20px 10px}.detail-section-1 h3{font-size:14px}.detail-section-1 p{font-size:13px}}@media (min-width: 1600px){.contact-detail-container-1{max-width:1400px;margin:0 auto}}