:root{font-size:16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}@media(prefers-reduced-motion:no-preference){html{font-size:clamp(14px,1rem,20px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);min-height:100vh;color:#000!important;overflow-x:hidden;font-size:clamp(.875rem,1rem,1.25rem);line-height:1.5}:root{--modal-attach-bg: white}.dark-mode{--modal-attach-bg: #0f1116}*{color:#000!important;font-weight:700!important}svg,path,polygon,circle,rect,line,polyline,.btn-volver-conversaciones,.btn-conversacion-menu,.btn-nueva-conversacion,.btn-enviar-mensaje,.btn-contacto-menu,.btn-regenerar-captcha,button svg,.icon,[class*=icon],[class*=btn] svg{color:inherit!important;font-weight:inherit!important}input,textarea{color:#000!important;font-weight:700!important}input::placeholder,textarea::placeholder{color:#0009!important;font-weight:700!important}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);z-index:1000;transition:opacity .5s ease-out}.conversaciones-view{display:none!important;min-height:100vh;padding-top:0;background:transparent;box-sizing:border-box;width:100%;max-width:100%}.conversaciones-view.active{display:block!important}.conversaciones-header{display:flex;justify-content:space-between;align-items:center;padding:2px 15px;margin:0;background:transparent;border-bottom:none;width:100%;box-sizing:border-box}.conversaciones-header h1{margin:0;color:#fff;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;text-shadow:0 .125rem .25rem rgba(0,0,0,.3);line-height:1.2;overflow-wrap:break-word;word-break:break-word}.btn-nueva-conversacion{background:#fff3;border:none;color:#fff;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;border-radius:50%;cursor:pointer;font-size:clamp(1.125rem,2vw,1.25rem);display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.btn-nueva-conversacion:hover{background:#ffffff4d;transform:scale(1.1)}.conversaciones-list{padding:.625rem;max-height:calc(100vh - 13.125rem);overflow-y:auto;width:100%;box-sizing:border-box}.usuarios-busqueda-container{background:#fffffff2;border-radius:12px;margin:20px;padding:20px;box-shadow:0 4px 20px #0003;max-height:calc(100vh - 200px);overflow-y:auto}.usuarios-busqueda-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #6a4c93}.usuarios-busqueda-header h2{margin:0;color:#333;font-size:1.5rem}.btn-cerrar-busqueda-usuarios{background:#f44336;color:#fff;border:none;width:35px;height:35px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.btn-cerrar-busqueda-usuarios:hover{background:#d32f2f}.usuarios-busqueda-search{position:relative;margin-bottom:20px}.usuarios-busqueda-input{width:100%;padding:12px 45px 12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;box-sizing:border-box;transition:border-color .3s}.usuarios-busqueda-input:focus{outline:none;border-color:#6a4c93}.usuarios-busqueda-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.usuarios-busqueda-list{min-height:200px}.usuarios-busqueda-loading,.usuarios-busqueda-empty{padding:40px;text-align:center;color:#333}.usuarios-busqueda-empty p{color:#333;font-weight:500}.usuarios-busqueda-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.usuarios-busqueda-table thead{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;position:sticky;top:0;z-index:10}.usuarios-busqueda-table th{padding:15px 20px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.usuarios-busqueda-table tbody tr{border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background .2s}.usuarios-busqueda-table tbody tr:hover{background:#f5f5f5}.usuarios-busqueda-table td{padding:15px 20px;vertical-align:middle}.usuarios-busqueda-cell-usuario{min-width:250px}.usuarios-busqueda-usuario-container{display:flex;align-items:center;gap:15px}.usuarios-busqueda-usuario-info{flex:1;min-width:0}.usuarios-busqueda-cell-pais,.usuarios-busqueda-cell-idioma{min-width:150px}.usuarios-busqueda-pais-container,.usuarios-busqueda-idioma-container{display:flex;align-items:center;gap:8px}.usuarios-busqueda-flag{font-size:20px;line-height:1}.usuarios-busqueda-pais-nombre,.usuarios-busqueda-idioma-nombre{font-size:14px;color:#333}.usuarios-busqueda-cell-accion{min-width:180px;text-align:right}.usuarios-busqueda-accion-container{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.usuarios-busqueda-btn-contactar{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.usuarios-busqueda-btn-contactar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6a4c9366}@media(max-width:768px){.usuarios-busqueda-container{margin:10px;padding:15px}.usuarios-busqueda-table{font-size:12px}.usuarios-busqueda-table th,.usuarios-busqueda-table td{padding:10px 12px}.usuarios-busqueda-cell-usuario{min-width:180px}.usuarios-busqueda-cell-pais,.usuarios-busqueda-cell-idioma{min-width:100px}.usuarios-busqueda-cell-accion{min-width:120px}}.conversacion-item{display:flex;align-items:center;padding:.9375rem;margin-bottom:.625rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.9375rem;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);min-height:3.125rem}.conversacion-item:hover{background:#fff3;transform:translate(.3125rem)}.conversacion-item-avatar{width:3.125rem;height:3.125rem;min-width:3.125rem;min-height:3.125rem;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin-right:.9375rem;font-size:clamp(1.125rem,2vw,1.25rem);color:#fff;font-weight:700;flex-shrink:0;overflow:hidden}.conversacion-item-avatar img{width:100%;height:100%;object-fit:cover}.conversacion-item-info{flex:1;min-width:0}.conversacion-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.conversacion-item-nombre{font-weight:700;color:#fff;font-size:clamp(.875rem,2vw,1rem);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 .0625rem .1875rem rgba(0,0,0,.3);overflow-wrap:break-word;word-break:break-word}.conversacion-item-fecha{font-size:clamp(.75rem,1.5vw,.85rem);color:#fff;white-space:nowrap;margin-left:.625rem;opacity:.9;text-shadow:0 .0625rem .125rem rgba(0,0,0,.3)}.conversacion-item-preview{font-size:clamp(.8125rem,1.75vw,.9rem);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95;text-shadow:0 .0625rem .125rem rgba(0,0,0,.3);overflow-wrap:break-word;word-break:break-word}.conversacion-item-badge{background:#4caf50;color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700;margin-left:10px;min-width:20px;text-align:center}.conversaciones-loading,.mensajes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#fff;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.3)}.conversaciones-loading p,.mensajes-loading p{color:#fff!important;font-weight:500!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.conversaciones-empty{text-align:center;padding:60px 20px;color:#fff;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.3)}.conversaciones-empty p{color:#fff!important;font-weight:600!important;font-size:1.1rem!important;text-shadow:0 2px 4px rgba(0,0,0,.4)!important}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.conversacion-view{display:none;flex-direction:column;height:calc(100vh - 60px);background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.conversacion-view.active{display:flex}.conversacion-header{display:flex;align-items:center;padding:.9375rem 1.25rem;min-height:3.75rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:999}.btn-volver-conversaciones{background:transparent;border:none;color:#fff;font-size:clamp(1.25rem,3vw,1.5rem);cursor:pointer;padding:.3125rem .625rem;margin-right:.625rem;min-width:2.5rem;min-height:2.5rem;transition:transform .2s;flex-shrink:0}.btn-volver-conversaciones:hover{transform:translate(-3px)}.conversacion-header-info{display:flex;align-items:center;flex:1}.conversacion-avatar{width:2.8125rem;height:2.8125rem;min-width:2.8125rem;min-height:2.8125rem;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin-right:.75rem;font-size:clamp(1rem,2.25vw,1.125rem);color:#fff;font-weight:700;overflow:hidden;flex-shrink:0}.conversacion-avatar img{width:100%;height:100%;object-fit:cover}.conversacion-info h2{margin:0;color:#000!important;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:700!important;overflow-wrap:break-word;word-break:break-word}.conversacion-estado{font-size:clamp(.75rem,1.5vw,.85rem);color:#000!important;font-weight:700!important}.btn-conversacion-menu{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px 10px}.conversacion-mensajes{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.625rem;align-items:stretch;min-height:0}.mensajes-list{width:100%;display:flex;flex-direction:column;align-items:stretch}.mensaje-item{display:flex;margin-bottom:10px;animation:fadeInMessage .3s ease-in;width:100%;align-items:flex-start}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mensaje-item.propio,.mensaje-item.ajeno{justify-content:flex-start;align-items:flex-start;margin-left:0;margin-right:auto}.mensaje-burbuja{max-width:85%;min-width:12.5rem;padding:.75rem 1rem;border-radius:1.125rem;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal;position:relative}.mensaje-item.propio .mensaje-burbuja{background:#ffffffe6;background-color:#ffffffe6;color:#000;border-bottom-left-radius:4px;margin-left:0;margin-right:auto}body.theme-dark .mensaje-item.propio .mensaje-burbuja,body.theme-dark .mensaje-item.propio .mensaje-burbuja:before,body.theme-dark .mensaje-item.propio .mensaje-burbuja:after{background:#3d2a5b!important;background-color:#3d2a5b!important;color:#fff!important}.mensaje-item.ajeno .mensaje-burbuja{background:#fff3;color:#000;border-bottom-left-radius:4px;margin-left:0;margin-right:auto}.mensaje-texto{margin:0;line-height:1.5;color:#000!important;font-weight:700!important;font-size:clamp(.875rem,2vw,1rem);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal;width:100%}.mensaje-metadata{display:flex;justify-content:space-between;align-items:center;margin-top:5px;font-size:.75rem;opacity:.7}.mensaje-traduccion-badge{display:inline-block;background:linear-gradient(135deg,#4caf5066,#388e3c66);color:#fff;padding:3px 8px;border-radius:12px;font-size:.75rem;margin-left:6px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(76,175,80,.5);box-shadow:0 2px 4px #0000001a}.mensaje-traduccion-badge:hover{background:linear-gradient(135deg,#4caf5099,#388e3c99);transform:scale(1.1);box-shadow:0 3px 6px #0003}.mensaje-traduccion-badge.error{background:linear-gradient(135deg,#f4433666,#c6282866);border-color:#f4433680}.mensaje-traduccion-badge.error:hover{background:linear-gradient(135deg,#f4433699,#c6282899)}.mensaje-estado{display:inline-block;font-size:.7rem;margin-left:5px;font-weight:700}.conversacion-input-container{padding:.9375rem 1.25rem;min-height:3.75rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);position:relative;z-index:10}@media(min-width:769px){.conversacion-view{position:relative;height:calc(100vh - 60px);padding-top:60px;margin-top:0;box-sizing:border-box}.conversacion-header{position:relative;z-index:999}.conversacion-input-container{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1000;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);box-shadow:0 -2px 10px #0000001a}.conversacion-mensajes{padding-bottom:100px}}@media(max-width:768px){.conversacion-view{height:100vh;position:fixed;inset:0;z-index:100}.conversacion-view.active{display:flex;flex-direction:column;overflow:hidden}.conversacion-header{flex-shrink:0}.conversacion-mensajes{flex:1;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:20px;min-height:0;max-height:calc(100vh - 200px)}.conversacion-input-container{flex-shrink:0;display:block!important;visibility:visible!important;opacity:1!important;position:relative;z-index:1000;padding:12px 15px;padding-bottom:max(15px,env(safe-area-inset-bottom,15px));background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.2);box-sizing:border-box;width:100%}.conversacion-input-wrapper{display:flex!important;visibility:visible!important;align-items:center!important;gap:8px!important;padding:6px 10px!important;box-sizing:border-box!important;width:100%!important}.conversacion-input-wrapper .btn-adjuntar-archivo,.conversacion-input-wrapper .btn-enviar-mensaje{flex-shrink:0!important;margin:0!important}.conversacion-input-wrapper #mensajeInput{flex:1 1 auto!important;min-width:0!important;margin:0!important}#mensajeInput{display:block!important;visibility:visible!important;opacity:1!important}#mensajeInput:focus{position:relative}}.conversacion-input-wrapper{display:flex;align-items:flex-end;gap:.625rem;background:#fff3;border-radius:1.5625rem;padding:.5rem .9375rem;min-height:2.5rem}#mensajeInput{flex:1;background:transparent;border:none;color:#fff;font-size:clamp(.875rem,2vw,1rem);resize:none;max-height:7.5rem;min-height:1.5rem;overflow-y:auto;outline:none;overflow-wrap:break-word;word-break:break-word;line-height:1.5}#mensajeInput::placeholder{color:#fff9}.btn-adjuntar-archivo{background:#ffffff4d;border:none;color:#fff;width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;font-size:clamp(1.125rem,2.5vw,1.2rem)}.btn-adjuntar-archivo:hover:not(:disabled){background:#ffffff80;transform:scale(1.1)}.btn-adjuntar-archivo:disabled{opacity:.5;cursor:not-allowed}body.theme-dark .btn-adjuntar-archivo,body.dark-mode .btn-adjuntar-archivo{background:#b0b0b026!important;border:1px solid rgba(176,176,176,.3)!important;color:#b0b0b0!important}body.theme-dark .btn-adjuntar-archivo:hover:not(:disabled),body.dark-mode .btn-adjuntar-archivo:hover:not(:disabled){background:#e0e0e040!important;border-color:#e0e0e066!important;color:#e0e0e0!important}.btn-enviar-mensaje{background:#ffffff4d;border:none;color:#fff;width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;font-size:clamp(1rem,2vw,1.125rem)}.btn-enviar-mensaje:hover:not(:disabled){background:#ffffff80;transform:scale(1.1)}body.theme-dark .btn-enviar-mensaje,body.dark-mode .btn-enviar-mensaje{background:#b0b0b026!important;border:1px solid rgba(176,176,176,.3)!important;color:#b0b0b0!important}body.theme-dark .btn-enviar-mensaje:hover:not(:disabled),body.dark-mode .btn-enviar-mensaje:hover:not(:disabled){background:#e0e0e040!important;border-color:#e0e0e066!important;color:#e0e0e0!important}.upload-progress-container{margin-top:10px;padding:10px;background:#ffffff1a;border-radius:10px}.upload-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.upload-file-name{color:#000;font-weight:700;font-size:.9rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-cancelar-upload{background:#ff00004d;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .3s ease}.btn-cancelar-upload:hover{background:#ff000080;transform:scale(1.1)}.upload-progress-bar{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden;margin-bottom:5px}.upload-progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);width:0%;transition:width .3s ease}.upload-progress-text{color:#000;font-weight:700;font-size:.8rem;text-align:right;display:block}.modal-adjuntos-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-adjuntos{background:#fff;border-radius:20px;padding:30px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-adjuntos h3{color:#000;font-weight:700;margin:0 0 20px;text-align:center;font-size:1.3rem}.modal-adjuntos-options{display:flex;flex-direction:column;gap:15px}.modal-adjuntos-option{display:flex;align-items:center;gap:15px;padding:15px;background:#0000000d;border-radius:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.modal-adjuntos-option:hover{background:#0000001a;border-color:#0003;transform:translateY(-2px)}.modal-adjuntos-option-icon{font-size:2rem;width:50px;text-align:center}.modal-adjuntos-option-text{flex:1;color:#000;font-weight:700}.modal-adjuntos-close{position:absolute;top:15px;right:15px;background:#0000001a;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#000;font-weight:700}body.dark-mode .modal-adjuntos{background:#0f1116!important;border:1px solid #1f2933!important;color:#e5e7eb!important;box-shadow:0 18px 52px #000000a6!important}body.dark-mode .modal-adjuntos h3{color:#e5e7eb!important}body.dark-mode .modal-adjuntos-option{background:#1f2128!important;border:1px solid #2d2f38!important;color:#e5e7eb!important}body.dark-mode .modal-adjuntos-option:hover{background:#272a33!important;border-color:#8a6fc2!important}body.dark-mode .modal-adjuntos-option-text,body.dark-mode .modal-adjuntos-option-icon{color:#e5e7eb!important}#fileInputHidden{display:none}.modal-grabacion-audio-overlay{position:fixed;inset:0;background:#000c;z-index:10001;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-grabacion-audio h3{color:#000;font-weight:700;margin:0 0 20px;text-align:center;font-size:1.3rem}.modal-grabacion-audio-close{position:absolute;top:15px;right:15px;background:#0000001a;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:1.5rem;color:#000;display:flex;align-items:center;justify-content:center;transition:background .3s}.audio-grabacion-estado{text-align:center;padding:20px;margin:20px 0}.audio-grabacion-icono{font-size:4rem;margin-bottom:15px;animation:pulse 2s infinite}.audio-grabacion-icono.grabando{animation:pulse .5s infinite;color:red}.audio-grabacion-tiempo{font-size:2rem;font-weight:700;color:#000;margin:10px 0}.audio-grabacion-mensaje{font-size:1rem;color:#666;margin-top:10px}.audio-grabacion-preview{margin:20px 0;padding:15px;background:#0000000d;border-radius:10px}.btn-audio{padding:15px 20px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-audio-grabar{background:#4caf50;color:#fff}.btn-audio-grabar:hover{background:#45a049}.btn-audio-detener{background:#f44336;color:#fff}.btn-audio-detener:hover{background:#da190b}.btn-audio-confirmar{background:#6a4c93;color:#fff}.btn-audio-confirmar:hover{background:#5a3d83}.btn-audio-regrabar{background:#ff9800;color:#fff}.btn-audio-regrabar:hover{background:#e68900}.mensaje-archivo-preview{margin-top:10px;padding:10px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;gap:10px}.mensaje-archivo-preview-info{flex:1;color:#000;font-weight:700;font-size:.9rem}.mensaje-archivo-preview-remove{background:#ff00004d;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem}.modal-archivo-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10001}.modal-archivo-content{max-width:90%;max-height:90%;position:relative}.modal-archivo-content img,.modal-archivo-content video{max-width:100%;max-height:90vh;border-radius:10px}.modal-archivo-close{position:absolute;top:-40px;right:0;background:#fff3;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.modal-archivo-close:hover{background:#ffffff4d}.camera-container{position:fixed;inset:0;background:#000000f2;z-index:10002;display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-video{max-width:100%;max-height:70vh;border-radius:10px}.camera-controls{margin-top:20px;display:flex;gap:15px;align-items:center}.camera-btn{padding:15px 30px;border:none;border-radius:50px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s ease}.camera-btn-capture{background:#4caf50;color:#fff}.camera-btn-cancel{background:#fff3;color:#fff}.camera-btn-switch{background:#fff3;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.camera-btn:hover{transform:scale(1.05)}.contactos-view{display:none;min-height:100vh;padding-top:0;background:transparent;box-sizing:border-box;width:100%;max-width:100%}.contactos-view.active{display:block}.contactos-header{display:flex;justify-content:space-between;align-items:center;padding:2px 15px;margin:0;background:transparent;border-bottom:none;min-height:auto;width:100%;box-sizing:border-box}.contactos-header h1{margin:0;color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.btn-buscar-contacto{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-buscar-contacto:hover{background:#ffffff4d;transform:scale(1.1)}.contactos-search-container{padding:10px 15px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:10px}.contactos-search-input{flex:1;padding:10px 15px;border:none;border-radius:20px;background:#ffffffe6;color:#333;font-size:.95rem;outline:none}.contactos-search-input::placeholder{color:#999}.btn-cerrar-busqueda{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.btn-cerrar-busqueda:hover{background:#fff3}.contactos-list{padding:5px;max-height:calc(100vh - 210px);overflow-y:auto}.contacto-item{display:flex;align-items:center;padding:10px 15px;margin-bottom:2px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.contacto-item:hover{background:#fff3;border-left-color:#ffffff80}.contacto-item.favorito{border-left-color:gold}.contacto-item-avatar{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:20px;color:#fff;font-weight:600;flex-shrink:0;overflow:hidden;position:relative}.contacto-item-avatar img{width:100%;height:100%;object-fit:cover}.contacto-item-avatar .favorito-badge{position:absolute;bottom:-2px;right:-2px;background:gold;color:#333;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid rgba(255,255,255,.3)}.contacto-item-info{flex:1;min-width:0}.contacto-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.contacto-item-nombre{font-weight:600;color:#fff;font-size:.95rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacto-item-preview{font-size:.85rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacto-item-accion{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;flex-shrink:0;margin-left:8px}.contacto-item-accion:hover{background:#ffffff4d;transform:scale(1.1)}.contactos-loading,.contactos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff}.contactos-empty .empty-icon{font-size:64px;margin-bottom:20px;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.contactos-tabla-search-container{padding:10px 15px;background:transparent;border-bottom:none}.contactos-search-status-container{display:flex!important;justify-content:center;align-items:center;margin-bottom:8px;padding:4px 0;min-height:40px;width:100%;cursor:pointer;visibility:visible!important;opacity:1!important}.contactos-search-status-container .user-status-badge{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.contactos-search-status-container .user-status-badge:hover{transform:scale(1.05);opacity:.9}@media(min-width:769px){.contactos-search-status-container{display:flex!important;visibility:visible!important;opacity:1!important;min-height:40px!important}}.contactos-tabla-search-wrapper{display:flex;align-items:center;gap:10px;max-width:600px;margin:0 auto}.contactos-tabla-search-input{flex:1;padding:8px 35px 8px 14px;border:2px solid rgba(255,255,255,.3);border-radius:20px;background:#ffffffe6;color:#333;font-size:.9rem;outline:none;transition:all .3s ease}.contactos-tabla-search-input:focus{border-color:#fff9;background:#fff;box-shadow:0 0 0 3px #fff3}.contactos-tabla-search-input::placeholder{color:#999}.contactos-tabla-search-clear{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.contactos-tabla-search-clear:hover{background:#ffffff4d;transform:scale(1.1)}.contactos-tabla-wrapper{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;padding:20px;max-height:calc(100vh - 200px);overflow-y:auto}.contactos-tabla-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.3)}.contactos-tabla-loading p{color:#fff!important;font-weight:500!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important}.contactos-tabla{width:100%;border-collapse:collapse;background:#fffffff2;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0003}.contactos-tabla thead{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;position:sticky;top:0;z-index:10}.contactos-tabla-th{padding:15px 20px;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.contactos-tabla-th.ordenable{cursor:pointer;transition:background .2s ease;position:relative}.contactos-tabla-th.ordenable:hover{background:#ffffff1a}.contactos-tabla-th.orden-activo{background:#ffffff26}.orden-indicador{margin-left:8px;font-size:.8rem;opacity:.8}.contactos-tabla tbody tr{border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s ease}.contactos-tabla tbody tr:hover{background:#6a4c931a}.contactos-tabla tbody tr:active{background:#6a4c9333}.contactos-tabla tbody td{padding:15px 20px;vertical-align:middle;color:#000;font-weight:700;font-size:1.1rem}.contactos-tabla-avatar{width:60px}.contactos-tabla-avatar-container{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.contactos-tabla-avatar-container:hover{transform:scale(1.05);box-shadow:0 2px 8px #6a4c934d;transition:transform .2s ease,box-shadow .2s ease}.contactos-tabla-avatar-container{overflow:hidden;position:relative}.contactos-tabla tbody tr:hover .contactos-tabla-avatar-img{transform:none;width:100%;height:100%;max-width:100%;max-height:100%}.contactos-modal-imagen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:fadeIn .2s ease}.contactos-modal-imagen img{max-width:90vw;max-height:90vh;border-radius:10px;box-shadow:0 4px 20px #00000080;object-fit:contain;cursor:default}.contactos-tabla-archat{width:80px;text-align:center;vertical-align:middle}.archat-icon{display:inline-block;font-size:1.5rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.archat-icon:hover{transform:scale(1.2)}.archat-icon-blink{animation:archat-blink 1.5s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(106,76,147,.6))}@keyframes archat-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.archat-icon-fixed{opacity:.3}.contactos-tabla-estado{width:150px;text-align:center}.contactos-tabla-estado .user-status-badge{cursor:pointer;transition:all .3s ease}.contactos-tabla-estado .user-status-badge:hover{transform:scale(1.15);filter:brightness(1.2)}.contactos-tabla-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;position:absolute;top:0;left:0;z-index:1;pointer-events:none}.contactos-tabla-avatar-inicial{color:#fff;font-weight:600;font-size:20px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.contactos-tabla-empty{text-align:center;padding:40px 20px;color:#fff;font-size:1rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.3)}.ayuda-view{padding:20px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 140px)}.ayuda-container{background:#fffffff2;border-radius:15px;padding:30px;box-shadow:0 4px 20px #0000001a}.ayuda-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid rgba(106,76,147,.2)}.ayuda-header h1{color:#9d7fcc;font-size:2.5rem;font-weight:700;margin:0}.ayuda-content{color:#333}.ayuda-section{margin-bottom:40px}.ayuda-section h2{color:#9d7fcc;font-size:1.8rem;margin-bottom:20px;font-weight:600}.ayuda-section p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:15px}.ayuda-steps{display:flex;flex-direction:column;gap:25px;margin-top:20px}.ayuda-step{display:flex;gap:20px;align-items:flex-start;background:#6a4c930d;padding:20px;border-radius:10px;border-left:4px solid #6a4c93;transition:transform .2s ease,box-shadow .2s ease}.ayuda-step:hover{transform:translate(5px);box-shadow:0 4px 12px #6a4c9326}.ayuda-step-number{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.ayuda-step-content{flex:1}.ayuda-step-content h3{color:#9d7fcc;font-size:1.3rem;margin-bottom:10px;font-weight:600}.ayuda-step-content p{color:#666;font-size:1rem;line-height:1.6;margin:0}.ayuda-features,.ayuda-tips{list-style:none;padding:0;margin:20px 0}.ayuda-features li,.ayuda-tips li{padding:15px 20px;margin-bottom:10px;background:#6a4c930d;border-radius:8px;border-left:3px solid #6a4c93;font-size:1rem;line-height:1.6;color:#555;transition:background .2s ease}.ayuda-features li:hover,.ayuda-tips li:hover{background:#6a4c931a}.ayuda-about{background:linear-gradient(135deg,#6a4c931a,#5a3d831a);padding:25px;border-radius:10px;text-align:center;margin-top:20px}.ayuda-about p{margin:10px 0;color:#555}.ayuda-about-name{font-size:1.5rem;font-weight:700;color:#9d7fcc;margin:15px 0!important}.ayuda-about-location{font-size:1.1rem;color:#666;font-style:italic}.ayuda-about-linkedin{margin-top:20px!important}.ayuda-linkedin-link{display:inline-flex;align-items:center;gap:8px;color:#0077b5;text-decoration:none;font-weight:600;font-size:1.1rem;padding:12px 24px;background:#0077b51a;border-radius:8px;border:2px solid rgba(0,119,181,.3);transition:all .3s ease}.ayuda-linkedin-link:hover{background:#0077b533;border-color:#0077b5;transform:translateY(-2px);box-shadow:0 4px 12px #0077b54d}.ayuda-linkedin-link i{font-size:1.3rem}.ayuda-footer{margin-top:40px;padding-top:20px;border-top:2px solid rgba(106,76,147,.2);text-align:center}.ayuda-footer p{color:#666;font-size:.9rem;margin:0}.ayuda-footer strong{color:#9d7fcc}.ayuda-footer span{color:#999;font-size:.85rem}@media(max-width:768px){.ayuda-view{padding:15px}.ayuda-container{padding:20px}.ayuda-header h1{font-size:2rem}.ayuda-section h2{font-size:1.5rem}.ayuda-step{flex-direction:column;gap:15px}.ayuda-step-number{width:40px;height:40px;font-size:1.2rem}.ayuda-about{padding:20px}.ayuda-about-name{font-size:1.3rem}.ayuda-linkedin-link{font-size:1rem;padding:10px 20px}}@keyframes pulse-online{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 6px currentColor)}}.user-status-badge{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,#fffffffa,#f5f7fafa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #00000014,0 1px 3px #0000000f,inset 0 1px #ffffff80;border:2px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.user-status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.user-status-badge:hover:before{left:100%}.user-status-badge-small{font-size:.75rem;padding:3px 8px;gap:5px;border-radius:14px}.user-status-badge-large{font-size:1.05rem;padding:8px 18px;gap:10px;border-radius:24px}.user-status-indicator{display:inline-flex;align-items:center;justify-content:center;font-size:1.3em;line-height:1;filter:drop-shadow(0 0 3px rgba(0,0,0,.3));transition:all .3s ease}.user-status-badge-small .user-status-indicator{font-size:1.1em}.user-status-badge-large .user-status-indicator{font-size:1.5em}.user-status-text{color:#1a202c;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;text-shadow:0 1px 2px rgba(255,255,255,.8);letter-spacing:.3px}.user-status-badge-small .user-status-text{max-width:90px;font-size:.75rem;font-weight:600}.user-status-badge-large .user-status-text{max-width:180px;font-size:1rem}.user-status-online{border:2px solid rgba(0,210,106,.6);background:linear-gradient(135deg,#00ff7f40,#90ee9026,#fffffffa);box-shadow:0 2px 12px #00d26a40,0 1px 3px #0000000f,inset 0 1px #fff9}.user-status-online .user-status-indicator{animation:pulse-online 2s ease-in-out infinite;color:#00d26a;filter:drop-shadow(0 0 4px rgba(0,210,106,.6))}.user-status-idle{border:2px solid rgba(250,166,26,.6);background:linear-gradient(135deg,#ffc10740,#ffdf0026,#fffffffa);box-shadow:0 2px 12px #faa61a40,0 1px 3px #0000000f,inset 0 1px #fff9}.user-status-idle .user-status-indicator{color:#faa61a;filter:drop-shadow(0 0 4px rgba(250,166,26,.6))}.user-status-dnd{border:2px solid rgba(240,71,71,.6);background:linear-gradient(135deg,#f0474740,#ff634726,#fffffffa);box-shadow:0 2px 12px #f0474740,0 1px 3px #0000000f,inset 0 1px #fff9}.user-status-dnd .user-status-indicator{color:#f04747;filter:drop-shadow(0 0 4px rgba(240,71,71,.6))}.user-status-busy{border:2px solid rgba(255,69,0,.6);background:linear-gradient(135deg,#ff450040,#ff8c0026,#fffffffa);box-shadow:0 2px 12px #ff450040,0 1px 3px #0000000f,inset 0 1px #fff9}.user-status-busy .user-status-indicator{color:#ff4500;animation:glow 2s ease-in-out infinite}.user-status-offline{border:2px solid rgba(153,153,153,.4);background:linear-gradient(135deg,#99999926,#c0c0c01a,#f5f5f5fa);box-shadow:0 2px 8px #00000014,0 1px 3px #0000000a,inset 0 1px #fff6;opacity:.85}.user-status-offline .user-status-indicator{color:#999}.user-status-offline .user-status-text{color:#718096}.user-status-custom{border:2px solid rgba(106,76,147,.6);background:linear-gradient(135deg,#6a4c934d,#8b5cf633,#fffffffa);box-shadow:0 2px 12px #6a4c934d,0 1px 3px #0000000f,inset 0 1px #fff9}.user-status-custom .user-status-indicator{color:#9d7fcc;filter:drop-shadow(0 0 4px rgba(106,76,147,.6))}.user-status-badge:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #0000001f,0 3px 8px #00000014,inset 0 1px #ffffffb3}.user-status-badge:active{transform:translateY(-1px) scale(.98)}.contacto-imagen-modal-overlay{display:none;position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3001;align-items:center;justify-content:center;padding:20px}.contacto-imagen-modal-overlay.active{display:flex}.contacto-imagen-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.contacto-imagen-modal-content img{max-width:100%;max-height:80vh;border-radius:10px;box-shadow:0 10px 40px #00000080;object-fit:contain}.contacto-imagen-modal-close{position:absolute;top:-50px;right:0;background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.contacto-imagen-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.contacto-imagen-modal-nombre{margin-top:15px;color:#fff;font-size:1.2rem;font-weight:600;text-align:center}@media(max-width:768px){.contacto-imagen-modal-close{top:10px;right:10px;width:35px;height:35px;font-size:24px}.contacto-imagen-modal-nombre{font-size:1rem;margin-top:10px}}.custom-status-modal-overlay{display:none;position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3002;align-items:center;justify-content:center;padding:20px}.custom-status-modal{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}.custom-status-modal-body{padding:30px;flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 300px;gap:30px}.custom-status-input-container input{flex:1}.checkmark{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:4px;position:relative;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#4caf50;border-color:#4caf50}.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .3s ease}.checkbox-label input[type=checkbox]:checked+.checkmark:after{opacity:1}.emoji-picker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;z-index:3003;max-width:300px;width:90%;max-height:400px}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;border-radius:15px 15px 0 0}.emoji-picker-header span{font-weight:600;color:#333}.emoji-picker-header button{background:none;border:none;font-size:20px;cursor:pointer;color:#666}.emoji-picker-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(35px,1fr));gap:10px;max-height:300px;overflow-y:auto}.emoji-picker-grid span{font-size:24px;cursor:pointer;padding:5px;border-radius:5px;transition:background .2s;display:flex;align-items:center;justify-content:center}.emoji-picker-grid span:hover{background:#f0f0f0}@media(max-width:768px){.contactos-tabla-wrapper{padding:10px;overflow-x:visible;display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:300px!important}.contactos-tabla-container{display:block!important;visibility:visible!important;opacity:1!important;min-height:200px!important;width:100%!important;padding:0!important;margin:0!important}.contactos-tabla{width:100%;min-width:auto;font-size:.85rem;display:none!important;overflow-x:visible;visibility:hidden!important}.contactos-lista-movil{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important}.contactos-lista-movil{display:flex!important}.contactos-tabla thead,.contactos-tabla tbody,.contactos-tabla tr{display:block}.contactos-tabla thead{display:none}.contactos-tabla tbody tr{display:flex;flex-direction:column;margin-bottom:15px;background:#fffffff2;border-radius:10px;padding:15px;box-shadow:0 2px 8px #0000001a}.contactos-tabla tbody td{display:flex;align-items:center;padding:8px 0;border:none;border-bottom:1px solid rgba(0,0,0,.05)}.contactos-tabla tbody td:last-child{border-bottom:none}.contactos-tabla tbody td:before{content:attr(data-label);font-weight:600;min-width:100px;margin-right:10px;color:#9d7fcc}.contactos-tabla-avatar{width:100%;justify-content:center}.contactos-tabla-avatar-container{width:60px;height:60px;margin:0 auto}.contactos-tabla-avatar-inicial{font-size:24px}.contactos-tabla-th,.contactos-tabla tbody td{padding:8px 0}.contactos-tabla-search-wrapper{max-width:100%}.contactos-tabla-estado{width:auto;padding:5px}.contactos-tabla tbody td[data-label="Estado:"]{justify-content:center;padding:5px 0}.user-status-badge-small{font-size:.75rem;padding:1px 4px;gap:2px}.contactos-lista-movil{display:flex!important;flex-direction:column!important;gap:0!important;background:#ffffff0d!important;border-radius:0!important;width:100%!important;min-height:200px!important;visibility:visible!important;opacity:1!important}.contactos-lista-item{display:flex!important;align-items:center;padding:12px 16px;background:#fffffff2!important;border-bottom:1px solid rgba(0,0,0,.08);transition:background-color .2s ease;gap:12px;visibility:visible!important;opacity:1!important;min-height:60px}.contactos-lista-item:active{background:#0000000d}.contactos-lista-item:last-child{border-bottom:none}.contactos-lista-avatar{flex-shrink:0;width:50px;height:50px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.contactos-lista-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;position:absolute;top:0;left:0}.contactos-lista-avatar-inicial{font-size:20px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.contactos-lista-contenido{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.contactos-lista-nombre-linea{display:flex;align-items:center;justify-content:space-between;gap:8px}.contactos-lista-nombre{font-size:16px;font-weight:600;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.contactos-lista-estado{flex-shrink:0}.contactos-lista-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.contactos-lista-status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactos-lista-derecha{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:50px}.contactos-lista-badge-mensajes{background:#25d366;color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;min-width:20px;text-align:center;box-shadow:0 2px 4px #0003}.contactos-lista-archat-icon{font-size:18px;animation:archatBlink 1.5s ease-in-out infinite}@keyframes archatBlink{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:1025px){.contactos-view.active{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1!important;min-height:calc(100vh - 70px)!important}.contactos-tabla-wrapper{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:300px!important;padding:10px!important;overflow:visible!important;max-height:none!important;position:relative!important;z-index:2!important}.contactos-tabla-container{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:200px!important;padding:10px!important;overflow:visible!important;max-height:none!important;position:relative!important;z-index:3!important;background:transparent!important}.contactos-tabla{display:none!important}.contactos-lista-movil,#contactosListaBackup,div[style*="flex-direction: column"][style*="background: rgba(255,255,255"]{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:200px!important;position:relative!important;z-index:4!important}div[data-user-id][style*="display: flex"]{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;position:relative!important;z-index:5!important}div[style*="background: red"]{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:9999!important}}@media(min-width:1026px){.contactos-lista-movil{display:none!important}.contactos-tabla{display:table!important}}.user-status-badge-small .user-status-indicator{font-size:.9em}}@media(max-width:768px){.conversacion-item{padding:12px}.conversacion-item-avatar{width:45px;height:45px;margin-right:12px}.mensaje-burbuja{max-width:85%}.contacto-item{padding:12px}.contacto-item-avatar{width:44px;height:44px;margin-right:10px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-header{text-align:center;margin-bottom:40px;padding-top:20px}.menu-header img{width:80px;height:80px;margin-bottom:15px;object-fit:contain}.menu-options{max-width:500px;margin:0 auto}.menu-item{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;margin-bottom:15px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.menu-item:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.menu-item-title{font-size:1.3rem;font-weight:600;margin-bottom:5px}.menu-item-description{font-size:.9rem;opacity:.8}.menu-icon{font-size:2rem;margin-bottom:10px}.perfil-modal-overlay{display:none;position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;overflow-y:auto;padding:20px}.perfil-modal-overlay.active{display:flex;align-items:flex-start;justify-content:center}.perfil-view{display:none;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:20px;padding:30px;max-width:800px;width:100%;max-height:calc(90vh - 70px);overflow-y:auto;margin:90px auto 20px;box-shadow:0 20px 60px #00000080;position:relative;box-sizing:border-box}.perfil-view.active{display:block}.contactos-modal-overlay{display:none!important;position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2001;overflow-y:auto;padding:20px;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.contactos-modal-overlay.active{display:flex!important;align-items:flex-start;justify-content:center;visibility:visible!important;opacity:1!important}.contactos-modal{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;margin:20px auto;box-shadow:0 20px 60px #0000004d}.contactos-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;position:relative}.contactos-modal-header h2{margin:0;font-size:24px;font-weight:600}.contactos-modal-close{position:absolute;top:15px;right:20px;background:#fff3;border:none;color:#fff;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.contactos-modal-close:hover{background:#ffffff4d}.contactos-modal-search{position:relative;padding:20px 30px;border-bottom:1px solid #e0e0e0}.contactos-modal-search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;box-sizing:border-box;transition:border-color .3s}.contactos-modal-search-input:focus{outline:none;border-color:#6a4c93}.contactos-modal-search-icon{position:absolute;right:45px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.contactos-modal-list{flex:1;overflow-y:auto;padding:10px 0}.contactos-modal-table{width:100%;border-collapse:collapse;background:#fff}.contactos-modal-table thead{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;position:sticky;top:0;z-index:10}.contactos-modal-table th{padding:15px 20px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.contactos-modal-table tbody tr{border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background .2s}.contactos-modal-table tbody tr:hover{background:#f5f5f5}.contactos-modal-table td{padding:15px 20px;vertical-align:middle}.contactos-modal-cell-usuario{min-width:250px}.contactos-modal-usuario-container{display:flex;align-items:center;gap:15px}.contactos-modal-usuario-info{flex:1;min-width:0}.contactos-modal-cell-pais,.contactos-modal-cell-idioma{min-width:150px}.contactos-modal-pais-container,.contactos-modal-idioma-container{display:flex;align-items:center;gap:8px}.contactos-modal-flag{font-size:20px;line-height:1}.contactos-modal-pais-nombre,.contactos-modal-idioma-nombre{font-size:14px;color:#333}.contactos-modal-cell-accion{min-width:180px;text-align:right}.contactos-modal-accion-container{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.contactos-modal-btn-contactar{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.contactos-modal-btn-contactar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6a4c9366}.contactos-modal-btn-contactar:active{transform:translateY(0)}@media(max-width:768px){.contactos-modal-table{font-size:12px}.contactos-modal-table th,.contactos-modal-table td{padding:10px 12px}.contactos-modal-cell-usuario{min-width:180px}.contactos-modal-cell-pais,.contactos-modal-cell-idioma{min-width:100px}.contactos-modal-cell-accion{min-width:120px}.contactos-modal-flag{font-size:16px}.contactos-modal-pais-nombre,.contactos-modal-idioma-nombre{font-size:12px}.contactos-modal-btn-contactar{padding:6px 12px;font-size:12px}}.contactos-modal-loading,.contactos-modal-empty{padding:40px 30px;text-align:center}.contactos-modal-item{display:flex;align-items:center;padding:15px 30px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f0f0}.contactos-modal-item:hover{background:#f5f5f5}.contactos-modal-item-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:20px;margin-right:15px;flex-shrink:0;overflow:hidden}.contactos-modal-item-avatar img{width:100%;height:100%;object-fit:cover}.contactos-modal-item-info{flex:1;min-width:0}.contactos-modal-item-name{font-weight:600;font-size:16px;color:#333;margin-bottom:4px}.contactos-modal-item-email{font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactos-modal-item-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-left:10px}.contactos-modal-item-badge.contacto{background:#6a4c9333;color:#9d7fcc}.contactos-modal-item-badge.conversacion{background:#e8f5e9;color:#388e3c}@media(max-width:768px){.contactos-modal{max-width:100%;max-height:100vh;border-radius:0;margin:0}.contactos-modal-overlay{padding:0}.contactos-modal-header{padding:15px 60px 15px 20px}.contactos-modal-search{padding:15px 20px}}.perfil-modal-close{position:absolute;top:15px;right:15px;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}@media(max-width:768px){.perfil-modal-close{top:10px;right:10px;width:35px;height:35px;font-size:20px}}.perfil-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.perfil-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-right:60px;position:relative}.perfil-header h1{font-size:2rem;margin:0}@media(max-width:768px){.perfil-header{padding-right:50px}.perfil-header h1{font-size:1.5rem}}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.btn-editar{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);white-space:nowrap}.btn-editar:hover{background:#ffffff4d}.btn-salir-perfil{background:#fff3;color:#fff;padding:12px 30px;margin:30px auto 0;display:block;width:auto;min-width:150px;border:1px solid rgba(255,255,255,.3)}.btn-salir-perfil:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-salir-perfil span{margin-right:8px}.btn-guardar{background:#4caf50;color:#fff}.btn-guardar:hover:not(:disabled){background:#45a049}.btn-cancelar{background:#ffffff1a;color:#fff;margin-left:10px}.btn-cancelar:hover:not(:disabled){background:#fff3}.btn-volver{background:#ffffff1a;color:#fff;margin-bottom:20px}.btn-volver:hover{background:#fff3}.btn:disabled{opacity:.5;cursor:not-allowed}.mensaje{padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500}.mensaje-success{background:#4caf504d;border:1px solid rgba(76,175,80,.5)}.mensaje-error{background:#f443364d;border:1px solid rgba(244,67,54,.5)}.perfil-imagen-container{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.perfil-imagen-wrapper{position:relative;display:inline-block}.perfil-imagen-wrapper img,.perfil-imagen-placeholder{width:128px;height:128px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);background:#ffffff1a;display:flex;align-items:center;justify-content:center}.perfil-imagen-placeholder{font-size:64px}.perfil-imagen-upload-btn{position:absolute;bottom:-5px;right:-5px;background:#4caf50;color:#fff;border:3px solid white;border-radius:50%;width:40px;height:40px;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;z-index:20;padding:0;margin:0}.perfil-imagen-upload-btn:hover{background:#45a049;transform:scale(1.1)}.perfil-imagen-upload-btn svg{width:20px;height:20px;stroke:#fff}.perfil-imagen-upload-btn span{display:none}@media(max-width:768px){.perfil-imagen-upload-btn{width:40px;height:40px;padding:0}.perfil-imagen-upload-btn svg{width:20px;height:20px}}.perfil-imagen-upload-options{position:absolute;bottom:-5px;right:-5px;z-index:10}.perfil-imagen-wrapper{cursor:pointer;position:relative;display:inline-block}.perfil-imagen-wrapper:hover{opacity:.9}.perfil-imagen-wrapper:hover .perfil-imagen-upload-btn{transform:scale(1.1)}.imagen-perfil-modal-overlay{display:none;position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;align-items:center;justify-content:center;padding:20px}.imagen-perfil-modal-overlay.active{display:flex}.imagen-perfil-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.imagen-perfil-modal-content img{max-width:100%;max-height:90vh;border-radius:10px;box-shadow:0 10px 40px #00000080;object-fit:contain}.imagen-perfil-modal-close{position:absolute;top:-40px;right:0;background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.imagen-perfil-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.opciones-foto-menu{position:absolute;bottom:50px;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:10px 0;min-width:180px;box-shadow:0 4px 20px #0000004d;z-index:1000;border:1px solid rgba(0,0,0,.2)}.opciones-foto-menu button{width:100%;padding:12px 20px;background:transparent;border:none;color:#000!important;font-weight:700!important;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s;font-size:14px}.opciones-foto-menu button:hover{background:#0000001a}.opciones-foto-menu button span:first-child{font-size:20px}.perfil-form{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:30px;border:1px solid rgba(255,255,255,.2)}.form-section h2{font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}@media(max-width:768px){.status-buttons-grid{grid-template-columns:1fr}.current-status-display{flex-direction:column;align-items:flex-start}}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group select{background-color:#ffffff1a;color:#fff}.form-group select option{background:#fff!important;color:#333!important;padding:10px}.form-group select:focus{background:#fff!important;color:#333!important}.form-group select option:checked,.form-group select option:hover{background:#6a4c93!important;color:#fff!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ffffff80;background:#ffffff26}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:1;background-color:transparent!important;border:none!important;color:#ffffffe6!important;cursor:default!important;pointer-events:none!important}.perfil-form input#nick{opacity:1!important;background-color:transparent!important;border:none!important;color:#ffffffe6!important;cursor:default!important;pointer-events:none!important}.perfil-form input:not(:disabled):not(#nick),.perfil-form select:not(:disabled),.perfil-form textarea:not(:disabled){pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important;cursor:text!important;opacity:1!important;background-color:#fff!important;color:#333!important}.login-view.active #username,.login-view.active #password,.login-view.active #captchaRespuesta{pointer-events:auto!important;user-select:text!important;cursor:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;opacity:1!important;background-color:#fff!important}.login-view.active input[type=text],.login-view.active input[type=password],.login-view.active input[type=number]{pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important;cursor:text!important}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed}.form-group select:disabled option{background:#fff!important;color:#333!important}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.loading{text-align:center;padding:40px;font-size:1.2rem}.login-view{display:none!important;min-height:100vh;padding:20px;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;animation:fadeIn .5s ease-in;visibility:hidden;opacity:0;pointer-events:none}.login-view.active{display:flex!important;align-items:center;justify-content:center;pointer-events:auto!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.login-view.active input[type=text],.login-view.active input[type=password],.login-view.active input[type=number]{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;cursor:text!important;opacity:1!important;background-color:#fff!important;color:#333!important}.login-form,.login-form input,.login-form button{pointer-events:auto!important}.login-forgot-password{text-align:center!important;margin-top:10px!important;margin-bottom:5px!important;display:block!important;visibility:visible!important;opacity:1!important}.recuperar-password-container{margin-top:10px!important;padding:12px!important}.recuperar-password-container h3{margin-top:0!important;margin-bottom:8px!important;font-size:1rem!important}.recuperar-password-container p{margin-bottom:10px!important;font-size:.85rem!important}.recuperar-password-container form{gap:10px!important}.btn-forgot-password{background:none!important;border:none!important;color:#9d7fcc!important;text-decoration:underline!important;cursor:pointer!important;font-size:.95rem!important;font-weight:500!important;padding:5px 10px!important;transition:opacity .2s!important;display:inline-block!important;visibility:visible!important;opacity:1!important}.btn-forgot-password:hover{opacity:.8!important;text-decoration:underline!important;color:#9d7fcc!important}.btn-forgot-password:active{opacity:.6!important}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:30px;width:100%;max-width:450px;box-sizing:border-box;overflow-y:auto;max-height:100vh}.login-mensaje-container{margin-bottom:15px;min-height:0}.login-mensaje{padding:12px 16px;border-radius:8px;font-size:.9rem;text-align:center;display:none;margin-bottom:10px}.login-mensaje.show{display:block}.login-mensaje.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.login-mensaje.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.login-info{margin-top:15px;padding:12px}@media(max-width:480px){.login-view{padding:10px}.login-card{padding:20px;max-width:100%;border-radius:12px;max-height:calc(100vh - 20px)}.login-header h1,.login-main-title{font-size:22px}.login-subtitle{font-size:16px}.login-logo{max-width:120px;max-height:120px;width:auto;height:auto;border-radius:8px;background:#fff;padding:4px}.login-form .form-group input{font-size:16px;padding:14px 16px}.captcha-container{flex-wrap:wrap;gap:8px}.captcha-question{min-width:80px;font-size:16px;padding:10px 12px}.captcha-input{flex:1;min-width:80px;font-size:16px}.login-button{padding:14px 20px;font-size:16px}.login-info{padding:10px;margin-top:12px;margin-bottom:8px;flex-wrap:wrap}.login-info .info-icon{font-size:20px}.login-info .info-title{font-size:14px}.login-info .info-text{font-size:12px;word-wrap:break-word;overflow-wrap:break-word}}@media(min-width:481px)and (max-width:768px){.login-card{padding:30px;max-width:90%}.login-header h1,.login-main-title{font-size:26px}.login-subtitle{font-size:17px}}@media(min-width:769px){.login-card{padding:40px;max-width:450px}}.login-header{text-align:center;margin-bottom:32px}.login-logo{max-width:150px;max-height:150px;width:auto;height:auto;border-radius:10px;background:#fff;padding:5px;display:block;margin:0 auto 15px;object-fit:contain}.login-header h1{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.login-main-title{color:#1f2937;font-size:28px;font-weight:700;margin:10px 0 5px;text-align:center}.login-subtitle{color:#666;font-size:18px;font-weight:500;margin:0}.login-form,.login-form .form-group{margin-bottom:15px}.login-form .form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.login-form .form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.login-form .form-group input:focus{outline:none;border-color:#6a4c93}.captcha-group{background:#f5f5f5;padding:16px;border-radius:8px;margin-bottom:20px;box-sizing:border-box}.captcha-container{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.captcha-question{background:#e0e0e0;padding:12px 16px;border-radius:6px;font-weight:600;font-size:18px;min-width:100px;text-align:center;box-sizing:border-box;color:#1a1a1a!important}.captcha-input{flex:1;min-width:80px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;text-align:center;box-sizing:border-box;background:#fff!important;color:#333!important;cursor:text!important}.captcha-input:disabled,.captcha-input[disabled]{background:#f5f5f5!important;color:#999!important;cursor:not-allowed!important}.captcha-refresh{background:#6a4c93;color:#fff;border:none;border-radius:50%;width:40px;height:40px;min-width:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .3s;flex-shrink:0}.captcha-refresh:hover{background:#6a4c93}.captcha-help{display:block;margin-top:8px;color:#666;font-size:12px}.login-error{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border-left:4px solid #c33}.login-button{width:100%;padding:14px 24px;background:#6a4c93;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .3s}.login-button:hover:not(:disabled){background:#5a3d83}.login-info{display:flex;align-items:start;gap:12px;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;padding:16px;border-radius:8px;margin-bottom:16px}.login-info.auto-register{background:#e8f5e9;border-left:4px solid #4caf50}.registro-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000b3!important;display:none!important;align-items:center!important;justify-content:center!important;z-index:99999!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto!important}.registro-modal-content{pointer-events:auto!important}.registro-modal-overlay[style*="display: flex"],.registro-modal-overlay[style*="display:flex"],.registro-modal-overlay.show-modal{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.registro-modal-content{background:#fff;border-radius:15px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.registro-modal-header{padding:20px 25px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.registro-modal-header h2{margin:0;color:#1f2937;font-size:24px}.registro-modal-close{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.registro-modal-close:hover{background:#f3f4f6;color:#1f2937}.registro-modal-body{padding:25px}.registro-modal-description{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.6}.registro-modal-body .form-group{margin-bottom:20px}.registro-modal-body .form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:500}.registro-modal-body .input-wrapper{position:relative}.registro-modal-body .input-wrapper input{width:100%;padding:12px 40px 12px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:#fff!important;color:#1f2937!important}.registro-modal-body .input-wrapper input:focus{outline:none;border-color:#6a4c93;box-shadow:0 0 0 3px #6a4c931a}.registro-modal-body .input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:20px}.registro-modal-body .form-actions{display:flex;gap:10px;margin-top:25px}.registro-modal-body .btn-primary{flex:1;padding:12px 24px;background:#6a4c93;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.registro-modal-body .btn-primary:hover:not(:disabled){background:#5a3d83}.registro-modal-body .btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.registro-modal-body .btn-secondary{flex:1;padding:12px 24px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.registro-modal-body .btn-secondary:hover{background:#e5e7eb}.registro-modal-body .captcha-container{display:flex;align-items:center;gap:10px;margin-bottom:8px}.registro-modal-body .captcha-question{background:#6a4c93;color:#fff;padding:10px 15px;border-radius:8px;font-weight:700;min-width:80px;text-align:center}.registro-modal-body .captcha-input{flex:1;padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:16px}.registro-modal-body .captcha-refresh{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:10px;cursor:pointer;font-size:18px}.registro-modal-body .captcha-help{color:#6b7280;font-size:12px}.alta-neon{display:inline-block;font-size:32px;font-weight:700;color:#9d7fcc;text-shadow:0 0 10px #9d7fcc,0 0 20px #9d7fcc,0 0 30px #9d7fcc,0 0 40px #9d7fcc,0 0 70px #9d7fcc,0 0 80px #9d7fcc;animation:neonPulse 2s ease-in-out infinite alternate,neonMove 3s ease-in-out infinite;letter-spacing:3px}@keyframes neonPulse{0%{text-shadow:0 0 10px #9d7fcc,0 0 20px #9d7fcc,0 0 30px #9d7fcc,0 0 40px #9d7fcc,0 0 70px #9d7fcc,0 0 80px #9d7fcc;opacity:1}to{text-shadow:0 0 5px #9d7fcc,0 0 10px #9d7fcc,0 0 15px #9d7fcc,0 0 20px #9d7fcc,0 0 35px #9d7fcc,0 0 40px #9d7fcc;opacity:.8}}@keyframes neonMove{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-3px) scale(1.05)}50%{transform:translate(0) scale(1.1)}75%{transform:translate(3px) scale(1.05)}}.info-icon{font-size:24px;flex-shrink:0}.info-title{font-weight:600;color:#333;margin:0 0 4px;font-size:14px}.info-text{color:#666;margin:0;font-size:13px;line-height:1.5}.navbar{position:fixed;top:0;left:0;right:0;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:10px 20px;z-index:10000;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.navbar-left{display:flex;align-items:center;gap:15px;flex:1}.navbar-logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.navbar-logo img{width:40px;height:40px;max-width:40px;max-height:40px;border-radius:8px;object-fit:contain}.hamburger-menu{display:none;flex-direction:column;cursor:pointer;gap:5px;padding:5px}.hamburger-menu span{width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.navbar-menu{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}.navbar-menu li{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease;color:#fff;font-size:.95rem}.navbar-menu li:hover{background:#fff3}.navbar-menu li i{font-size:1.1rem}.navbar-right{display:flex;align-items:center;gap:15px}.language-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#6a4c93fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;min-width:200px;max-height:400px;overflow-y:auto;box-shadow:0 4px 20px #0000004d;display:none;z-index:1001;padding:4px 0}.user-profile{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease}.user-profile:hover{background:#fff3}.user-avatar{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;object-fit:cover}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#1e3246fa!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;min-width:200px;box-shadow:0 4px 20px #00000080;display:none;z-index:10001;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.user-dropdown.active{display:block}.user-dropdown-header{padding:12px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:12px}.user-dropdown-header .user-avatar{width:40px;height:40px}.user-dropdown-header .user-info{flex:1}.user-dropdown-header .user-name{font-weight:700!important;font-size:.95rem;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}.user-dropdown-item{padding:12px 16px!important;cursor:pointer;transition:all .3s ease;display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;text-decoration:none;min-height:44px!important}.user-dropdown-item span{color:#fff!important;font-weight:600!important;font-size:.95rem!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}.user-dropdown-item i{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}.user-info-navbar{display:flex;align-items:center}.user-info-navbar span{color:#fff!important;font-weight:600!important;font-size:.95rem!important;text-shadow:0 1px 3px rgba(0,0,0,.4)!important;white-space:nowrap}.user-dropdown-item:hover{background:#ffffff26!important}.user-dropdown-item i{font-size:1.1rem;width:20px;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}.user-dropdown-divider{height:1px;background:#ffffff26;margin:4px 0}.user-dropdown-settings{display:flex!important;flex-direction:column;gap:10px;align-items:flex-start;cursor:default}.user-dropdown-settings-header{display:flex;align-items:center;gap:8px;color:#fff!important;font-weight:700!important}.theme-toggle{display:flex;gap:8px;width:100%}.theme-chip{flex:1;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff!important;border-radius:10px;padding:8px 10px;font-weight:700!important;cursor:pointer;transition:all .2s ease;text-align:center}.theme-chip:hover{background:#ffffff2e;border-color:#ffffff59}.theme-chip.active{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:transparent;box-shadow:0 4px 12px #00000040;color:#fff!important}.logout-btn{display:none}.mobile-menu{position:fixed;top:60px;left:-100%;width:280px;height:calc(100vh - 60px);background:#6a4c93fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:left .3s ease;z-index:999;padding:20px;overflow-y:auto}.mobile-menu.active{left:0}.mobile-menu-item{display:flex;align-items:center;gap:15px;padding:15px;margin-bottom:10px;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#fff}.mobile-menu-item span{color:#fff!important;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.mobile-menu-item:hover{background:#fff3}.mobile-menu-item i{font-size:1.3rem;width:24px}.overlay{display:none;position:fixed;inset:60px 0 0;background:#00000080;z-index:998}.overlay.active{display:block}.main-content{margin-top:60px;min-height:calc(100vh - 60px);padding:20px}body.theme-dark{background:radial-gradient(circle at 20% 20%,rgba(88,129,193,.35),transparent 30%),radial-gradient(circle at 80% 0%,rgba(118,75,162,.35),transparent 28%),linear-gradient(180deg,#0f1724,#0b1220);color:#e9edf7!important}body.theme-dark *{color:#e9edf7!important}body.theme-dark .navbar{background:linear-gradient(135deg,#111c2b,#0f1724)!important;border-bottom:1px solid rgba(255,255,255,.08)}body.theme-dark .user-dropdown{background:#0c1420f5!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 30px #00000073}body.theme-dark .user-dropdown-item:hover{background:#ffffff14!important}body.theme-dark .theme-chip{border-color:#ffffff26;background:#ffffff0f}body.theme-dark .theme-chip.active{background:linear-gradient(135deg,#6a4c93,#5a3d83);color:#fff!important}body.theme-dark .contacts-search-bar{background:#1e1e1e!important;border-color:#2a2a2a!important;box-shadow:0 6px 18px #0006!important}body.theme-dark .search-input-container{background:#121212!important;border-color:#2a2a2a!important;box-shadow:inset 0 1px #ffffff0a,0 3px 10px #00000059!important}body.theme-dark .search-input{color:#e0e0e0!important}body.theme-dark .search-input::placeholder{color:#b0b0b0!important}body.theme-dark .search-icon{color:#b0b0b0!important;opacity:.8!important}body.theme-dark .main-app,body.theme-dark .main-content,body.theme-dark .conversacion-view,body.theme-dark .conversaciones-view,body.theme-dark .conversaciones-list,body.theme-dark .contactos-loading,body.theme-dark .conversacion-mensajes{background:#121212!important}body.theme-dark .conversacion-header,body.theme-dark .conversacion-input-container,body.theme-dark .navbar,body.theme-dark .mobile-menu{background:#1e1e1e!important;border-color:#2a2a2a!important}body.theme-dark .mensaje-item.ajeno,body.theme-dark .mensaje-item.ajeno .mensaje-contenido,body.theme-dark .mensaje-item.ajeno .mensaje-texto{background:#2a2a2a!important;color:#e0e0e0!important}body.theme-dark .mensaje-item.propio,body.theme-dark .mensaje-item.propio .mensaje-contenido,body.theme-dark .mensaje-item.propio .mensaje-texto{background:#3d2a5b!important;color:#fff!important}body.theme-dark .mensaje-item.propio .mensaje-burbuja,body.theme-dark .mensaje-item.propio .mensaje-burbuja *,body.theme-dark .mensaje-item.propio .mensaje-texto,body.theme-dark .mensaje-item.propio .mensaje-contenido,body.theme-dark .mensaje-item.propio .mensaje-burbuja .mensaje-texto,body.theme-dark .mensaje-item.propio .mensaje-burbuja span,body.theme-dark .mensaje-item.propio .mensaje-burbuja p,body.theme-dark .mensaje-item.propio .mensaje-burbuja div,body.theme-dark .mensaje-item.propio .mensaje-burbuja img,body.theme-dark .mensaje-item.propio .mensaje-burbuja button,body.theme-dark .mensaje-item.propio .mensaje-burbuja a{background:#3d2a5b!important;background-color:#3d2a5b!important;color:#fff!important}body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*=background],body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*=blue],body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*=rgba],body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*=rgb],body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*="#"],body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*="667eea"],body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*="75AADB"],body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*="6CB4EE"],body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*="4f8ad9"],body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*="3d6fb8"],body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*="2196F3"],body.theme-dark .mensaje-item.propio .mensaje-burbuja[style*="0b7dda"],body.dark-mode .mensaje-item.propio .mensaje-burbuja[style*=background],body.dark-mode .mensaje-item.propio .mensaje-burbuja[style*=blue],body.theme-dark .mensaje-item.propio .mensaje-burbuja,body.theme-dark .mensaje-item.propio .mensaje-burbuja *,body.dark-mode .mensaje-item.propio .mensaje-burbuja,body.dark-mode .mensaje-item.propio .mensaje-burbuja *{background:#3d2a5b!important;background-color:#3d2a5b!important}body.theme-dark .mensaje-item.propio .mensaje-burbuja,body.dark-mode .mensaje-item.propio .mensaje-burbuja,html body.theme-dark .mensaje-item.propio .mensaje-burbuja,html body.dark-mode .mensaje-item.propio .mensaje-burbuja{background:#3d2a5b!important;background-color:#3d2a5b!important;background-image:none!important;color:#fff!important}@media(max-width:768px){body.theme-dark .mensaje-item.propio .mensaje-burbuja{background:#5a3d83!important;background-color:#5a3d83!important;color:#fff!important}}body.theme-dark .mensaje-time,body.theme-dark .mensaje-editado-indicator,body.theme-dark .mensaje-sender{color:#b0b0b0!important}body.theme-dark .mensaje-avatar,body.theme-dark .user-avatar,body.theme-dark .user-avatar-mobile{border:2px solid #333333!important;background:#2a2a2a!important}body.theme-dark input,body.theme-dark textarea,body.theme-dark .conversacion-input{background:#1e1e1e!important;color:#e0e0e0!important;border-color:#2a2a2a!important}body.theme-dark input::placeholder,body.theme-dark textarea::placeholder,body.theme-dark .conversacion-input::placeholder{color:#b0b0b0!important}body.theme-dark i,body.theme-dark .btn-enviar-mensaje,body.theme-dark .btn-adjuntar-archivo,body.theme-dark .btn-emoji-picker,body.theme-dark .mensaje-delete,body.theme-dark .mensaje-edit,body.theme-dark .btn-emoji-picker span,body.theme-dark .btn-adjuntar-archivo span,body.theme-dark .btn-enviar-mensaje span,body.dark-mode .btn-enviar-mensaje,body.dark-mode .btn-adjuntar-archivo,body.dark-mode .btn-emoji-picker,body.dark-mode .mensaje-delete,body.dark-mode .mensaje-edit,body.dark-mode .btn-emoji-picker span,body.dark-mode .btn-adjuntar-archivo span,body.dark-mode .btn-enviar-mensaje span{color:#b0b0b0!important}body.theme-dark .btn-enviar-mensaje:hover,body.theme-dark .btn-adjuntar-archivo:hover,body.theme-dark .btn-emoji-picker:hover,body.theme-dark .mensaje-delete:hover,body.theme-dark .mensaje-edit:hover,body.dark-mode .btn-enviar-mensaje:hover,body.dark-mode .btn-adjuntar-archivo:hover,body.dark-mode .btn-emoji-picker:hover,body.dark-mode .mensaje-delete:hover,body.dark-mode .mensaje-edit:hover{color:#e0e0e0!important}body.theme-dark .btn-adjuntar-archivo *,body.theme-dark .btn-enviar-mensaje *,body.theme-dark .btn-emoji-picker *,body.dark-mode .btn-adjuntar-archivo *,body.dark-mode .btn-enviar-mensaje *,body.dark-mode .btn-emoji-picker *{color:#b0b0b0!important}body.theme-dark .btn-adjuntar-archivo:hover *,body.theme-dark .btn-enviar-mensaje:hover *,body.theme-dark .btn-emoji-picker:hover *,body.dark-mode .btn-adjuntar-archivo:hover *,body.dark-mode .btn-enviar-mensaje:hover *,body.dark-mode .btn-emoji-picker:hover *{color:#e0e0e0!important}body.theme-dark .navbar-presence-selector,body.theme-dark .pill-status-online{background:#228b22!important;color:#fff!important}body.theme-dark .conversacion-item{background:#1e1e1ecc!important;border:1px solid rgba(255,255,255,.1)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.theme-dark .conversacion-item:hover{background:#282828e6!important;border-color:#ffffff26!important}body.theme-dark .conversacion-item-nombre{color:#e0e0e0!important;font-weight:600!important}body.theme-dark .conversacion-item-preview{color:#b0b0b0!important;opacity:.9!important}body.theme-dark .conversacion-item-fecha{color:#999!important}body.theme-dark .conversacion-item-avatar{background:#323232cc!important;border:2px solid rgba(255,255,255,.15)!important;color:#e0e0e0!important}body.theme-dark .conversaciones-subtitle{color:#d0d0d0!important;font-weight:700!important}body.theme-dark .conversaciones-list{background:transparent!important}body.theme-dark .status-display .status-icon{opacity:.8!important}body.theme-dark .contact-actions{background:transparent!important}body.theme-dark .contact-action-btn{background:#282828cc!important;border-color:#ffffff26!important;color:#e0e0e0!important}body.theme-dark .contact-action-btn:hover{background:#323232e6!important;border-color:#fff3!important}body.theme-dark .contact-action-btn.fav-active{background:#2f2a17e6!important;border-color:#d1a800!important;color:gold!important}body.theme-dark .contact-action-btn.blocked{background:#3a1e1ee6!important;border-color:#d14a4a!important;color:#ff6b6b!important}body.theme-dark .conversaciones-section-title,body.theme-dark h3.conversaciones-subtitle{color:#d0d0d0!important;font-weight:700!important;text-shadow:none!important}body.theme-dark .status-display{color:#b0b0b0!important}body.theme-dark .status-display .status-icon{opacity:.7!important}body.theme-dark .conversacion-item-info span,body.theme-dark .contact-country,body.theme-dark .contact-location{color:#999!important}body.theme-dark .language-dropdown{background:#1e1e1efa!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 20px #0009!important}body.theme-dark .language-option{color:#e0e0e0!important}body.theme-dark .language-option:hover{background:#ffffff1a!important}html body.theme-dark .mensaje-item.propio .mensaje-burbuja,html body.dark-mode .mensaje-item.propio .mensaje-burbuja,html body.theme-dark .mensaje-item.propio .mensaje-burbuja *,html body.dark-mode .mensaje-item.propio .mensaje-burbuja *,html body.theme-dark .mensaje-item.propio .mensaje-burbuja:before,html body.theme-dark .mensaje-item.propio .mensaje-burbuja:after,html body.dark-mode .mensaje-item.propio .mensaje-burbuja:before,html body.dark-mode .mensaje-item.propio .mensaje-burbuja:after{background:#3d2a5b!important;background-color:#3d2a5b!important;background-image:none!important;color:#fff!important}@media(max-width:768px){html body.theme-dark .mensaje-item.propio .mensaje-burbuja,html body.dark-mode .mensaje-item.propio .mensaje-burbuja{background:#3d2a5b!important;background-color:#3d2a5b!important;background-image:none!important;color:#fff!important}}@media(min-width:769px){html body.theme-dark .mensaje-item.propio .mensaje-burbuja,html body.dark-mode .mensaje-item.propio .mensaje-burbuja{background:#3d2a5b!important;background-color:#3d2a5b!important;background-image:none!important;color:#fff!important}}body.theme-dark .language-option.active{background:#ffffff26!important;color:#fff!important}@media(max-width:480px){.login-card{padding:24px}.login-header h1,.login-main-title{font-size:24px}.login-subtitle{font-size:16px}.login-logo{max-width:100px;max-height:100px;width:auto;height:auto;border-radius:8px;background:#fff;padding:4px}.navbar-logo img{width:32px;height:32px;max-width:32px;max-height:32px}.navbar-logo span{font-size:1.2rem}}@media(max-width:768px){.hamburger-menu{display:flex}.navbar-menu{display:none}.navbar-right{gap:10px}.user-profile span,.logout-btn span{display:none}.perfil-view{margin-top:55px;padding:20px}}@media(max-width:480px){.conversaciones-header,.contactos-header{padding:3px 10px}.perfil-view{margin-top:52px;padding:15px;border-radius:15px}.conversaciones-header h1{color:#fff!important;font-weight:700!important;font-size:1rem!important;line-height:1.2!important;text-shadow:0 2px 6px rgba(0,0,0,.5)!important}.user-info-navbar span,#userName{color:#fff!important;font-weight:600!important;text-shadow:0 1px 3px rgba(0,0,0,.4)!important}.mobile-menu-item span{color:#fff!important;font-weight:500!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important}.user-dropdown-header .user-name,.user-dropdown-item span{color:#fff!important;font-weight:700!important;font-size:1rem!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important;display:inline-block!important;visibility:visible!important;opacity:1!important}.user-dropdown-item{display:flex!important;visibility:visible!important;opacity:1!important}.user-dropdown-item i{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important;font-size:1.2rem!important}.user-dropdown{background:#1e3246fa!important;border:1px solid rgba(255,255,255,.2)!important}}@media(min-width:769px){.mobile-menu{display:none!important}}body.theme-dark span[role=img],body.theme-dark .emoji-inline,body.theme-dark button span,body.theme-dark .btn-adjuntar-archivo span,body.theme-dark .btn-enviar-mensaje span,body.theme-dark .btn-emoji-picker span,body.dark-mode span[role=img],body.dark-mode .emoji-inline,body.dark-mode button span,body.dark-mode .btn-adjuntar-archivo span,body.dark-mode .btn-enviar-mensaje span,body.dark-mode .btn-emoji-picker span{filter:grayscale(0%) brightness(1)!important;color:#b0b0b0!important}body.theme-dark .btn-emoji-picker:before,body.theme-dark .btn-adjuntar-archivo:before,body.theme-dark .btn-enviar-mensaje:before,body.dark-mode .btn-emoji-picker:before,body.dark-mode .btn-adjuntar-archivo:before,body.dark-mode .btn-enviar-mensaje:before{color:#b0b0b0!important}:root{--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-large: 1200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:480px){body{font-size:clamp(.875rem,4vw,1rem)}.navbar{padding:.5rem .625rem;height:auto;min-height:3.125rem}.navbar-logo img{max-width:5rem;max-height:2.5rem}.navbar-menu{display:none}.navbar-right{gap:.5rem}.language-selector-button{padding:.375rem .5rem;min-height:2.25rem}.language-flag{width:1rem;height:.75rem}.user-avatar{width:1.75rem;height:1.75rem;min-width:1.75rem;min-height:1.75rem}.user-info-navbar span{font-size:clamp(.8125rem,2vw,.85rem);overflow-wrap:break-word;word-break:break-word}.main-content{padding-top:3.125rem}.conversaciones-header,.contactos-header{padding:3.125rem .625rem .5rem;min-height:3.125rem}.conversaciones-header h1,.contactos-header h1{font-size:clamp(.875rem,3vw,1rem);overflow-wrap:break-word;word-break:break-word}.conversacion-item{padding:.625rem;margin-bottom:.5rem;min-height:3.125rem}.conversacion-item-avatar{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;margin-right:.625rem;font-size:clamp(.875rem,2.5vw,1rem)}.conversacion-item-nombre{font-size:clamp(.8125rem,2.5vw,.9rem);overflow-wrap:break-word;word-break:break-word}.conversacion-item-fecha{font-size:clamp(.6875rem,2vw,.75rem)}.conversacion-view{padding-top:3.125rem}.conversacion-header{padding:.625rem;height:auto;min-height:3.125rem}.conversacion-mensajes{padding:.625rem;max-height:calc(100vh - 9.375rem)}.mensaje-item{padding:.5rem .625rem;margin-bottom:.5rem}.mensaje-texto{font-size:clamp(.8125rem,2.5vw,.9rem);line-height:1.5;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mensaje-fecha{font-size:clamp(.625rem,2vw,.7rem)}.conversacion-input-container{padding:.625rem .9375rem;padding-bottom:max(.9375rem,env(safe-area-inset-bottom,.9375rem));box-sizing:border-box;min-height:3.125rem}.conversacion-input-wrapper{padding:.5rem .75rem!important;gap:.5rem!important;box-sizing:border-box;min-height:2.5rem}.mensaje-input-container{padding:.5rem}.mensaje-input{font-size:clamp(.8125rem,2.5vw,.9rem);padding:.5rem .75rem;overflow-wrap:break-word;word-break:break-word}.btn-enviar-mensaje{width:2.25rem!important;height:2.25rem!important;min-width:2.25rem;min-height:2.25rem;font-size:clamp(.875rem,2.5vw,1rem)!important;flex-shrink:0!important;margin:0!important}.btn-adjuntar-archivo{width:2.25rem!important;height:2.25rem!important;min-width:2.25rem;min-height:2.25rem;flex-shrink:0!important;margin:0!important}#mensajeInput{min-width:0!important;flex:1 1 auto!important;margin:0!important;overflow-wrap:break-word;word-break:break-word}.profile-modal{max-width:95vw;padding:20px;margin:10px;max-height:95vh}.profile-modal-header h2{font-size:1.2rem}.profile-photo{width:100px;height:100px}.profile-photo span{font-size:48px}.ayuda-view{padding:50px 10px 10px}.ayuda-header h1{font-size:1.3rem}.ayuda-section h2{font-size:1.1rem}.ayuda-section p,.ayuda-section li{font-size:.9rem;line-height:1.5}}@media(min-width:481px)and (max-width:768px){body{font-size:15px}.navbar{padding:10px 15px}.navbar-logo img{max-width:100px;max-height:50px}.main-content{padding-top:60px}.conversaciones-header,.contactos-header{padding:60px 15px 10px}.conversacion-item{padding:12px}.conversacion-item-avatar{width:45px;height:45px}.profile-modal{max-width:90vw;padding:25px}}@media(min-width:769px)and (max-width:1024px){.navbar{padding:12px 20px}.main-content{padding-top:60px}.conversaciones-header,.contactos-header{padding:60px 20px 12px}.profile-modal{max-width:85vw;padding:30px}}@media(max-height:500px)and (orientation:landscape){.navbar{height:auto;min-height:50px;padding:6px 10px}.main-content{padding-top:50px}.conversacion-mensajes{max-height:calc(100vh - 120px)}.profile-modal{max-height:95vh;padding:15px}.ayuda-view{padding-top:50px}}@media(min-width:1025px){.navbar{padding:12px 30px;height:60px;max-width:100%}.navbar-left{flex:0 0 auto;min-width:200px}.navbar-logo img{width:50px;height:50px;max-width:50px;max-height:50px}.navbar-menu{display:flex;gap:25px}.navbar-menu li{padding:10px 15px;font-size:1rem}.navbar-right{flex:0 0 auto}.main-content{padding-top:60px;width:100%;max-width:100%;margin:0}.conversaciones-view.active,.contactos-view.active{width:100%;max-width:100%;margin:0}.conversaciones-header,.contactos-header{padding:60px 30px 15px;width:100%;max-width:100%;margin:0;box-sizing:border-box}.conversaciones-header h1,.contactos-header h1{font-size:1.5rem}.conversaciones-list,.contactos-list{width:100%;max-width:100%;margin:0;padding:15px 30px;box-sizing:border-box}.conversacion-item{padding:15px 20px;max-width:100%}.conversacion-item-avatar{width:55px;height:55px;margin-right:15px}.conversacion-item-nombre{font-size:1.1rem}.conversacion-view{width:100%;max-width:100%;margin:0}.conversacion-mensajes{padding:20px 30px;width:100%;max-width:100%;margin:0}.mensaje-item{padding:.75rem 1.25rem;width:100%!important;max-width:100%!important;align-items:flex-start!important;display:flex!important;min-height:2.5rem}.mensaje-item.propio{justify-content:flex-end!important;align-items:flex-end!important;margin-left:auto!important;margin-right:0!important;width:100%!important}.mensaje-item.ajeno{justify-content:flex-start!important;align-items:flex-start!important;margin-left:0!important;margin-right:auto!important;width:100%!important}.mensaje-item.propio .mensaje-burbuja{margin-left:auto!important;margin-right:0!important;border-bottom-right-radius:.25rem!important;border-bottom-left-radius:1.125rem!important;background:#3d2a5be6!important;background-color:#3d2a5be6!important;color:#fff!important;max-width:70%!important;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}body.theme-dark .mensaje-item.propio .mensaje-burbuja,body.theme-dark .mensaje-item.propio .mensaje-burbuja *,body.theme-dark .mensaje-item.propio .mensaje-texto,body.theme-dark .mensaje-item.propio .mensaje-contenido,body.theme-dark .mensaje-item.propio .mensaje-burbuja .mensaje-texto,body.theme-dark .mensaje-item.propio .mensaje-burbuja span,body.theme-dark .mensaje-item.propio .mensaje-burbuja p,body.theme-dark .mensaje-item.propio .mensaje-burbuja div,body.theme-dark .mensaje-item.propio .mensaje-burbuja img,body.theme-dark .mensaje-item.propio .mensaje-burbuja button,body.theme-dark .mensaje-item.propio .mensaje-burbuja a{background:#3d2a5b!important;background-color:#3d2a5b!important;color:#fff!important}.mensaje-item.ajeno .mensaje-burbuja{margin-left:0!important;margin-right:auto!important;border-bottom-left-radius:.25rem!important;border-bottom-right-radius:1.125rem!important;max-width:70%!important;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mensaje-item.propio .mensaje-avatar{order:2;margin-left:10px;margin-right:0}.mensaje-item.ajeno .mensaje-avatar,.mensaje-item.propio .mensaje-delete{order:0;margin-left:0;margin-right:10px}.mensaje-item.propio .mensaje-metadata,.mensaje-item.propio .mensaje-fecha{color:#fffc!important}.mensaje-item.propio .mensaje-texto{color:#fff!important}.mensaje-item.propio .mensaje-metadata{color:#fffc!important}.conversacion-input-container{padding:.9375rem 1.875rem;width:100%;max-width:100%;margin:0;box-sizing:border-box;min-height:3.75rem}.profile-modal{max-width:800px;padding:40px}.ayuda-view{max-width:1200px;margin:0 auto;padding:30px;width:100%;box-sizing:border-box}.ayuda-header h1{font-size:2.5rem}.ayuda-section h2{font-size:2rem}}@media(min-width:1400px){.main-content,.conversaciones-header,.contactos-header,.conversaciones-list,.contactos-list,.conversacion-view,.conversacion-input-container{width:100%;max-width:100%}.profile-modal{max-width:900px}.ayuda-view{width:100%;max-width:100%}}@media(hover:none)and (pointer:coarse){button,.btn,.conversacion-item,.contacto-item,.language-option,.user-dropdown-item{min-height:44px;min-width:44px}input,textarea{padding:12px;font-size:16px}.conversacion-item,.mensaje-item{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.navbar,.conversacion-input-container,.btn,button{display:none!important}.main-content{padding-top:0}.conversacion-mensajes{max-height:none;overflow:visible}}:root[data-theme=argentina],body.argentina-theme:not(.dark-mode):not(.theme-dark){--argentina-primary: #75AADB;--argentina-primary-rgb: 117, 170, 219;--argentina-secondary: #FFFFFF;--argentina-accent: #FFD700;--argentina-accent-rgb: 255, 215, 0;--argentina-neutral-bg: #F5F5F5;--argentina-text-primary: #333333;--argentina-text-secondary: #666666;--argentina-shadow: rgba(117, 170, 219, .3);--argentina-shadow-hover: rgba(117, 170, 219, .5);--argentina-gradient-header: linear-gradient(to right, #75AADB, #87CEEB);--argentina-gradient-button: linear-gradient(135deg, #75AADB 0%, #87CEEB 100%)}body.argentina-theme:not(.dark-mode):not(.theme-dark){background:linear-gradient(135deg,#f5f5f5,#fff)!important;color:var(--argentina-text-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) *{color:inherit!important;font-weight:inherit!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .main-content,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contacts-view,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversations-view,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-item{color:#1a1a1a!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .main-content *,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contacts-view *,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversations-view *{color:inherit!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar,body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar *,body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-dropdown,body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-dropdown *{color:inherit!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .main-app,body.argentina-theme:not(.dark-mode):not(.theme-dark) .app-content,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contacts-view,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversations-view{background:transparent!important;color:var(--argentina-text-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-presence-selector,body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-status,body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-profile,body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-name{color:var(--argentina-secondary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-presence-selector button{color:var(--argentina-secondary)!important;background:#ffffff26!important;border-color:#ffffff4d!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-presence-selector button:hover{background:#ffffff40!important;border-color:var(--argentina-accent)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-presence-selector button{background:#ffffff73!important;border-color:#75aadb99!important;color:#0f1a2f!important;box-shadow:0 2px 8px #75aadb40!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-presence-selector button:hover{background:#fff9!important;border-color:#75aadbcc!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-status-dropdown{background:#fffffff7!important;color:#1a1a1a!important;border:1px solid rgba(117,170,219,.4)!important;box-shadow:0 12px 30px #11192740!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-status-option{background:#ffffffe6!important;border-color:#75aadb40!important;color:#0c1020!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-status-option:hover{background:#75aadb26!important;border-color:#75aadb99!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-status-option.active{background:#75aadb40!important;border-color:#75aadbcc!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-avatar,body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-avatar-mobile{border-color:#ffffff80!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-avatar:hover,body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-avatar-mobile:hover{border-color:var(--argentina-accent)!important;box-shadow:0 0 0 2px #ffd7004d!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-header,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-header,body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar,body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-header,body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-container{background:var(--argentina-gradient-header)!important;color:var(--argentina-secondary)!important;font-weight:700!important;border-radius:8px!important;box-shadow:0 4px 12px var(--argentina-shadow)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-header h2,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-header h2,body.argentina-theme:not(.dark-mode):not(.theme-dark) .modal-header h2{background:transparent!important;color:var(--argentina-secondary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .contacts-view h1,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contacts-title,body.argentina-theme:not(.dark-mode):not(.theme-dark) .main-content h1,body.argentina-theme:not(.dark-mode):not(.theme-dark) .main-content h2,body.argentina-theme:not(.dark-mode):not(.theme-dark) .main-content h3,body.argentina-theme:not(.dark-mode):not(.theme-dark) .section-title,body.argentina-theme:not(.dark-mode):not(.theme-dark) .favoritos-title,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contacts-section-title{background:transparent!important;color:#1a1a1a!important;font-weight:700!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .favoritos-section,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contacts-section{background:transparent!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .contacts-list{background:transparent!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar{background:var(--argentina-gradient-header)!important;border-bottom:2px solid rgba(255,215,0,.3)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-logo,body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-menu,body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-right{color:var(--argentina-secondary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-menu li,body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-menu span,body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-menu i{color:var(--argentina-secondary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-menu li.active{background:#fff3!important;border-bottom:2px solid var(--argentina-accent)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-toggle-contacts-btn{background:#fff3!important;border-color:#fff6!important;color:var(--argentina-secondary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-toggle-contacts-btn:hover{background:#ffffff4d!important;border-color:var(--argentina-accent)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) input,body.argentina-theme:not(.dark-mode):not(.theme-dark) textarea,body.argentina-theme:not(.dark-mode):not(.theme-dark) select{border-color:var(--argentina-primary)!important;background:#fff!important;color:#1a1a1a!important;font-weight:400!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) input:focus,body.argentina-theme:not(.dark-mode):not(.theme-dark) textarea:focus,body.argentina-theme:not(.dark-mode):not(.theme-dark) select:focus{border-color:var(--argentina-accent)!important;box-shadow:0 0 0 3px #ffd7004d!important;outline:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) input::placeholder,body.argentina-theme:not(.dark-mode):not(.theme-dark) textarea::placeholder{color:#888!important;font-weight:400!important;opacity:1!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) button.btn-enviar-mensaje,body.argentina-theme:not(.dark-mode):not(.theme-dark) button.contact-edit-btn-save,body.argentina-theme:not(.dark-mode):not(.theme-dark) button[type=submit],body.argentina-theme:not(.dark-mode):not(.theme-dark) .btn-primary{background:var(--argentina-gradient-button)!important;color:var(--argentina-secondary)!important;border:none!important;box-shadow:0 4px 12px var(--argentina-shadow)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) button.btn-enviar-mensaje:hover,body.argentina-theme:not(.dark-mode):not(.theme-dark) button.contact-edit-btn-save:hover,body.argentina-theme:not(.dark-mode):not(.theme-dark) button[type=submit]:hover,body.argentina-theme:not(.dark-mode):not(.theme-dark) .btn-primary:hover{background:#ffd700e6!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px var(--argentina-shadow-hover)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) button:active{transform:scale(.95)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .mensaje-item.propio .mensaje-burbuja{background:var(--argentina-primary)!important;color:var(--argentina-secondary)!important;box-shadow:0 2px 8px var(--argentina-shadow)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .mensaje-item:not(.propio) .mensaje-burbuja{background:#fffc!important;border-left:4px solid var(--argentina-primary)!important;color:var(--argentina-text-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-item,body.argentina-theme:not(.dark-mode):not(.theme-dark) .card{background:#fff!important;border:1px solid rgba(117,170,219,.4)!important;box-shadow:0 2px 8px #00000014!important;border-radius:12px!important;color:var(--argentina-text-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversaciones-view{background:#f5f7fb!important;color:var(--argentina-text-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversaciones-header h1{color:#0f1a2f!important;text-shadow:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item{background:#fff!important;border-color:#75aadb33!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item:hover{background:#f0f4ff!important;transform:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-nombre,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-preview,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-status{color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversaciones-list{padding:.625rem!important;max-height:calc(100vh - 12rem)}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-nombre,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-name,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item h3,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-item h3,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-info h3{color:#1a1a1a!important;font-weight:600!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-subtitle,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-subtitle,body.argentina-theme:not(.dark-mode):not(.theme-dark) .last-message-preview,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-info span{color:#555!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-status,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-status,body.argentina-theme:not(.dark-mode):not(.theme-dark) .status-display{color:#666!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item *,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-item *{color:inherit!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item{color:#1a1a1a!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item:hover,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-item:hover,body.argentina-theme:not(.dark-mode):not(.theme-dark) .card:hover{box-shadow:0 4px 16px var(--argentina-shadow)!important;transform:translateY(-2px)!important;transition:all .2s ease!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .modal-overlay,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-edit-modal-overlay{background:#75aadb1a!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .modal,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-edit-modal,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal{background:var(--argentina-secondary)!important;border:2px solid var(--argentina-primary)!important;box-shadow:0 10px 40px #0003!important;border-radius:16px!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-action-btn.fav-active,body.argentina-theme:not(.dark-mode):not(.theme-dark) .favorite-active,body.argentina-theme:not(.dark-mode):not(.theme-dark) .star-active,body.argentina-theme:not(.dark-mode):not(.theme-dark) button[class*=fav],body.argentina-theme:not(.dark-mode):not(.theme-dark) .favorito,body.argentina-theme:not(.dark-mode):not(.theme-dark) [class*=star]:not(.dark-mode){color:var(--argentina-accent)!important;fill:#ffd700cc!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) svg:hover,body.argentina-theme:not(.dark-mode):not(.theme-dark) .icon:hover,body.argentina-theme:not(.dark-mode):not(.theme-dark) button:hover svg{stroke:var(--argentina-primary)!important;fill:var(--argentina-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-action-btn{color:var(--argentina-text-secondary)!important;border-color:#75aadb4d!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-action-btn:hover{background:#75aadb1a!important;border-color:var(--argentina-primary)!important;color:var(--argentina-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) input[type=checkbox]:checked,body.argentina-theme:not(.dark-mode):not(.theme-dark) .toggle-switch.active{background:var(--argentina-accent)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) input[type=checkbox]{accent-color:var(--argentina-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) ::-webkit-scrollbar-thumb{background:var(--argentina-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) ::-webkit-scrollbar-track{background:var(--argentina-neutral-bg)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) a{color:var(--argentina-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) a:hover{color:var(--argentina-accent)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-dropdown{background:#fff!important;border:2px solid var(--argentina-primary)!important;box-shadow:0 8px 24px var(--argentina-shadow)!important;color:var(--argentina-text-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-dropdown-header,body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-dropdown-item{color:var(--argentina-text-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-dropdown-item:hover{background:#75aadb26!important;color:var(--argentina-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-dropdown-item i{color:var(--argentina-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-dropdown-item:hover i{color:var(--argentina-accent)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-dropdown-divider{border-color:#75aadb33!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-dropdown-settings-header{color:var(--argentina-text-primary)!important;font-weight:600!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .user-dropdown-settings-header i{color:var(--argentina-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .theme-chip{border-color:#75aadb!important;color:#1a1a1a!important;background:#fff!important;font-weight:700!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .theme-chip.active{background:linear-gradient(135deg,#75aadb,#87ceeb)!important;color:#fff!important;box-shadow:0 2px 8px #75aadb4d!important;border-color:transparent!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .theme-chip:hover{background:#75aadb26!important;border-color:#87ceeb!important;color:#1a1a1a!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .badge,body.argentina-theme:not(.dark-mode):not(.theme-dark) .tag{background:var(--argentina-primary)!important;color:var(--argentina-secondary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .search-input,body.argentina-theme:not(.dark-mode):not(.theme-dark) input[type=search],body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-search,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contacts-search,body.argentina-theme:not(.dark-mode):not(.theme-dark) input[placeholder*=Buscar],body.argentina-theme:not(.dark-mode):not(.theme-dark) input[placeholder*=Search]{border-color:var(--argentina-primary)!important;background:#fff!important;color:var(--argentina-text-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .search-input:focus,body.argentina-theme:not(.dark-mode):not(.theme-dark) input[type=search]:focus,body.argentina-theme:not(.dark-mode):not(.theme-dark) .navbar-search:focus{border-color:var(--argentina-accent)!important;box-shadow:0 0 0 3px #ffd7004d!important}@media(max-width:768px){body.argentina-theme:not(.dark-mode):not(.theme-dark) .modal,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-edit-modal{padding:16px!important;margin:16px!important}}@media(min-width:769px){body.argentina-theme:not(.dark-mode):not(.theme-dark) .modal,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-edit-modal{padding:24px!important;margin:24px!important}}body.argentina-theme:not(.dark-mode):not(.theme-dark){text-shadow:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-info,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-item-info{color:#1a1a1a!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-info *,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-item-info *{color:inherit!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-item,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item *,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-item *{color:#1a1a1a!important;font-weight:400!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-nombre,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-name,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item h3,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-item h3{color:#1a1a1a!important;font-weight:600!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-subtitle,body.argentina-theme:not(.dark-mode):not(.theme-dark) .last-message-preview,body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-status{color:#555!important;font-weight:400!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .status-badge,body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-badge{color:#555!important;background:#f5f5f5cc!important;border:1px solid rgba(117,170,219,.3)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-action-btn{background:#ffffffe6!important;border:1px solid rgba(117,170,219,.4)!important;color:#666!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-action-btn:hover{background:#75aadb26!important;border-color:var(--argentina-primary)!important;color:var(--argentina-primary)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-action-btn.fav-active{color:var(--argentina-accent)!important;background:#ffd7001a!important;border-color:var(--argentina-accent)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .conversacion-item-avatar,body.argentina-theme:not(.dark-mode):not(.theme-dark) .contact-item-avatar{border:2px solid rgba(117,170,219,.3)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) ::placeholder{color:#999!important;opacity:1!important}body.argentina-theme:not(.dark-mode):not(.theme-dark){--text-contrast-dark: #1a1a1a;--text-contrast-medium: #555555;--text-contrast-light: #888888}body.argentina-theme:not(.dark-mode):not(.theme-dark) .users-modal-overlay{background:#0e2a4ba6!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .users-modal{background:#fff!important;color:#0f1a2f!important;border:1px solid rgba(117,170,219,.5)!important;box-shadow:0 25px 50px #2149aa33!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .users-modal-close{background:#fffc!important;border:1px solid rgba(117,170,219,.5)!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .users-modal-tabs button{background:#fffffff2!important;border-color:#75aadb80!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .users-modal-tabs button.active{background:linear-gradient(135deg,#75aadb,#87ceeb)!important;color:#fff!important;border-color:transparent!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal-overlay{background:#0e2a4b99!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal{background:#fff!important;color:#0f1a2f!important;border:1px solid rgba(117,170,219,.45)!important;box-shadow:0 24px 48px #2149aa38!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal-header{background:linear-gradient(135deg,#75aadb,#87ceeb)!important;border-bottom:1px solid rgba(255,255,255,.35)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal-header h2{color:#0f1a2f!important;text-shadow:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal-close{background:#ffffffe6!important;color:#0f1a2f!important;border:1px solid rgba(117,170,219,.6)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal-body .current-status-display{background:#f5f8ff!important;border:1px solid rgba(117,170,219,.45)!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal-body .status-label,body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal-body .status-options h3{color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal-body .status-btn{background:#fff!important;border:1px solid rgba(117,170,219,.5)!important;color:#0f1a2f!important;box-shadow:0 4px 10px #75aadb1f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal-body .status-btn:hover{background:#75aadb2e!important;border-color:#75aadbcc!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal-body .status-btn.active{background:linear-gradient(135deg,#75aadb,#87ceeb)!important;color:#fff!important;border-color:transparent!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .presence-modal-body .status-btn .status-icon{filter:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-overlay{background:#0e2a4b99!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal{background:#fff!important;color:#0f1a2f!important;border:1px solid rgba(117,170,219,.45)!important;box-shadow:0 24px 48px #2149aa38!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-header{background:linear-gradient(135deg,#75aadb,#87ceeb)!important;border-bottom:1px solid rgba(255,255,255,.35)!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-header h2{color:#0f1a2f!important;text-shadow:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-close{background:#ffffffe6!important;color:#0f1a2f!important;border:1px solid rgba(117,170,219,.6)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-body{background:#fff!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-body input,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-body select,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-body textarea{background:#f7f9ff!important;border:1px solid rgba(117,170,219,.45)!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-section{background:#fff!important;border:1px solid rgba(117,170,219,.25)!important;box-shadow:0 4px 12px #75aadb1f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-section h3,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-section label{color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-section small{color:#3a4a68!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-field{color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-photo{background:#fff!important;border:4px solid rgba(117,170,219,.35)!important;box-shadow:0 8px 24px #2149aa26!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-photo span{color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-photo-upload-btn{background:linear-gradient(135deg,#75aadb,#87ceeb)!important;border:3px solid #ffffff!important;color:#fff!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-photo-section,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-cover,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-section,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-form-section,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-card,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-row,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-field-wrapper{background:#fff!important;border:1px solid rgba(117,170,219,.25)!important;box-shadow:0 4px 12px #75aadb1a!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .form-group,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .form-row,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .form-control,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .input-group,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .profile-form-block{background:#fff!important;border:1px solid rgba(117,170,219,.25)!important;color:#0f1a2f!important;box-shadow:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal input,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal select,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal textarea{background:#f7f9ff!important;border:1px solid rgba(117,170,219,.35)!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal input::placeholder,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal textarea::placeholder{color:#3a4a68!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .profile-section-language,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .profile-section-country,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .language-block,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .country-block{background:#fff!important;border:1px solid rgba(117,170,219,.25)!important;box-shadow:0 4px 12px #75aadb1a!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .profile-section-language h3,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .profile-section-country h3,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .language-block label,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .country-block label{color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .select,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal select{background:#f7f9ff!important;border:1px solid rgba(117,170,219,.35)!important;color:#0f1a2f!important;box-shadow:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-section h3,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-form-section h3,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-card h3,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-row h3,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-field-label,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-body label{color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-section small,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-hint,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-helper{color:#3a4a68!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .form-section{background:transparent!important;background-color:transparent!important;background-image:none!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .form-section h2{color:#0f1a2f!important;border-bottom-color:#75aadb4d!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .profile-form{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid rgba(117,170,219,.25)!important;box-shadow:0 4px 12px #75aadb1a!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .form-section *,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .profile-form *{background-color:inherit!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .form-section .profile-form{background:#fff!important;background-color:#fff!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal *{background-color:transparent!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .profile-form,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .form-section .profile-form{background:#fff!important;background-color:#fff!important;background-image:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .form-group input,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .form-group textarea,body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .form-group select{background:#f7f9ff!important;background-color:#f7f9ff!important;background-image:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-photo-menu{background:#fff!important;color:#0f1a2f!important;border:1px solid rgba(117,170,219,.3)!important;box-shadow:0 8px 24px #2149aa2e!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-photo-menu button{color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .status-btn{background:#fff!important;border:1px solid rgba(117,170,219,.45)!important;color:#0f1a2f!important;box-shadow:0 4px 10px #75aadb1f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .status-btn:hover{background:#75aadb2e!important;border-color:#75aadbcc!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .status-btn.active{background:linear-gradient(135deg,#75aadb,#87ceeb)!important;color:#fff!important;border-color:transparent!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal .status-btn .status-icon{filter:none!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-body label{color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-footer{background:#fff!important;border-top:1px solid rgba(117,170,219,.35)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-footer button{background:linear-gradient(135deg,#75aadb,#87ceeb)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #75aadb40!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .profile-modal-footer button:first-child{background:#fffffff2!important;color:#0f1a2f!important;border:1px solid rgba(117,170,219,.45)!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .users-modal-tabs button:hover{background:#75aadb33!important;border-color:#75aadbcc!important;color:#0f1a2f!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .users-empty,body.argentina-theme:not(.dark-mode):not(.theme-dark) .users-modal-content,body.argentina-theme:not(.dark-mode):not(.theme-dark) .users-item{color:#0f1a2f!important}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);z-index:10000;transition:opacity .5s ease-out,visibility .5s ease-out}.loading-screen.hidden{opacity:0!important;pointer-events:none!important;z-index:-1!important;display:none!important;visibility:hidden!important}.logo-container{width:100%;max-width:200px;display:flex;justify-content:center;align-items:center}.logo-container img{width:100%;max-width:120px;height:auto;aspect-ratio:1;animation:logoAnimation 2s ease-in-out infinite;display:block;object-fit:contain}@keyframes logoAnimation{0%,to{opacity:1;transform:scale(1) rotate(0)}25%{opacity:.9;transform:scale(1.05) rotate(2deg)}50%{opacity:.85;transform:scale(1.1) rotate(0)}75%{opacity:.9;transform:scale(1.05) rotate(-2deg)}}@media(max-width:480px){.logo-container{max-width:150px}.logo-container img{max-width:100px}}@media(min-width:481px)and (max-width:768px){.logo-container{max-width:180px}.logo-container img{max-width:120px}}@media(min-width:769px){.logo-container{max-width:200px}.logo-container img{max-width:140px}}.login-view{display:flex!important;align-items:flex-start;justify-content:center;min-height:100vh;padding:48px 16px 64px;background:linear-gradient(135deg,#f5f5f5,#fff);background-attachment:fixed;position:relative;width:100%;z-index:100;visibility:visible!important;opacity:1!important;overflow-y:auto;box-sizing:border-box}.login-view:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,#f5f5f5,#fff);z-index:-1;pointer-events:none}body.dark-mode .login-view,body.theme-dark .login-view{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)!important}body.dark-mode .login-view:before,body.theme-dark .login-view:before{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)!important}.login-view.active{display:flex!important}.login-card{background:#fff;color:#111;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px 28px 40px;width:100%;max-width:520px;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003;margin:0 auto;position:relative;z-index:1}.login-lang-switch{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px}.login-lang-switch label{font-weight:600;color:#333;font-size:.9rem}.login-lang-flag{border-radius:3px;box-shadow:0 1px 3px #0003}.login-lang-switch select{padding:6px 10px;border-radius:10px;border:1px solid #d0d0d0;background:#f3f3f3;font-weight:700;font-size:.9rem;cursor:pointer}.login-header{text-align:center;margin-bottom:18px}.login-logo{width:120px;height:120px;border-radius:50%;margin-bottom:20px;object-fit:cover}.login-main-title{font-size:1.45rem;color:#111;margin-bottom:8px;font-weight:800}.login-subtitle{font-size:1.1rem;color:#222;margin-bottom:0;font-weight:700}.login-mensaje-container{margin-bottom:20px}.login-error{background:#f8d7da;color:#721c24;padding:12px;border-radius:8px;border:1px solid #f5c6cb;font-size:.9rem;margin-bottom:15px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s;color:#000;font-weight:700}.form-group input:focus{outline:none;border-color:#75aadb;box-shadow:0 0 0 3px #75aadb33}body.dark-mode .form-group input:focus,body.theme-dark .form-group input:focus{border-color:#8b6fb8;box-shadow:0 0 0 3px #8b6fb833}.form-group input::placeholder{color:#0009;font-weight:700}.captcha-group{margin-top:10px}.captcha-container{display:flex;align-items:center;gap:10px;margin-top:8px}.captcha-question{background:linear-gradient(135deg,#75aadb,#87ceeb);color:#fff;padding:10px 15px;border-radius:8px;font-size:1.2rem;font-weight:700;min-width:60px;text-align:center}body.dark-mode .captcha-question,body.theme-dark .captcha-question{background:#6a4c93}.captcha-input{flex:1;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;text-align:center}.captcha-refresh{background:linear-gradient(135deg,#75aadb,#87ceeb);color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:background .3s}.captcha-refresh:hover{background:linear-gradient(135deg,#87ceeb,#75aadb)}body.dark-mode .captcha-refresh,body.theme-dark .captcha-refresh{background:#6a4c93}body.dark-mode .captcha-refresh:hover,body.theme-dark .captcha-refresh:hover{background:#8b6fb8}.captcha-help{font-size:.85rem;color:#666;margin-top:5px}.login-button{background:linear-gradient(135deg,#75aadb,#87ceeb);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s,box-shadow .2s;margin-top:10px;box-shadow:0 4px 12px #75aadb4d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #75aadb80;background:linear-gradient(135deg,#87ceeb,#75aadb)}body.dark-mode .login-button,body.theme-dark .login-button{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);box-shadow:0 4px 12px #6a4c9366}body.dark-mode .login-button:hover:not(:disabled),body.theme-dark .login-button:hover:not(:disabled){box-shadow:0 4px 12px #6a4c9366}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-forgot-password{text-align:center;margin-top:15px;margin-bottom:10px}.btn-forgot-password{background:none;border:none;color:#75aadb;text-decoration:underline;cursor:pointer;font-size:.95rem;font-weight:500;padding:5px 10px;transition:opacity .2s}body.dark-mode .btn-forgot-password,body.theme-dark .btn-forgot-password{color:#9d7fcc}.btn-forgot-password:hover{opacity:.8}.recuperar-password-container{margin-top:15px;padding:20px;background:transparent;border-radius:10px;border:1px solid rgba(117,170,219,.2)}body.dark-mode .recuperar-password-container,body.theme-dark .recuperar-password-container{border:1px solid rgba(106,76,147,.2)}.recuperar-password-container h3{color:#333;margin-top:0;margin-bottom:8px;font-size:1.1rem;font-weight:600}.recuperar-password-container p{color:#666;font-size:.9rem;margin-bottom:15px;line-height:1.5}.login-info{margin-top:20px;padding:15px;background:#75aadb1a;border-radius:10px;display:flex;gap:15px;align-items:flex-start}body.dark-mode .login-info,body.theme-dark .login-info{background:#6a4c931a}.info-icon{font-size:2rem;flex-shrink:0}.info-title{font-weight:600;color:#333;margin-bottom:5px;font-size:1rem}.info-text{color:#666;font-size:.9rem;line-height:1.5;margin:0}@media(max-width:768px){.login-view{padding:24px 12px 32px;min-height:100vh;min-height:100dvh}.login-card{padding:28px 20px 32px;max-width:100%;border-radius:16px}.login-main-title{font-size:1.25rem;line-height:1.3}.login-subtitle{font-size:1rem}.login-logo{width:100px;height:100px;margin-bottom:16px}.login-lang-switch{margin-bottom:10px}.login-lang-switch label{font-size:.85rem}.login-lang-switch select{font-size:.85rem;padding:5px 8px}}@media(min-width:769px)and (max-width:1024px){.login-card{max-width:480px;padding:36px 32px 40px}}@supports (-webkit-appearance: none){.login-view{background:linear-gradient(135deg,#f5f5f5,#fff)}body.dark-mode .login-view,body.theme-dark .login-view{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)!important}}.terms-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2000}.terms-modal-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.terms-modal-content{position:relative;z-index:2001;width:95%;max-width:720px;max-height:90vh;background:#fff;border-radius:18px;box-shadow:0 20px 50px #00000059;padding:24px 24px 18px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.terms-modal-content h2{margin:0;font-size:1.35rem;font-weight:800;color:#111}.terms-lang-selector{display:flex;align-items:center;gap:10px;font-weight:700;color:#111}.terms-lang-selector select{padding:8px 10px;border-radius:10px;border:1px solid #d0d0d0;font-weight:700;background:#f3f3f3}.terms-modal-scroll{flex:1;min-height:260px;max-height:60vh;overflow-y:auto;padding:12px;border:1px solid #e0e0e0;border-radius:12px;background:#fafafa}.terms-text{white-space:pre-wrap;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:.95rem;line-height:1.5;color:#222;margin:0}.terms-modal-actions{display:flex;flex-direction:column;gap:12px}.terms-checkbox{display:flex;align-items:center;gap:10px;font-weight:600;color:#222}.terms-checkbox input{width:18px;height:18px}.terms-buttons{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.btn-terms-primary,.btn-terms-secondary{padding:12px 20px;border-radius:10px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .2s ease;min-width:120px;text-align:center;white-space:nowrap}.btn-terms-primary{background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff!important;box-shadow:0 4px 12px #2e7d324d}.btn-terms-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;color:#fff!important}.btn-terms-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 16px #2e7d3266;color:#fff!important}.btn-terms-secondary{background:#f5f5f5;color:#333!important;border:2px solid #e0e0e0;box-shadow:0 2px 8px #0000001a}.btn-terms-secondary:hover{transform:translateY(-1px);background:#e8e8e8;border-color:#d0d0d0;color:#222!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .btn-terms-primary{background:linear-gradient(135deg,#75aadb,#87ceeb);color:#fff!important;box-shadow:0 4px 12px #75aadb4d}body.argentina-theme:not(.dark-mode):not(.theme-dark) .btn-terms-primary:hover{box-shadow:0 6px 16px #75aadb80;color:#fff!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .btn-terms-secondary{background:#fff!important;color:#1a1a1a!important;border:2px solid #75AADB!important;font-weight:700!important}body.argentina-theme:not(.dark-mode):not(.theme-dark) .btn-terms-secondary:hover{background:#f0f7ff!important;border-color:#87ceeb!important;color:#0a0a0a!important}body.dark-mode .btn-terms-primary,body.theme-dark .btn-terms-primary{background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff!important;box-shadow:0 4px 12px #2e7d324d}body.dark-mode .btn-terms-secondary,body.theme-dark .btn-terms-secondary{background:#2a2a2a;color:#fff!important;border:2px solid #444444}body.dark-mode .btn-terms-secondary:hover,body.theme-dark .btn-terms-secondary:hover{background:#333;border-color:#555;color:#fff!important}@media(max-width:600px){.terms-modal-content{max-width:95%;padding:18px 16px 14px}.terms-modal-scroll{max-height:50vh}.terms-buttons{justify-content:center}}.custom-status-modal-overlay{display:none;position:fixed;inset:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2147483650;align-items:center;justify-content:center;padding:20px;overflow-y:auto;overflow-x:hidden}.custom-status-modal-overlay.active{display:flex}.custom-status-modal{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:20px;max-width:600px;width:100%;max-height:calc(100vh - 40px);margin:auto;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out;position:relative;z-index:2147483651}.custom-status-modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff1a}.custom-status-modal-header h2{margin:0;color:#fff;font-size:24px;font-weight:600}.custom-status-modal-close{background:#fff3;border:none;color:#fff;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.custom-status-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.custom-status-modal-body{padding:30px;flex:1;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:1fr 300px;gap:30px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.custom-status-modal-body::-webkit-scrollbar{width:6px}.custom-status-modal-body::-webkit-scrollbar-track{background:transparent}.custom-status-modal-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.custom-status-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff80}.custom-status-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-weight:600;font-size:14px}.custom-status-input-container{display:flex;gap:10px;align-items:center}.custom-status-input-container input{flex:1;padding:10px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#fff3;color:#fff;font-size:14px}.custom-status-input-container input::placeholder{color:#fff9}.form-group input[type=text]{padding:10px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#fff3;color:#fff;font-size:14px}.form-group input[type=text]::placeholder{color:#fff9}.form-group input[type=datetime-local]{padding:10px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#fff3;color:#fff;font-size:14px}.form-help{color:#ffffffb3;font-size:12px}.emoji-picker-btn{background:#fff3;border:none;border-radius:8px;width:40px;height:40px;cursor:pointer;font-size:20px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.emoji-picker-btn:hover{background:#ffffff4d;transform:scale(1.05)}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#fff;font-weight:500;gap:10px}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:4px;position:relative;transition:all .3s ease;background:#ffffff1a}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#ffffff4d;border-color:#ffffff80}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.custom-status-suggestions{margin-top:10px}.custom-status-suggestions h3{margin:0 0 15px;color:#fff;font-size:16px;font-weight:600}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.suggestion-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 12px;color:#fff;cursor:pointer;font-size:14px;text-align:left;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-btn:hover{background:#fff3;transform:translateY(-2px)}.custom-status-preview{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;border:1px solid rgba(255,255,255,.2)}.custom-status-preview h3{margin:0 0 15px;color:#fff;font-size:16px;font-weight:600}.preview-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.preview-indicator{font-size:16px}.preview-text{color:#fff;font-size:14px;font-weight:500}.custom-status-modal-footer{display:flex;justify-content:flex-end;gap:15px;padding:20px 30px;border-top:1px solid rgba(255,255,255,.2);background:#ffffff1a}.btn-secondary,.btn-primary{padding:12px 24px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-secondary{background:#fff3;color:#fff}.btn-secondary:hover{background:#ffffff4d}.btn-primary{background:#ffffffe6;color:#9d7fcc}.btn-primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-text{display:inline-block}.btn-icon{display:inline-block;font-size:16px}@media(max-width:768px){.custom-status-modal{max-width:95%;max-height:95vh}.custom-status-modal-body{grid-template-columns:1fr;gap:20px}.custom-status-modal-header,.custom-status-modal-body,.custom-status-modal-footer{padding:20px}.suggestions-grid{grid-template-columns:1fr}.suggestion-btn{text-align:center}}.presence-modal-overlay{display:none;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;background:#000000b3!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2147483647!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow-y:auto!important;overflow-x:hidden!important;transform:translateZ(0)!important;will-change:transform!important;isolation:isolate!important;contain:layout style paint!important;pointer-events:auto!important}.presence-modal-overlay.active{display:flex!important}.presence-modal{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)!important;border-radius:20px;max-width:700px;width:100%;max-height:calc(100vh - 40px);margin:auto;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out;position:relative!important;z-index:2147483647!important;transform:translateZ(0)!important;isolation:isolate!important;pointer-events:auto!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.presence-modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff1a}.presence-modal-header h2{margin:0;color:#fff;font-size:24px;font-weight:600}.presence-modal-close{background:#fff3;border:none;color:#fff;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.presence-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.presence-modal-body{padding:30px;flex:1;overflow-y:auto;overflow-x:hidden}.presence-modal-body .form-section{margin-bottom:30px}.presence-modal-body .form-section h2{margin:0 0 20px;color:#fff;font-size:1.5rem;font-weight:600;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}.presence-modal-body .presence-status-section{display:flex;flex-direction:column;gap:25px}.presence-modal-body .current-status-display{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff26;border-radius:10px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.presence-modal-body .status-label{font-weight:600;font-size:1rem;color:#ffffffe6}.presence-modal-body .current-status-badge{flex:1}.presence-modal-body .status-options h3{font-size:1.1rem;margin-bottom:15px;color:#ffffffe6;font-weight:600}.presence-modal-body .status-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.presence-modal-body .status-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff1a;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:500;font-size:.95rem}.presence-modal-body .status-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.presence-modal-body .status-btn.active{background:#ffffff40;border-color:#fff6}.presence-modal-body .status-btn .status-icon{font-size:1.2rem;filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}.presence-modal-body .status-btn.status-online .status-icon{color:#0f0}.presence-modal-body .status-btn.status-online{border-color:#00ff004d}.presence-modal-body .status-btn.status-idle .status-icon{color:#fa0}.presence-modal-body .status-btn.status-idle{border-color:#ffaa004d}.presence-modal-body .status-btn.status-dnd .status-icon,.presence-modal-body .status-btn.status-busy .status-icon{color:#f33}.presence-modal-body .status-btn.status-dnd,.presence-modal-body .status-btn.status-busy{border-color:#ff33334d}.presence-modal-body .status-btn.status-offline .status-icon{color:#999}.presence-modal-body .status-btn.status-offline{border-color:#9999994d}.presence-modal-body .status-btn.status-custom .status-icon{color:#9d7fcc}.presence-modal-body .status-btn.status-custom{border-color:#6a4c934d;background:linear-gradient(135deg,#6a4c9333,#5a3d8333)}.presence-modal-body .status-info{background:#ffffff0d;border-radius:10px;padding:15px;border:1px solid rgba(255,255,255,.1)}.presence-modal-body .status-info .info-item{padding:8px 0;font-size:.9rem;color:#ffffffd9;border-bottom:1px solid rgba(255,255,255,.05)}.presence-modal-body .status-info .info-item:last-child{border-bottom:none}.presence-modal-body .status-info .info-item strong{color:#fff;font-weight:600}.presence-modal-body .presence-status-section .user-status-badge{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,#fffffffa,#f5f7fafa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #00000014,0 1px 3px #0000000f,inset 0 1px #ffffff80;border:2px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.presence-modal-body .presence-status-section .user-status-indicator{display:inline-flex;align-items:center;justify-content:center;font-size:1.3em;line-height:1;filter:drop-shadow(0 0 3px rgba(0,0,0,.3));transition:all .3s ease}.presence-modal-body .presence-status-section .user-status-online{border:2px solid rgba(0,210,106,.6);background:linear-gradient(135deg,#00ff7f40,#90ee9026,#fffffffa)}.presence-modal-body .presence-status-section .user-status-online .user-status-indicator{animation:pulse-online 2s ease-in-out infinite;color:#00d26a}.presence-modal-body .presence-status-section .user-status-idle{border:2px solid rgba(250,166,26,.6);background:linear-gradient(135deg,#ffc10740,#ffdf0026,#fffffffa)}.presence-modal-body .presence-status-section .user-status-idle .user-status-indicator{color:#faa61a}.presence-modal-body .presence-status-section .user-status-dnd{border:2px solid rgba(240,71,71,.6);background:linear-gradient(135deg,#f0474740,#ff634726,#fffffffa)}.presence-modal-body .presence-status-section .user-status-dnd .user-status-indicator{color:#f04747}.presence-modal-body .presence-status-section .user-status-busy{border:2px solid rgba(255,69,0,.6);background:linear-gradient(135deg,#ff450040,#ff8c0026,#fffffffa)}.presence-modal-body .presence-status-section .user-status-busy .user-status-indicator{color:#ff4500}.presence-modal-body .presence-status-section .user-status-offline{border:2px solid rgba(153,153,153,.4);background:linear-gradient(135deg,#99999926,#c0c0c01a,#f5f5f5fa);opacity:.85}.presence-modal-body .presence-status-section .user-status-offline .user-status-indicator{color:#999}.presence-modal-body .presence-status-section .user-status-offline .user-status-text{color:#718096}.presence-modal-body .presence-status-section .user-status-custom{border:2px solid rgba(106,76,147,.6);background:linear-gradient(135deg,#6a4c934d,#8b5cf633,#fffffffa)}.presence-modal-body .presence-status-section .user-status-custom .user-status-indicator{color:#9d7fcc}@media(max-width:768px){.presence-modal{max-width:95%;max-height:95vh}.presence-modal-header,.presence-modal-body{padding:20px}.presence-modal-body .status-buttons-grid{grid-template-columns:1fr}.presence-modal-body .current-status-display{flex-direction:column;align-items:flex-start}.presence-modal-body .presence-status-section .user-status-text{max-width:150px}}@media(max-width:480px){.presence-modal{max-width:100%;max-height:100vh;border-radius:10px 10px 0 0}}.presence-modal-body .current-status-badge{display:flex!important;align-items:center;gap:10px}.presence-modal-body .edit-custom-status-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:1.2rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0}.presence-modal-body .edit-custom-status-btn:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 4px 12px #0003}.presence-modal-body .custom-status-form-inline{padding:20px 0}.presence-modal-body .custom-status-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.presence-modal-body .custom-status-form-header h3{margin:0;color:#fffffff2;font-size:1.3rem}.presence-modal-body .back-to-status-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;padding:8px 16px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.presence-modal-body .back-to-status-btn:hover{background:#ffffff40;transform:translate(-2px)}.presence-modal-body .custom-status-form-inline .form-group{margin-bottom:20px}.presence-modal-body .custom-status-form-inline .form-group label{display:block;margin-bottom:8px;color:#ffffffe6;font-weight:500;font-size:.95rem}.presence-modal-body .custom-status-form-inline .form-group input[type=text],.presence-modal-body .custom-status-form-inline .form-group input[type=datetime-local]{width:100%;padding:12px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.presence-modal-body .custom-status-form-inline .form-group input[type=text]:focus,.presence-modal-body .custom-status-form-inline .form-group input[type=datetime-local]:focus{outline:none;border-color:#fff9;background:#fff3}.presence-modal-body .custom-status-form-inline .form-group input::placeholder{color:#ffffff80}.presence-modal-body .custom-status-form-inline .form-help{display:block;margin-top:6px;color:#ffffffb3;font-size:.85rem}.presence-modal-body .custom-status-form-inline .checkbox-label{display:flex;align-items:center;cursor:pointer;color:#ffffffe6;font-size:.95rem}.presence-modal-body .custom-status-form-inline .checkbox-label input[type=checkbox]{margin-right:10px;width:18px;height:18px;cursor:pointer}.presence-modal-body .custom-status-suggestions{margin:25px 0}.presence-modal-body .custom-status-suggestions h4{margin:0 0 12px;color:#ffffffe6;font-size:1rem}.presence-modal-body .suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.presence-modal-body .suggestion-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:10px 12px;cursor:pointer;transition:all .3s ease;font-size:.9rem;text-align:left}.presence-modal-body .suggestion-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.presence-modal-body .custom-status-preview{margin:25px 0;padding:20px;background:#ffffff1a;border-radius:12px;border:2px solid rgba(255,255,255,.2)}.presence-modal-body .custom-status-preview h4{margin:0 0 15px;color:#ffffffe6;font-size:1rem}.presence-modal-body .preview-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#6a4c934d;border:2px solid rgba(106,76,147,.5);border-radius:20px}.presence-modal-body .preview-indicator{font-size:1.2rem}.presence-modal-body .preview-text{color:#fff;font-weight:500}.presence-modal-body .custom-status-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:2px solid rgba(255,255,255,.2)}.presence-modal-body .custom-status-form-actions .btn-secondary,.presence-modal-body .custom-status-form-actions .btn-primary{padding:12px 24px;border-radius:8px;border:2px solid;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.presence-modal-body .custom-status-form-actions .btn-secondary{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.presence-modal-body .custom-status-form-actions .btn-secondary:hover{background:#fff3}.presence-modal-body .custom-status-form-actions .btn-primary{background:#6a4c93cc;border-color:#6a4c93;color:#fff}.presence-modal-body .custom-status-form-actions .btn-primary:hover{background:#6a4c93;transform:translateY(-2px);box-shadow:0 4px 12px #6a4c9366}.language-selector-custom{position:relative;display:inline-block}.language-selector-button{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#fff}.language-selector-button:hover{background:#fff3}.language-flag{display:inline-block;width:20px;height:15px;vertical-align:middle}.flag-svg{width:100%;height:100%;display:block}.flag-button{width:20px;height:15px}.flag-option{width:32px;height:24px}.language-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#1e1e1efa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;min-width:200px;max-height:400px;overflow-y:auto;box-shadow:0 4px 20px #0000004d;display:none;z-index:1001;padding:4px 0}body.theme-dark .language-dropdown,body.dark-mode .language-dropdown{background:#1e1e1efa!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 20px #0009!important}body.theme-dark .language-option,body.dark-mode .language-option{color:#e0e0e0!important}body.theme-dark .language-option:hover,body.dark-mode .language-option:hover{background:#ffffff1a!important}body.theme-dark .language-option.active,body.dark-mode .language-option.active{background:#ffffff26!important;color:#fff!important}.language-dropdown.active .language-flag{display:inline-block!important;visibility:visible!important;opacity:1!important}.language-dropdown.active{display:block}.language-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .3s ease;color:#fff;white-space:nowrap}.language-option *{pointer-events:none}.language-option:hover{background:#fff3}.language-option.active{background:#ffffff4d;font-weight:600}.language-option .language-flag{width:32px;height:24px;min-width:32px;display:inline-block;flex-shrink:0}.language-option .flag-svg{width:100%;height:100%;display:block}.language-option .language-name{flex:1;font-size:.95rem}.navbar-presence-selector{position:relative;display:inline-block}.navbar-status-button{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff1a;border:2px solid transparent;border-radius:20px;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:500;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-status-button:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.navbar-status-icon{font-size:1rem;filter:drop-shadow(0 0 2px rgba(0,0,0,.3));line-height:1}.navbar-status-text{white-space:nowrap}.navbar-status-online{border-color:#00ff004d}.navbar-status-idle{border-color:#ffaa004d}.navbar-status-dnd,.navbar-status-busy{border-color:#ff33334d}.navbar-status-offline{border-color:#9999994d}.navbar-status-overlay{position:fixed;inset:0;z-index:998;background:transparent}.navbar-status-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#1e1e28fa;border-radius:12px;padding:8px;box-shadow:0 8px 24px #0006;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;display:flex;flex-direction:column;gap:4px}.navbar-status-option{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff0d;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:500;font-size:.9rem;text-align:left;width:100%}.navbar-status-option:hover{background:#ffffff1a;transform:translate(4px)}.navbar-status-option.active{background:#ffffff26;border-color:#fff3}.navbar-status-option .status-icon{font-size:1.1rem;filter:drop-shadow(0 0 2px rgba(0,0,0,.3));flex-shrink:0}.navbar-status-option .status-name{flex:1}.navbar-status-option.status-online{border-color:#0f03}.navbar-status-option.status-online:hover{border-color:#00ff004d;background:#00ff001a}.navbar-status-option.status-idle{border-color:#fa03}.navbar-status-option.status-idle:hover{border-color:#ffaa004d;background:#ffaa001a}.navbar-status-option.status-dnd,.navbar-status-option.status-busy{border-color:#f333}.navbar-status-option.status-dnd:hover,.navbar-status-option.status-busy:hover{border-color:#ff33334d;background:#ff33331a}.navbar-status-option.status-offline{border-color:#9993}.navbar-status-option.status-offline:hover{border-color:#9999994d;background:#9999991a}@media(max-width:768px){.navbar-status-dropdown{right:auto;left:0;min-width:160px}.navbar-status-text{display:none}.navbar-status-button{padding:8px 10px}}:root{--dark-bg: #121212;--dark-panel: #1a1a1a;--dark-text: #ffffff;--dark-text-soft: #e0e0e0;--dark-border: #444444;--dark-overlay: rgba(0,0,0,.5);--dark-shadow: 0 8px 32px rgba(0,0,0,.5);--accent-star: #ffd700;--accent-block: #b22222;--accent-block-hover: #ff4500;--btn-close-bg: #333333;--btn-close-bg-hover: #555555;--btn-bg: #2a2a2a}.dark-mode .user-dropdown-overlay,.theme-dark .user-dropdown-overlay,.dark-mode .users-modal-overlay,.theme-dark .users-modal-overlay{position:fixed;inset:0;background:var(--dark-overlay);display:flex;align-items:center;justify-content:center;padding:12px;z-index:10000}.dark-mode .user-dropdown.mobile-modal,.theme-dark .user-dropdown.mobile-modal,.dark-mode .users-modal,.theme-dark .users-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:400px;max-height:90vh;background:var(--dark-panel);color:var(--dark-text);border-radius:16px;padding:20px;box-shadow:var(--dark-shadow);overflow-y:auto;display:flex;flex-direction:column}.dark-mode .users-modal-header,.theme-dark .users-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dark-mode .users-modal-close,.theme-dark .users-modal-close{background:var(--btn-close-bg);color:var(--dark-text);border:1px solid var(--dark-border);border-radius:10px;padding:6px 12px;cursor:pointer}.dark-mode .users-modal-close:hover,.theme-dark .users-modal-close:hover{background:var(--btn-close-bg-hover)}.dark-mode .users-modal-tabs button,.theme-dark .users-modal-tabs button{flex:1;padding:8px 10px;border-radius:10px;border:1px solid var(--dark-border);background:#222;color:var(--dark-text-soft);cursor:pointer}.dark-mode .users-modal-tabs button.active,.theme-dark .users-modal-tabs button.active{background:#5a3a7a;border-color:#8a6fc2;color:#fff}.dark-mode .users-modal-content,.theme-dark .users-modal-content{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.dark-mode .users-item,.theme-dark .users-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border:1px solid var(--dark-border);border-radius:10px;background:#1f1f1f;color:var(--dark-text)}.contact-action-btn{min-width:30px;height:30px;border-radius:8px;border:1px solid var(--dark-border);background:var(--btn-bg);color:var(--dark-text-soft);cursor:pointer}.contact-action-btn.fav-active{color:var(--accent-star);border-color:var(--accent-star);background:#2a2a2a}.contact-action-btn.blocked{color:var(--accent-block);border-color:var(--accent-block);background:#3a1e1e}.contact-action-btn.blocked:hover{background:var(--accent-block-hover);color:#fff}.users-item-action{padding:6px 10px;border-radius:8px;border:1px solid var(--dark-border);background:var(--btn-bg);color:var(--dark-text);cursor:pointer}.users-item-action:hover{background:#353a48}.dark-mode .user-dropdown,.theme-dark .user-dropdown{background:var(--dark-panel, #1a1a1a);color:var(--dark-text, #ffffff);border:1px solid var(--dark-border, #444444);box-shadow:var(--dark-shadow, 0 8px 32px rgba(0,0,0,.5))}.dark-mode .user-dropdown-item,.theme-dark .user-dropdown-item{color:var(--dark-text, #ffffff);border:1px solid transparent}.dark-mode .user-dropdown-item:hover,.theme-dark .user-dropdown-item:hover{background:#222;border-color:var(--dark-border, #444444)}.dark-mode .user-dropdown-settings,.theme-dark .user-dropdown-settings{background:transparent}.dark-mode .theme-chip,.theme-dark .theme-chip{border:1px solid var(--dark-border, #444444);color:var(--dark-text, #ffffff);background:#222}.dark-mode .theme-chip.active,.theme-dark .theme-chip.active{background:#5a3a7a;border-color:#8a6fc2;color:#fff}.dark-mode .user-dropdown-divider,.theme-dark .user-dropdown-divider{background:var(--dark-border, #444444)}.mobile-presence{display:none!important}.dark-mode .help-container,.dark-mode .help-card,.dark-mode .ayuda-container,.dark-mode .ayuda-card,.theme-dark .help-container,.theme-dark .help-card,.theme-dark .ayuda-container,.theme-dark .ayuda-card{background:var(--dark-panel, #1a1a1a)!important;color:var(--dark-text, #ffffff)!important;border:1px solid var(--dark-border, #444444)!important;box-shadow:var(--dark-shadow, 0 8px 32px rgba(0,0,0,.5))!important}.dark-mode h1,.dark-mode h2,.dark-mode h3,.theme-dark h1,.theme-dark h2,.theme-dark h3{color:var(--dark-text, #ffffff)!important}.dark-mode p,.theme-dark p{color:var(--dark-text-soft, #e0e0e0)!important}.dark-mode .presence-modal,.theme-dark .presence-modal{background:var(--dark-panel, #1a1a1a)!important;color:var(--dark-text, #ffffff)!important;border:1px solid var(--dark-border, #444444)!important;box-shadow:var(--dark-shadow, 0 8px 32px rgba(0,0,0,.5))!important;background-image:none!important}.dark-mode .presence-modal-body,.theme-dark .presence-modal-body{background:var(--dark-panel, #1a1a1a)!important;background-image:none!important}.dark-mode .status-option,.theme-dark .status-option{background:#1f2128!important;border:1px solid var(--dark-border, #444444)!important;color:var(--dark-text, #ffffff)!important;background-image:none!important}.dark-mode .presence-modal-header,.theme-dark .presence-modal-header{background:transparent!important;border-bottom:1px solid var(--dark-border, #444444)!important}.dark-mode .presence-modal-close,.theme-dark .presence-modal-close{background:var(--btn-close-bg, #333333)!important;color:var(--dark-text, #ffffff)!important;border:1px solid var(--dark-border, #444444)!important}.dark-mode .presence-modal-close:hover,.theme-dark .presence-modal-close:hover{background:var(--btn-close-bg-hover, #555555)!important}.dark-mode .presence-modal-body,.theme-dark .presence-modal-body{background:transparent!important;color:var(--dark-text, #ffffff)!important}.dark-mode .presence-status-section,.theme-dark .presence-status-section{background:#1f1f1f!important;border:1px solid var(--dark-border, #444444)!important;color:var(--dark-text, #ffffff)!important}.dark-mode .status-option,.theme-dark .status-option{background:#1f2128!important;border:1px solid var(--dark-border, #444444)!important;color:var(--dark-text, #ffffff)!important}.dark-mode .status-option:hover,.theme-dark .status-option:hover{background:#272a33!important}@media(max-width:768px){.dark-mode .user-dropdown.mobile-modal,.theme-dark .user-dropdown.mobile-modal,.dark-mode .users-modal,.theme-dark .users-modal{top:20%;left:0;transform:none;width:100%;max-width:100%;max-height:80vh;border-radius:0}.dark-mode .users-modal-content,.theme-dark .users-modal-content{max-height:50vh}}.navbar-toggle-contacts-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;font-size:20px;color:#fff;transition:all .3s ease;margin:0 10px;flex-shrink:0}.navbar-toggle-contacts-btn:hover{background:#ffffff40;border-color:#ffffff4d;transform:scale(1.1)}.navbar-toggle-contacts-btn.active{background:#4caf504d;border-color:#4caf5080}body.theme-dark .navbar-toggle-contacts-btn,body.dark-mode .navbar-toggle-contacts-btn{background:#282828cc!important;border-color:#ffffff26!important;color:#e0e0e0!important}body.theme-dark .navbar-toggle-contacts-btn:hover,body.dark-mode .navbar-toggle-contacts-btn:hover{background:#323232e6!important;border-color:#fff3!important}body.theme-dark .navbar-toggle-contacts-btn.active,body.dark-mode .navbar-toggle-contacts-btn.active{background:#4caf5040!important;border-color:#4caf5066!important;color:#4caf50!important}.user-dropdown-overlay{position:fixed;inset:0;background:#0000008c;z-index:10000;display:flex;justify-content:center;align-items:center;padding:12px}.user-dropdown.mobile-modal{position:relative;right:auto;top:auto;width:90%;max-width:360px}.users-modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}.users-modal{background:#fff;color:#111827;border-radius:12px;width:420px;max-width:95vw;max-height:85vh;box-shadow:0 20px 60px #00000059;padding:16px;overflow:hidden;display:flex;flex-direction:column;gap:12px}.users-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.users-modal-close{background:transparent;border:none;font-size:20px;cursor:pointer}.users-modal-tabs{display:flex;gap:8px;margin-bottom:12px}.users-modal-tabs button{flex:1;padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;background:#f3f4f6;cursor:pointer}.users-modal-tabs button.active{background:#6a4c93;color:#fff;border-color:#6a4c93}.users-modal-content{max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent}.users-modal-content::-webkit-scrollbar{width:7px}.users-modal-content::-webkit-scrollbar-track{background:transparent}.users-modal-content::-webkit-scrollbar-thumb{background:#00000059;border-radius:999px}.users-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border:1px solid #e5e7eb;border-radius:8px}.users-item-action{padding:6px 10px;border-radius:6px;border:1px solid #d1d5db;cursor:pointer}.users-empty{padding:12px;text-align:center;color:#6b7280}@media(max-width:768px){.users-modal{width:90vw;max-width:360px;max-height:80vh;padding:20px}.users-modal-content{max-height:50vh}}.dark-mode .users-modal{background:#0f1116;color:#e5e7eb}.dark-mode .users-modal-tabs button{border-color:#2d3545;background:#161b26;color:#e5e7eb}.dark-mode .users-modal-tabs button.active{background:#6a4c93;border-color:#6a4c93;color:#fff}.dark-mode .users-item{border-color:#1f2933}.dark-mode .users-item-action{border-color:#2d3545;background:#161b26;color:#e5e7eb}@media(max-width:768px){.mobile-menu-toggle{display:flex}.navbar-menu{display:none!important}.navbar-right{display:flex!important;align-items:center;margin-left:auto}.navbar-right .language-selector{display:flex!important}.navbar-right .navbar-presence-selector,.navbar-right .user-profile{display:none!important}.user-avatar-mobile{display:flex!important;width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.3);transition:all .2s ease;margin-left:10px;flex-shrink:0}.user-avatar-mobile:hover{border-color:#fff9;transform:scale(1.05)}.user-avatar-mobile:active{transform:scale(.95)}.user-avatar-mobile img{width:100%;height:100%;object-fit:cover}.user-avatar-mobile span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;font-weight:700;font-size:18px}.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);flex-direction:column;padding:10px 0;box-shadow:0 4px 20px #0000004d;z-index:1000}.mobile-menu.active{display:flex}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:15px 20px;color:#fff;cursor:pointer;transition:background .2s;font-size:16px}.mobile-menu-item:hover,.mobile-menu-item:active{background:#ffffff26}.mobile-menu-item i{font-size:20px;font-style:normal}.mobile-presence{justify-content:flex-start}.mobile-appearance{flex-direction:column;align-items:flex-start;gap:8px}.mobile-appearance-header{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700}.theme-toggle.mobile{display:flex;gap:8px;width:100%}.theme-toggle.mobile .theme-chip{flex:1;border:1px solid rgba(255,255,255,.4);background:#ffffff26;color:#fff!important}.theme-toggle.mobile .theme-chip.active{background:#fff;color:#000!important;box-shadow:none}}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;margin-right:10px}.mobile-menu-toggle span{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:all .3s ease}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.user-avatar-mobile{display:none}@media(max-width:768px){.mobile-menu-toggle{display:flex}.navbar-menu{display:none!important}.navbar-right{display:flex!important;align-items:center;margin-left:auto}.navbar-right .navbar-presence-selector{display:none!important}.navbar-right .language-selector{display:flex!important}.user-avatar-mobile{display:flex!important;width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.3);transition:all .2s ease;margin-left:10px;flex-shrink:0}.user-avatar-mobile:hover{border-color:#fff9;transform:scale(1.05)}.user-avatar-mobile:active{transform:scale(.95)}.user-avatar-mobile img{width:100%;height:100%;object-fit:cover}.user-avatar-mobile span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;font-weight:700;font-size:18px}.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);flex-direction:column;padding:10px 0;box-shadow:0 4px 20px #0000004d;z-index:1000}.mobile-menu.active{display:flex}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:15px 20px;color:#fff;cursor:pointer;transition:background .2s;font-size:16px}.mobile-menu-item:hover,.mobile-menu-item:active{background:#ffffff26}.mobile-menu-item i{font-size:20px;font-style:normal}}.image-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease;overflow:auto;box-sizing:border-box;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;width:auto;height:auto;display:flex;align-items:center;justify-content:center;animation:scaleIn .2s ease;margin:auto;box-sizing:border-box;flex-shrink:0}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.image-modal-image{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080;display:block;margin:0 auto;vertical-align:middle}.image-modal-close{position:fixed;top:20px;right:20px;background:#ffffff40;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:28px;font-weight:700;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1;z-index:100000;box-shadow:0 4px 12px #0000004d}.image-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}@media(max-width:768px){.image-modal-content{max-width:95vw;max-height:95vh;padding:10px}.image-modal-image{max-width:95vw;max-height:95vh}.image-modal-close{top:10px;right:10px;width:35px;height:35px;font-size:28px}}.contact-edit-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.contact-edit-modal-overlay.active{opacity:1;visibility:visible}.contact-edit-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;transform:scale(.9);transition:transform .3s ease;overflow:hidden}.contact-edit-modal-overlay.active .contact-edit-modal{transform:scale(1)}.contact-edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#6a4c93,#5a3d83);color:#fff}.contact-edit-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.contact-edit-modal-close{background:#fff3;border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;line-height:1;padding:0}.contact-edit-modal-close:hover{background:#ffffff4d}.contact-edit-modal-close:disabled{opacity:.5;cursor:not-allowed}.contact-edit-modal-body{padding:24px;overflow-y:auto;flex:1}.contact-edit-info{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.contact-edit-avatar{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0}.contact-edit-avatar img{width:100%;height:100%;object-fit:cover}.contact-edit-avatar-initial{width:100%;height:100%;background:linear-gradient(135deg,#6a4c93,#5a3d83);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600}.contact-edit-name{font-size:1.2rem;font-weight:600;color:#333}.contact-edit-error{background:#ff000026!important;color:#ff6b6b!important;padding:12px;border-radius:8px;margin-bottom:20px;font-size:.9rem;border:1px solid rgba(255,0,0,.3)}.contact-edit-info-message{margin-top:16px;padding:12px;background:#6a4c931a;border-radius:8px;border-left:3px solid #6a4c93}.contact-edit-info-message small{color:#666;font-size:.85rem;line-height:1.4;display:block}.contact-edit-profile-info{margin-bottom:24px;padding:16px;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.contact-edit-profile-info-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:#333}.contact-edit-profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.contact-edit-profile-info-item{display:flex;flex-direction:column;gap:4px}.contact-edit-profile-info-label{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.contact-edit-profile-info-value{font-size:.95rem;color:#333;word-break:break-word}.contact-edit-form{display:flex;flex-direction:column;gap:20px}.contact-edit-field{display:flex;flex-direction:column;gap:8px}.contact-edit-field label{font-weight:600;color:#333;font-size:.95rem}.contact-edit-field input,.contact-edit-field textarea{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s ease;width:100%;box-sizing:border-box}.contact-edit-field input:focus,.contact-edit-field textarea:focus{outline:none;border-color:#6a4c93}.contact-edit-field input:disabled,.contact-edit-field textarea:disabled{background:#f5f5f5;cursor:not-allowed}.contact-edit-field textarea{resize:vertical;min-height:100px}.contact-edit-field small{color:#666;font-size:.85rem}.contact-edit-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0;background:#f9f9f9;justify-content:flex-end}.contact-edit-btn{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.contact-edit-btn:disabled{opacity:.5;cursor:not-allowed}.contact-edit-btn-cancel{background:#e0e0e0;color:#333}.contact-edit-btn-cancel:hover:not(:disabled){background:#d0d0d0}.contact-edit-btn-save{background:linear-gradient(135deg,#6a4c93,#5a3d83);color:#fff}.contact-edit-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#5a3d83,#4a2d73);transform:translateY(-1px);box-shadow:0 4px 12px #6a4c934d}body.theme-dark .contact-edit-modal,body.dark-mode .contact-edit-modal{background:#1e1e1e!important;color:#e0e0e0!important}body.theme-dark .contact-edit-modal-header,body.dark-mode .contact-edit-modal-header{background:linear-gradient(135deg,#3d2a5b,#2a1b3d)!important;border-bottom-color:#ffffff1a!important}body.theme-dark .contact-edit-modal-body,body.dark-mode .contact-edit-modal-body{background:#1e1e1e!important}body.theme-dark .contact-edit-info,body.dark-mode .contact-edit-info{border-bottom-color:#ffffff1a!important}body.theme-dark .contact-edit-name,body.dark-mode .contact-edit-name{color:#e0e0e0!important}body.theme-dark .contact-edit-error,body.dark-mode .contact-edit-error{background:#ff6b6b26!important;color:#ff6b6b!important;border-color:#ff6b6b4d!important}body.theme-dark .contact-edit-info-message,body.dark-mode .contact-edit-info-message{background:#6a4c9333!important;border-left-color:#6a4c93!important}body.theme-dark .contact-edit-info-message small,body.dark-mode .contact-edit-info-message small{color:#b0b0b0!important}body.theme-dark .contact-edit-profile-info,body.dark-mode .contact-edit-profile-info{background:#2a2a2a!important;border-color:#ffffff1a!important}body.theme-dark .contact-edit-profile-info-title,body.dark-mode .contact-edit-profile-info-title{color:#e0e0e0!important}body.theme-dark .contact-edit-profile-info-label,body.dark-mode .contact-edit-profile-info-label{color:#b0b0b0!important}body.theme-dark .contact-edit-profile-info-value,body.dark-mode .contact-edit-profile-info-value,body.theme-dark .contact-edit-field label,body.dark-mode .contact-edit-field label{color:#e0e0e0!important}body.theme-dark .contact-edit-field input,body.theme-dark .contact-edit-field textarea,body.dark-mode .contact-edit-field input,body.dark-mode .contact-edit-field textarea{background:#2a2a2a!important;border-color:#fff3!important;color:#e0e0e0!important}body.theme-dark .contact-edit-field input:focus,body.theme-dark .contact-edit-field textarea:focus,body.dark-mode .contact-edit-field input:focus,body.dark-mode .contact-edit-field textarea:focus{border-color:#6a4c93!important}body.theme-dark .contact-edit-field input:disabled,body.theme-dark .contact-edit-field textarea:disabled,body.dark-mode .contact-edit-field input:disabled,body.dark-mode .contact-edit-field textarea:disabled{background:#1a1a1a!important}body.theme-dark .contact-edit-field small,body.dark-mode .contact-edit-field small{color:#b0b0b0!important}body.theme-dark .contact-edit-modal-footer,body.dark-mode .contact-edit-modal-footer{background:#1a1a1a!important;border-top-color:#ffffff1a!important}body.theme-dark .contact-edit-btn-cancel,body.dark-mode .contact-edit-btn-cancel{background:#3a3a3a!important;color:#e0e0e0!important}body.theme-dark .contact-edit-btn-cancel:hover:not(:disabled),body.dark-mode .contact-edit-btn-cancel:hover:not(:disabled){background:#4a4a4a!important}body.theme-dark .contact-edit-btn-save,body.dark-mode .contact-edit-btn-save{background:linear-gradient(135deg,#3d2a5b,#2a1b3d)!important}body.theme-dark .contact-edit-btn-save:hover:not(:disabled),body.dark-mode .contact-edit-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#2a1b3d,#1a0f2a)!important}@media(max-width:768px){.contact-edit-modal{width:95%;max-height:95vh}.contact-edit-modal-header{padding:16px 20px}.contact-edit-modal-header h2{font-size:1.3rem}.contact-edit-modal-body{padding:20px}.contact-edit-modal-footer{padding:16px 20px;flex-direction:column}.contact-edit-btn{width:100%}}.contacts-search-bar{padding:14px 18px;margin:8px 12px 12px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 6px 18px #0000002e}.search-input-container{display:flex;align-items:center;background:#fffffff7;border-radius:26px;padding:10px 16px;box-shadow:inset 0 1px #ffffffb3,0 3px 10px #0000001f;min-height:42px;border:1px solid rgba(0,0,0,.06)}.search-icon{font-size:16px;margin-right:10px;opacity:.65}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#111}.search-input::placeholder{color:#777}.conversacion-item.has-new-message{animation:pulse-glow 1s ease-in-out infinite;background:linear-gradient(90deg,#00ff0040,#4caf5026,#00ff0040)!important;background-size:200% 100%;border-left:5px solid #00FF00!important;box-shadow:0 0 15px #00ff0080,inset 0 0 10px #00ff001a}@keyframes pulse-glow{0%,to{background-position:0% 50%;box-shadow:0 0 15px #00ff0080,inset 0 0 10px #00ff001a}50%{background-position:100% 50%;box-shadow:0 0 25px #0f0c,inset 0 0 20px #0f03}}.conversacion-item-nombre.new-message-highlight{color:#0f0!important;font-weight:700!important;text-shadow:0 0 5px rgba(0,255,0,.5)}.new-message-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;font-size:1.2rem;animation:message-blink .5s ease-in-out infinite}@keyframes message-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.9)}}.unread-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,red,#c00);color:#fff;font-size:.75rem;font-weight:800;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px #f009,0 0 10px #f006;animation:badge-pulse 1s ease-in-out infinite;z-index:10;border:2px solid #ffffff}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #f009,0 0 10px #f006}50%{transform:scale(1.15);box-shadow:0 2px 12px #f00c,0 0 20px #f009}}.conversacion-item-avatar{position:relative}.conversacion-item{transition:all .3s ease}.last-message-preview{font-size:.85rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.last-message-preview.has-new{color:#0f0;font-weight:600}.contacts-search-bar{padding:12px 15px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.1)}.search-input-container{display:flex;align-items:center;background:#fffffff2;border-radius:25px;padding:8px 15px;box-shadow:0 2px 8px #0000001a}.search-icon{font-size:16px;margin-right:10px;opacity:.6}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#333}.search-input::placeholder{color:#999}.search-clear-btn{background:#0000001a;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;transition:all .2s}.search-clear-btn:hover{background:#0003;color:#333}.search-results-info{margin-top:8px;font-size:12px;color:#ffffffb3;text-align:center}.btn-clear-search{margin-top:15px;padding:10px 20px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:transform .2s,box-shadow .2s}.btn-clear-search:hover{transform:scale(1.05);box-shadow:0 4px 15px #6a4c9366}.status-filter-bar{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.status-filter-btn{padding:6px 12px;border:none;border-radius:15px;background:#fff3;color:#fff;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.status-filter-btn:hover{background:#ffffff4d}.status-filter-btn.active{background:#fffffff2;color:#9d7fcc;font-weight:600;box-shadow:0 2px 8px #00000026}.search-results-info{margin-top:10px;font-size:12px;color:#fffc;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.clear-all-filters{padding:4px 10px;border:1px solid rgba(255,255,255,.5);border-radius:12px;background:transparent;color:#fff;font-size:11px;cursor:pointer;transition:all .2s}.clear-all-filters:hover{background:#fff3}@media(max-width:768px){.contacts-search-bar{padding:10px}.search-input-container{padding:10px 12px}.search-input{font-size:16px}.status-filter-bar{gap:6px}.status-filter-btn{padding:5px 10px;font-size:11px}}.typing-indicator-contact{display:inline-flex;align-items:center;gap:6px;color:#9d7fcc;font-style:italic;font-size:.9rem}.typing-dots-contact{display:inline-flex;align-items:center;gap:3px;height:12px}.typing-dots-contact span{width:4px;height:4px;background-color:#6a4c93;border-radius:50%;display:inline-block;animation:typingDotContact 1.4s infinite ease-in-out}.typing-dots-contact span:nth-child(1){animation-delay:0s}.typing-dots-contact span:nth-child(2){animation-delay:.2s}.typing-dots-contact span:nth-child(3){animation-delay:.4s}.typing-text-contact{color:#9d7fcc;font-size:.85rem;font-weight:500}@keyframes typingDotContact{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-6px);opacity:1}}.contact-actions{display:flex;gap:6px;margin-left:8px}.contact-action-btn-edit{background:#6a4c9333;color:#6a4c93}.contact-action-btn-edit:hover{background:#6a4c9366;color:#5a3d83}.contact-action-btn{min-width:30px;height:30px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#ffffffb3;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;transition:transform .1s,background .2s,border .2s}.contact-action-btn:hover{transform:translateY(-1px);background:#f1f5f9;border-color:#cbd5e1}.contact-action-btn.fav-active{color:gold;border-color:#e8c200;background:#fff8d6}.contact-action-btn.blocked{color:#d14a4a;border-color:#d14a4a;background:#ffecec}.dark-mode .contact-action-btn{border-color:#1f2933;background:#1a1f29;color:#e5e7eb}.dark-mode .contact-action-btn:hover{background:#232b38;border-color:#2d3748}.dark-mode .contact-action-btn.fav-active{background:#2f2a17;border-color:#d1a800}.dark-mode .contact-action-btn.blocked{background:#3a1e1e;border-color:#d14a4a}.dark-mode .contact-action-btn-edit{background:#6a4c934d;color:#9d7fcc}.dark-mode .contact-action-btn-edit:hover{background:#6a4c9380;color:#b0a0d0}.conversaciones-subtitle{font-weight:700;margin:8px 0 4px;color:#4b5563}.dark-mode .conversaciones-subtitle{color:#e5e7eb}.contacts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}.toggle-non-favorites-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:20px;cursor:pointer;font-size:14px;color:#fff;font-weight:600;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.toggle-non-favorites-btn:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-1px)}.toggle-non-favorites-btn.active{background:#4caf504d;border-color:#4caf5080}.toggle-non-favorites-text{font-size:13px}@media(max-width:768px){.toggle-non-favorites-text{display:none}.toggle-non-favorites-btn{padding:8px 10px;min-width:40px;justify-content:center}.contacts-toolbar{justify-content:flex-end}}body.theme-dark .toggle-non-favorites-btn,body.dark-mode .toggle-non-favorites-btn{background:#282828cc!important;border-color:#ffffff26!important;color:#e0e0e0!important}body.theme-dark .toggle-non-favorites-btn:hover,body.dark-mode .toggle-non-favorites-btn:hover{background:#323232e6!important;border-color:#fff3!important}body.theme-dark .toggle-non-favorites-btn.active,body.dark-mode .toggle-non-favorites-btn.active{background:#4caf5040!important;border-color:#4caf5066!important;color:#4caf50!important}.mensajes-list{width:100%;display:flex;flex-direction:column;align-items:flex-start}.mensajes-empty{text-align:center;padding:40px 20px;color:#0009;font-weight:700}.mensaje-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:18px;color:#fff;font-weight:700;overflow:hidden;flex-shrink:0}.mensaje-avatar img{width:100%;height:100%;object-fit:cover}.mensaje-sender{font-size:.85rem;color:#000000b3;font-weight:700;margin-bottom:4px}.mensaje-actions{display:flex;align-items:center;gap:.5rem;margin-left:.5rem;flex-shrink:0}.mensaje-edit{background:#6a4c9333;border:none;color:#6a4c93e6;width:2rem;height:2rem;min-width:2rem;min-height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(.75rem,2vw,.875rem);flex-shrink:0;transition:all .2s;padding:0}.mensaje-edit:hover{background:#6a4c9366;transform:scale(1.1)}body.theme-dark .mensaje-edit,body.dark-mode .mensaje-edit{background:#b0b0b033!important;color:#b0b0b0!important;border:none!important}body.theme-dark .mensaje-edit:hover,body.dark-mode .mensaje-edit:hover{background:#e0e0e04d!important;color:#e0e0e0!important}.mensaje-delete{background:#f003;border:none;color:#f00c;width:2rem;height:2rem;min-width:2rem;min-height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(.75rem,2vw,.875rem);flex-shrink:0;transition:all .2s;padding:0}.mensaje-delete:hover{background:#f006;transform:scale(1.1)}body.theme-dark .mensaje-delete,body.dark-mode .mensaje-delete{background:#b0b0b033!important;color:#b0b0b0!important;border:none!important}body.theme-dark .mensaje-delete:hover,body.dark-mode .mensaje-delete:hover{background:#e0e0e04d!important;color:#e0e0e0!important}.mensaje-item.editing{opacity:.9}.mensaje-edit-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.mensaje-edit-input{width:100%;padding:.5rem .75rem;border:2px solid rgba(106,76,147,.5);border-radius:.75rem;background:#fffffff2;color:#000;font-size:clamp(.875rem,2vw,1rem);font-weight:700;outline:none;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}.mensaje-edit-input:focus{border-color:#6a4c93cc;box-shadow:0 0 0 3px #6a4c9333}.mensaje-edit-input:disabled{opacity:.6;cursor:not-allowed}.mensaje-edit-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.mensaje-edit-save,.mensaje-edit-cancel{padding:.375rem .75rem;border:none;border-radius:.5rem;font-size:clamp(.8125rem,2vw,.875rem);font-weight:700;cursor:pointer;transition:all .2s;min-height:2rem;display:flex;align-items:center;justify-content:center}.mensaje-edit-save{background:#4caf50cc;color:#fff}.mensaje-edit-save:hover:not(:disabled){background:#4caf50;transform:scale(1.05)}.mensaje-edit-save:disabled{opacity:.5;cursor:not-allowed}.mensaje-edit-cancel{background:#9e9e9e80;color:#000}.mensaje-edit-cancel:hover:not(:disabled){background:#9e9e9eb3;transform:scale(1.05)}.mensaje-edit-cancel:disabled{opacity:.5;cursor:not-allowed}.emoji-inline{width:24px;height:24px;vertical-align:middle;display:inline-block;margin:0 2px}.mensaje-audio-wrapper{display:flex;flex-direction:column;gap:6px}.mensaje-audio-actions{display:flex;justify-content:flex-start}background: #1f1f1f; border: 1px solid #444; border-radius: 8px; padding: 8px; } .mensaje-transcripcion.error{color:#ffb3b3;border-color:#b22222}.mensaje-editado-indicator{font-size:clamp(.6875rem,1.5vw,.75rem);color:#00000080;font-style:italic;margin-left:.25rem;opacity:.8}.mensaje-item.propio .mensaje-editado-indicator{color:#ffffffb3}.mensaje-archivo{margin-top:8px;border-radius:10px;overflow:hidden;max-width:100%}.mensaje-archivo img,.mensaje-archivo video{max-width:100%;max-height:400px;display:block;border-radius:10px;cursor:pointer}.mensaje-archivo audio{width:100%;margin-top:5px}.mensaje-archivo-documento{display:flex;align-items:center;gap:10px;padding:10px;background:#0000000d;border-radius:8px;cursor:pointer}.mensaje-archivo-documento-icon{font-size:2rem}.mensaje-archivo-documento-info{flex:1;color:#000;font-weight:700}.mensaje-archivo-documento-nombre{font-size:.9rem}.mensaje-archivo-documento-tamaño{font-size:.8rem;opacity:.7}.mensaje-traduccion-btn{background:#0000001a;border:none;width:22px;height:22px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;margin-right:6px;transition:all .2s;padding:0}.mensaje-traduccion-btn:hover{background:#0003;transform:scale(1.1)}.mensaje-traduccion-btn.activo{background:#6a4c934d;box-shadow:0 0 0 2px #6a4c9380}.mensaje-traduccion-expandida{margin-top:8px;padding:8px 10px;background:#0000000d;border-radius:8px;border-left:3px solid #6a4c93;font-size:.85rem}.traduccion-item{margin-bottom:6px}.traduccion-item:last-child{margin-bottom:0}.traduccion-label{display:block;font-size:.7rem;font-weight:700;color:#00000080;text-transform:uppercase;margin-bottom:2px}.traduccion-texto{display:block;color:#000c}.mensaje-item.propio .mensaje-traduccion-expandida{background:#ffffff26;border-left-color:#ffffff80}.mensaje-item.propio .traduccion-label{color:#ffffffb3}.mensaje-item.propio .traduccion-texto{color:#fffffff2}.mensaje-item.propio .mensaje-traduccion-btn{background:#fff3}.mensaje-item.propio .mensaje-traduccion-btn:hover{background:#ffffff4d}.mensaje-item.propio .mensaje-traduccion-btn.activo{background:#fff6;box-shadow:0 0 0 2px #ffffff80}.modal-adjuntos-overlay{position:fixed!important;inset:0!important;background:#0009;display:flex!important;align-items:center;justify-content:center;padding:16px;z-index:999999!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;-webkit-overflow-scrolling:touch;gap:0;visibility:visible!important;opacity:1!important}.modal-adjuntos{background:var(--modal-attach-bg, white);border-radius:20px;padding:20px;max-width:520px;width:96%;max-height:calc(100vh - 24px);overflow:visible;position:relative;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;margin:auto;min-height:0}.modal-adjuntos-close{position:absolute;top:10px;right:10px;background:#0000001a;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;color:#333;transition:background .2s}.modal-adjuntos-close:hover{background:#0003}.modal-adjuntos h3{margin:0 0 20px;color:#333;font-size:1.2rem;text-align:center}.modal-adjuntos-options{display:flex!important;flex-direction:column!important;gap:10px!important;padding-bottom:6px;flex:1 1 auto!important;min-height:200px!important;max-height:calc(100vh - 160px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:rgba(106,76,147,.5) transparent!important;position:relative!important;z-index:1!important}.modal-adjuntos-option{display:flex;align-items:center;gap:15px;padding:15px;background:#6a4c931a;border-radius:12px;cursor:pointer;transition:all .2s;border:2px solid transparent;pointer-events:auto!important;touch-action:manipulation!important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(106,76,147,.3);position:relative;z-index:1}.modal-adjuntos-option:hover{background:#6a4c9333;border-color:#6a4c9380;transform:translateY(-2px)}.modal-adjuntos-option-icon{font-size:28px;width:40px;text-align:center}.modal-adjuntos-option-text{flex:1;color:#333;font-weight:500;font-size:.95rem}body.dark-mode .modal-adjuntos-overlay{background:#000000e0!important}body.dark-mode .modal-adjuntos{background:#0f1116!important;border:1px solid #1f2933!important;box-shadow:0 18px 52px #000000a6!important;color:#e5e7eb!important}body.dark-mode .modal-adjuntos,body.dark-mode .modal-adjuntos *{color:#e5e7eb!important}body.dark-mode .modal-adjuntos.modal-adjuntos{background:#0f1116!important;border:1px solid #1f2933!important}body.dark-mode .modal-adjuntos .modal-adjuntos-option{background:#1f2128!important;border:1px solid #2d2f38!important;color:#e5e7eb!important}body.dark-mode .modal-adjuntos .modal-adjuntos-option *{color:#e5e7eb!important}body.dark-mode .modal-adjuntos::-webkit-scrollbar{width:8px}body.dark-mode .modal-adjuntos::-webkit-scrollbar-track{background:#111318}body.dark-mode .modal-adjuntos::-webkit-scrollbar-thumb{background:#2f3240;border-radius:10px}body.dark-mode .modal-adjuntos h3{color:#f5f7fb!important;font-weight:800!important}body.dark-mode .modal-adjuntos-close{background:#ffffff14!important;color:#e5e7eb!important;border:1px solid rgba(255,255,255,.12)!important}body.dark-mode .modal-adjuntos-close:hover{background:#ffffff2e!important}body.dark-mode .modal-adjuntos-option{background:#1f2128!important;border:1px solid #2d2f38!important;color:#e5e7eb!important;box-shadow:inset 0 0 0 1px #ffffff05!important}body.dark-mode .modal-adjuntos-option:hover{background:#272a33!important;border-color:#8a6fc2!important;transform:translateY(-2px)}body.dark-mode .modal-adjuntos-option-icon{font-size:28px;width:40px;text-align:center;opacity:.92}body.dark-mode .modal-adjuntos-option-text{flex:1;color:#f1f5f9!important;font-weight:700;font-size:1rem}body.dark-mode .modal-adjuntos button{background:#2b2f3a;color:#e5e7eb!important}body.dark-mode .modal-adjuntos button:hover{background:#353a48}body.dark-mode .modal-adjuntos input::placeholder{color:#cbd5e1!important}body.dark-mode .modal-adjuntos input{color:#e5e7eb!important;background:#1d1f27;border:1px solid #2f3240}.theme-dark .modal-adjuntos-overlay{position:fixed!important;inset:0!important;background:#000000d9!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important;z-index:10000!important}.theme-dark .modal-adjuntos{background:#121212!important;border:1px solid #1f2933!important;box-shadow:0 8px 32px #00000080!important;color:#e5e7eb!important;border-radius:16px!important;width:96vw!important;max-width:520px!important;max-height:calc(100vh - 24px)!important;overflow:visible!important;margin:auto!important}.theme-dark .modal-adjuntos *{color:#e5e7eb!important}.theme-dark .modal-adjuntos h3{color:#fff!important;font-weight:800!important}.theme-dark .modal-adjuntos .modal-adjuntos-option{background:#1f2128!important;border:1px solid #2d2f38!important;color:#f1f5f9!important;box-shadow:inset 0 0 0 1px #ffffff05!important}.theme-dark .modal-adjuntos .modal-adjuntos-option:hover{background:#272a33!important;border-color:#8a6fc2!important}.theme-dark .modal-adjuntos .modal-adjuntos-option-text{color:#f1f5f9!important;font-weight:700;font-size:1rem}.theme-dark .modal-adjuntos button{background:#2b2f3a;color:#e5e7eb!important}.theme-dark .modal-adjuntos button:hover{background:#353a48}.theme-dark .modal-adjuntos::-webkit-scrollbar{width:8px}.theme-dark .modal-adjuntos::-webkit-scrollbar-track{background:#111318}.theme-dark .modal-adjuntos::-webkit-scrollbar-thumb{background:#2f3240;border-radius:10px}@media(max-width:768px){.modal-adjuntos-overlay{padding:0!important;align-items:flex-end!important;justify-content:flex-start!important;z-index:999999!important;position:fixed!important;inset:0!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important;pointer-events:auto!important;background:#0009!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;visibility:visible!important;opacity:1!important}.modal-adjuntos{position:relative!important;inset:0 0 auto!important;transform:none!important;width:100vw!important;max-width:100vw!important;min-height:auto!important;height:auto!important;max-height:85vh!important;margin:auto 0 0!important;border-radius:20px 20px 0 0!important;padding:20px 16px max(16px,env(safe-area-inset-bottom)) 16px!important;box-shadow:0 -4px 20px #0000004d!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;pointer-events:auto!important;touch-action:manipulation!important;flex-shrink:0!important;flex-grow:0!important;background:var(--modal-attach-bg, white)!important;visibility:visible!important;opacity:1!important}.modal-adjuntos h3{flex-shrink:0!important;margin-bottom:16px!important;padding:0!important}.modal-adjuntos-close{flex-shrink:0!important;z-index:10!important}.modal-adjuntos-options{flex:1 1 auto!important;min-height:0!important;max-height:calc(85vh - 120px)!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:16px!important;padding-top:8px!important;pointer-events:auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;flex-shrink:1!important;scrollbar-width:thin!important;scrollbar-color:rgba(106,76,147,.5) transparent!important;touch-action:pan-y!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}.modal-adjuntos-option{pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(106,76,147,.3)!important;position:relative!important;z-index:2!important;flex-shrink:0!important;flex-grow:0!important;min-height:60px!important;height:auto!important;display:flex!important;align-items:center!important;gap:15px!important;padding:15px!important}.theme-dark .modal-adjuntos-overlay{z-index:999999!important;position:fixed!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important}.theme-dark .modal-adjuntos{width:100vw!important;max-width:100vw!important;height:auto!important;min-height:auto!important;max-height:90vh!important;border-radius:20px 20px 0 0!important;padding:20px 16px max(16px,env(safe-area-inset-bottom)) 16px!important;position:relative!important;inset:0 0 auto!important;margin-top:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;flex-shrink:0!important;flex-grow:0!important;background:#0f1116!important}.theme-dark .modal-adjuntos-options{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding-bottom:16px!important;padding-top:8px!important;flex-shrink:1!important;scrollbar-width:thin!important;scrollbar-color:rgba(106,76,147,.5) transparent!important;touch-action:pan-y!important;overscroll-behavior:contain!important}.theme-dark .modal-adjuntos-option{flex-shrink:0!important;flex-grow:0!important;min-height:60px!important}}.modal-grabacion-audio-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-grabacion-audio{background:#fff;border-radius:20px;padding:30px;max-width:400px;width:90%;position:relative;box-shadow:0 10px 40px #0000004d}.modal-grabacion-audio-close{position:absolute;top:10px;right:10px;background:#0000001a;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;color:#333;transition:background .2s}.modal-grabacion-audio-close:hover{background:#0003}.modal-grabacion-audio h3{margin:0 0 20px;color:#333;font-size:1.2rem;text-align:center}.audio-grabacion-estado{text-align:center;margin-bottom:20px}.audio-grabacion-icono{font-size:48px;margin-bottom:10px;transition:transform .3s}.audio-grabacion-icono.grabando{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.audio-grabacion-tiempo{font-size:2rem;font-weight:700;color:#333;margin:10px 0;font-family:Courier New,monospace}.audio-grabacion-mensaje{color:#666;font-size:.9rem;margin-top:10px}.audio-grabacion-preview{margin:20px 0;padding:15px;background:#6a4c931a;border-radius:10px}.audio-grabacion-controls{display:flex;flex-direction:column;gap:10px;margin-top:20px}.btn-comenzar-grabacion,.btn-detener-grabacion,.btn-confirmar-audio,.btn-regrabar-audio{padding:12px 20px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-comenzar-grabacion{background:#4caf50;color:#fff}.btn-comenzar-grabacion:hover{background:#45a049;transform:translateY(-2px)}.btn-detener-grabacion{background:#f44336;color:#fff}.btn-detener-grabacion:hover{background:#da190b;transform:translateY(-2px)}.btn-confirmar-audio{background:#6a4c93;color:#fff}.btn-confirmar-audio:hover{background:#5a3d83;transform:translateY(-2px)}.btn-regrabar-audio{background:#6a4c9333;color:#333;border:2px solid rgba(106,76,147,.5)}.btn-regrabar-audio:hover{background:#6a4c934d;transform:translateY(-2px)}.camera-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#000000f2!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:20px;box-sizing:border-box;overflow:hidden;margin:0!important;transform:none!important}.camera-modal{background:#0f1119f5!important;border-radius:20px;padding:20px;width:100%;max-width:90vw;max-height:90vh;position:relative!important;display:flex!important;flex-direction:column!important;margin:0 auto!important;box-sizing:border-box;overflow:hidden;box-shadow:0 10px 40px #00000080;transform:none!important;inset:auto!important}.camera-modal *{color:var(--text, #e5e7eb)!important;font-weight:600}.camera-modal-header h3{margin:0;color:var(--text, #f1f5f9)!important;font-size:1.2rem}@media(max-width:768px){.camera-modal-overlay{padding:10px}.camera-modal{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:15px;border-radius:15px;width:calc(100vw - 20px)}}@media(min-width:769px){.camera-modal{max-width:650px;width:90%;max-height:85vh}}.camera-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-shrink:0;min-height:40px}@media(max-width:768px){.camera-modal-header{margin-bottom:10px;min-height:35px}.camera-modal-header h3{font-size:1.1rem}}.camera-modal-header h3{margin:0;color:var(--text, #f1f5f9);font-size:1.2rem}.camera-modal-close{background:#ffffff1f;border:1px solid rgba(255,255,255,.15);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;color:var(--text, #f1f5f9);transition:background .2s,border .2s}.camera-modal-close:hover{background:#fff3;border-color:#ffffff40}.camera-modal-content{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:300px;max-height:calc(90vh - 150px);background:#0b0b0f;border-radius:10px;overflow:hidden;width:100%;box-sizing:border-box;margin:0}.camera-video{width:100%!important;height:100%!important;min-width:100%;min-height:300px;max-width:100%;max-height:100%;object-fit:contain!important;display:block!important;margin:0;background:#000;position:relative;z-index:1}@media(max-width:768px){.camera-modal-content{min-height:250px;max-height:calc(100vh - 180px);border-radius:8px;flex:1 1 auto}.camera-video{width:100%!important;height:100%!important;min-height:250px;object-fit:contain!important}}@media(min-width:769px){.camera-modal-content{min-height:400px;max-height:500px;flex:1 1 auto}.camera-video{width:100%!important;height:100%!important;min-height:400px;object-fit:contain!important}}.camera-switch-button{position:absolute;top:10px;right:10px;background:#ffffff4d;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s;z-index:10}@media(max-width:768px){.camera-switch-button{width:40px;height:40px;font-size:18px;top:8px;right:8px}}.camera-switch-button:hover{background:#ffffff80;transform:scale(1.1)}.camera-modal-controls{display:flex;justify-content:center;margin-top:15px;gap:10px;flex-shrink:0;min-height:50px}@media(max-width:768px){.camera-modal-controls{margin-top:10px;min-height:45px}.camera-capture-button{padding:12px 24px;font-size:.9rem;width:100%;max-width:200px}}.camera-capture-button{padding:15px 30px;background:#4caf50;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.camera-capture-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.camera-capture-button:active{transform:translateY(0)}.camera-capture-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.camera-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:40px;text-align:center}.camera-loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.camera-loading p{margin:0;font-size:1rem}.camera-error{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:40px;text-align:center}.camera-error p{margin:0 0 20px;font-size:1rem;color:#ff6b6b}.camera-retry-button{padding:12px 24px;background:#4caf50;color:#fff;border:none;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.camera-retry-button:hover{background:#45a049;transform:translateY(-2px)}.camera-switch-button:disabled{opacity:.5;cursor:not-allowed}.conversacion-input-form{width:100%}.conversacion-input-wrapper{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.conversacion-input{flex:1;padding:10px 12px;border:none;background:transparent;color:#fff;font-size:.95rem;outline:none;resize:none;min-height:20px;max-height:120px}.conversacion-input::placeholder{color:#ffffff80}.btn-adjuntar-archivo{flex-shrink:0;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;padding:0;margin:0}.btn-adjuntar-archivo:hover{background:#ffffff2e;transform:translateY(-1px)}.btn-adjuntar-archivo:active{transform:translateY(0)}.btn-adjuntar-archivo span{display:inline-block;line-height:1}body.theme-dark .btn-adjuntar-archivo,body.dark-mode .btn-adjuntar-archivo{border:1px solid rgba(176,176,176,.3)!important;background:#b0b0b01a!important;color:#b0b0b0!important}body.theme-dark .btn-adjuntar-archivo:hover,body.dark-mode .btn-adjuntar-archivo:hover{background:#e0e0e033!important;color:#e0e0e0!important;border-color:#e0e0e066!important}.btn-enviar-mensaje{flex-shrink:0;width:38px;height:38px;border-radius:10px;border:1px solid rgba(106,76,147,.4);background:#6a4c9399;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;margin:0}.btn-enviar-mensaje:hover:not(:disabled){background:#6a4c93cc;transform:translateY(-1px)}.btn-enviar-mensaje:active:not(:disabled){transform:translateY(0)}.btn-enviar-mensaje:disabled{opacity:.5;cursor:not-allowed}.mensaje-archivo-preview{margin-bottom:10px;padding:10px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;gap:10px}.mensaje-archivo-preview img,.mensaje-archivo-preview video{max-width:100px;max-height:100px;border-radius:8px;object-fit:cover}.mensaje-archivo-preview .preview-image,.mensaje-archivo-preview .preview-video{max-width:100px;max-height:100px;border-radius:8px;object-fit:cover}.mensaje-archivo-preview .preview-icon{font-size:32px;width:50px;text-align:center}.mensaje-archivo-preview-info{flex:1;color:#000;font-weight:700;font-size:.9rem;word-break:break-word}.mensaje-archivo-preview-remove{background:#ff00004d;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:background .2s}.mensaje-archivo-preview-remove:hover{background:#ff000080}.emoji-picker-wrapper{position:relative;display:flex;align-items:center}.btn-emoji-picker{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:8px;transition:background .2s,transform .2s}.btn-emoji-picker:hover{background:#ffffff2e;transform:translateY(-1px)}body.theme-dark .btn-emoji-picker,body.dark-mode .btn-emoji-picker{border:1px solid rgba(176,176,176,.3)!important;background:#b0b0b01a!important;color:#b0b0b0!important}body.theme-dark .btn-emoji-picker:hover,body.dark-mode .btn-emoji-picker:hover{background:#e0e0e033!important;color:#e0e0e0!important;border-color:#e0e0e066!important}.emoji-picker-popover{position:absolute;bottom:48px;left:0;width:340px;max-height:360px;background:#fff;border:1px solid #d0d7e2;box-shadow:0 12px 32px #00000040;border-radius:12px;padding:10px;z-index:2000;display:flex;flex-direction:column;gap:8px}.emoji-picker-header{display:flex;gap:8px;align-items:center}.emoji-search{flex:1;padding:8px 10px;border-radius:8px;border:1px solid #c5ccda;background:#f6f8fb;color:#111827;outline:none}.emoji-close{width:32px;height:32px;border-radius:8px;border:1px solid #c5ccda;background:#f1f3f7;color:#111827;cursor:pointer}.emoji-tabs{display:flex;flex-wrap:wrap;gap:6px}.emoji-tab{padding:6px;border-radius:8px;border:1px solid #c5ccda;background:#f1f3f7;color:#111827;cursor:pointer;font-size:.8rem}.emoji-tab.active{background:#6a4c93;border-color:#8a6fc2;color:#fff}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px;max-height:220px;overflow-y:auto;padding-right:4px}.emoji-item{width:36px;height:36px;border-radius:8px;border:1px solid transparent;background:#f7f9fc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,border .1s,background .1s}.emoji-item:hover{transform:translateY(-2px);border-color:#8a6fc2;background:#edeafd}.emoji-empty{grid-column:1 / -1;text-align:center;color:#1f2937;padding:8px 0;font-size:.9rem}.emoji-fallback{font-size:20px}.dark-mode .emoji-picker-popover{background:#0f1116;border:1px solid #1f2933;box-shadow:0 12px 32px #00000073}.dark-mode .emoji-search{border:1px solid #2d3545;background:#121621;color:#e5e7eb}.dark-mode .emoji-close,.dark-mode .emoji-tab{border:1px solid #2d3545;background:#161b26;color:#e5e7eb}.dark-mode .emoji-item{background:#1a1f2b}.dark-mode .emoji-item:hover{background:#232a3a}@media(max-width:768px){.emoji-picker-popover{width:300px;left:0;bottom:52px}}.btn-enviar-mensaje.has-attachment{background:#4caf50cc!important;animation:pulse 2s infinite}.btn-enviar-mensaje.has-attachment:hover:not(:disabled){background:#4caf50!important;transform:scale(1.15)}@keyframes pulse{0%,to{box-shadow:0 0 #4caf50b3}50%{box-shadow:0 0 0 8px #4caf5000}}@media(max-width:768px){.conversacion-input-form{width:100%;box-sizing:border-box}.conversacion-input-wrapper{width:100%!important;box-sizing:border-box!important;padding:6px 10px!important;gap:8px!important}.btn-enviar-mensaje,.btn-adjuntar-archivo{flex-shrink:0!important;width:36px!important;height:36px!important;margin:0!important;min-width:36px!important}#mensajeInput{flex:1 1 auto!important;min-width:0!important;width:auto!important;margin:0!important;padding:8px 10px!important}.mensaje-archivo-preview{margin-bottom:8px;padding:8px}}.conversacion-view{display:flex;flex-direction:column;min-height:0;height:100%;width:100%;position:relative;background:transparent}.conversacion-header{flex-shrink:0;padding:.5rem 1rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:10px}.conversacion-header-info{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:4px 8px;border-radius:8px;transition:background .2s ease}.conversacion-header-info:hover{background:#ffffff0d}.conversacion-header-info h2{margin:0;font-size:1.1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.header-edit-hint{font-size:.9rem;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.conversacion-header-info:hover .header-edit-hint{opacity:1}.btn-volver-conversaciones{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1.2rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-volver-conversaciones:hover{background:#fff3;border-color:#ffffff4d}.btn-editar-contacto-header{background:#6a4c9333;border:1px solid rgba(106,76,147,.4);border-radius:8px;color:#9d7fcc;font-size:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.btn-editar-contacto-header:hover:not(:disabled){background:#6a4c9366;border-color:#6a4c9399;color:#b0a0d0;transform:translateY(-1px)}.btn-editar-contacto-header:disabled{opacity:.5;cursor:not-allowed}body.theme-dark .conversacion-header,body.dark-mode .conversacion-header{background:#1e1e1ecc!important;border-bottom-color:#ffffff1a!important}body.theme-dark .conversacion-header-info,body.dark-mode .conversacion-header-info{color:#e0e0e0!important}body.theme-dark .conversacion-header-info:hover,body.dark-mode .conversacion-header-info:hover{background:#ffffff14!important}body.theme-dark .conversacion-header-info h2,body.dark-mode .conversacion-header-info h2{color:#e0e0e0!important}body.theme-dark .header-edit-hint,body.dark-mode .header-edit-hint{color:#9d7fcc!important}body.theme-dark .btn-volver-conversaciones,body.dark-mode .btn-volver-conversaciones{background:#282828cc!important;border-color:#ffffff26!important;color:#b0b0b0!important}body.theme-dark .btn-volver-conversaciones:hover,body.dark-mode .btn-volver-conversaciones:hover{background:#323232e6!important;border-color:#ffffff40!important;color:#e0e0e0!important}body.theme-dark .btn-editar-contacto-header,body.dark-mode .btn-editar-contacto-header{background:#6a4c934d!important;border-color:#6a4c9380!important;color:#9d7fcc!important}body.theme-dark .btn-editar-contacto-header:hover:not(:disabled),body.dark-mode .btn-editar-contacto-header:hover:not(:disabled){background:#6a4c9380!important;border-color:#6a4c93b3!important;color:#b0a0d0!important}@media(max-width:768px){.conversacion-header{padding:.5rem .75rem}.conversacion-header-info h2{font-size:1rem}.btn-volver-conversaciones,.btn-editar-contacto-header{width:32px;height:32px;font-size:1rem}}.conversacion-mensajes{flex:1;min-height:0;padding:.75rem 1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.conversacion-input-container{flex-shrink:0;padding:.65rem 1rem .9rem;background:#ffffff0a;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -.5rem 1rem #6a4c9326;display:flex;flex-direction:column;gap:.45rem;position:relative}.btn-volver-pie{width:100%;padding:.75rem 1rem;margin-top:.5rem;background:#6a4c9333;border:1px solid rgba(106,76,147,.4);border-radius:.75rem;color:#fff;font-size:clamp(.875rem,2vw,1rem);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;flex-shrink:0}.btn-volver-pie:hover{background:#6a4c9359;border-color:#6a4c9399;transform:translateY(-1px);box-shadow:0 4px 12px #6a4c934d}.btn-volver-pie:active{transform:translateY(0);box-shadow:0 2px 6px #6a4c9333}body.theme-dark .btn-volver-pie,body.dark-mode .btn-volver-pie{background:#b0b0b026!important;border:1px solid rgba(176,176,176,.3)!important;color:#b0b0b0!important}body.theme-dark .btn-volver-pie:hover,body.dark-mode .btn-volver-pie:hover{background:#e0e0e040!important;border-color:#e0e0e066!important;color:#e0e0e0!important}@media(max-width:768px){.btn-volver-pie{padding:.65rem .85rem;font-size:.875rem;margin-top:.4rem}}.new-message-button{position:sticky;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;border:none;border-radius:1.5rem;font-size:clamp(.875rem,2vw,1rem);font-weight:700;cursor:pointer;box-shadow:0 .25rem .75rem #0000004d;z-index:100;animation:slideUp .3s ease-out;transition:all .3s ease;min-height:2.75rem;min-width:10rem}.new-message-button:hover{transform:translate(-50%) translateY(-.125rem);box-shadow:0 .375rem 1rem #0006;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.new-message-button:active{transform:translate(-50%) translateY(0);box-shadow:0 .125rem .5rem #0000004d}.new-message-button span:first-child{font-size:1.25rem;line-height:1}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.typing-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.5rem 0;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.125rem;font-size:clamp(.8125rem,2vw,.875rem);color:#000000b3;font-weight:500;animation:fadeIn .3s ease-out}.typing-dots{display:flex;gap:.25rem;align-items:center}.typing-dots span{width:.5rem;height:.5rem;border-radius:50%;background:#6a4c93cc;animation:typingDot 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.typing-text{color:#000000b3;font-weight:500;overflow-wrap:break-word;word-break:break-word}.typing-indicator-inline{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;background:#ffffff29;border-radius:.95rem;color:#000c;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 14px #6a4c932e}.typing-indicator-inline .typing-dots span{background:#6a4c93e6}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-.5rem);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.camera-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000}.camera-modal{background:#1a1a1a;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.camera-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.camera-modal-header h3{color:#fff;margin:0;font-size:1.2rem}.camera-modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.camera-modal-close:hover{background:#ffffff1a}.camera-modal-body{position:relative;width:100%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:400px}.camera-video{width:100%;max-width:100%;height:auto;border-radius:8px;background:#000}.camera-error{color:#f44;padding:15px;background:#ff44441a;border-radius:8px;margin-bottom:15px;text-align:center}.camera-modal-controls{display:flex;justify-content:space-between;align-items:center;padding:20px;gap:15px;border-top:1px solid rgba(255,255,255,.1)}.camera-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.camera-btn-cancel{background:#666;color:#fff}.camera-btn-cancel:hover{background:#777}.camera-btn-switch{background:#444;color:#fff;font-size:1.5rem;padding:12px;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.camera-btn-switch:hover{background:#555}.camera-btn-capture{background:#4caf50;color:#fff;flex:1;justify-content:center}.camera-btn-capture:hover{background:#45a049}@media(max-width:768px){.camera-modal{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.camera-modal-body{min-height:60vh}}.presence-status-section{display:flex;flex-direction:column;gap:25px}.current-status-display{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff26;border-radius:10px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-label{font-weight:600;font-size:1rem;color:#ffffffe6}.current-status-badge{flex:1}.status-options h3{font-size:1.1rem;margin-bottom:15px;color:#ffffffe6;font-weight:600}.status-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.status-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff1a;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:500;font-size:.95rem}.status-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.status-btn.active{background:#ffffff40;border-color:#fff6}.status-btn .status-icon{font-size:1.2rem;filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}.status-btn.status-online .status-icon{color:#0f0}.status-btn.status-online{border-color:#00ff004d}.status-btn.status-idle .status-icon{color:#fa0}.status-btn.status-idle{border-color:#ffaa004d}.status-btn.status-dnd .status-icon,.status-btn.status-busy .status-icon{color:#f33}.status-btn.status-dnd,.status-btn.status-busy{border-color:#ff33334d}.status-btn.status-offline .status-icon{color:#999}.status-btn.status-offline{border-color:#9999994d}.status-btn.status-custom .status-icon{color:#9d7fcc}.status-btn.status-custom{border-color:#6a4c934d;background:linear-gradient(135deg,#6a4c9333,#5a3d8333)}.status-info{background:#ffffff0d;border-radius:10px;padding:15px;border:1px solid rgba(255,255,255,.1)}.status-info .info-item{padding:8px 0;font-size:.9rem;color:#ffffffd9;border-bottom:1px solid rgba(255,255,255,.05)}.status-info .info-item:last-child{border-bottom:none}.status-info .info-item strong{color:#fff;font-weight:600}.presence-status-section .user-status-badge{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,#fffffffa,#f5f7fafa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #00000014,0 1px 3px #0000000f,inset 0 1px #ffffff80;border:2px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.presence-status-section .user-status-indicator{display:inline-flex;align-items:center;justify-content:center;font-size:1.3em;line-height:1;filter:drop-shadow(0 0 3px rgba(0,0,0,.3));transition:all .3s ease}.presence-status-section .user-status-text{color:#1a202c;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;text-shadow:0 1px 2px rgba(255,255,255,.8);letter-spacing:.3px}.presence-status-section .user-status-online{border:2px solid rgba(0,210,106,.6);background:linear-gradient(135deg,#00ff7f40,#90ee9026,#fffffffa)}.presence-status-section .user-status-online .user-status-indicator{animation:pulse-online 2s ease-in-out infinite;color:#00d26a}@keyframes pulse-online{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.presence-status-section .user-status-idle{border:2px solid rgba(250,166,26,.6);background:linear-gradient(135deg,#ffc10740,#ffdf0026,#fffffffa)}.presence-status-section .user-status-idle .user-status-indicator{color:#faa61a}.presence-status-section .user-status-dnd{border:2px solid rgba(240,71,71,.6);background:linear-gradient(135deg,#f0474740,#ff634726,#fffffffa)}.presence-status-section .user-status-dnd .user-status-indicator{color:#f04747}.presence-status-section .user-status-busy{border:2px solid rgba(255,69,0,.6);background:linear-gradient(135deg,#ff450040,#ff8c0026,#fffffffa)}.presence-status-section .user-status-busy .user-status-indicator{color:#ff4500}.presence-status-section .user-status-offline{border:2px solid rgba(153,153,153,.4);background:linear-gradient(135deg,#99999926,#c0c0c01a,#f5f5f5fa);opacity:.85}.presence-status-section .user-status-offline .user-status-indicator{color:#999}.presence-status-section .user-status-offline .user-status-text{color:#718096}.presence-status-section .user-status-custom{border:2px solid rgba(106,76,147,.6);background:linear-gradient(135deg,#6a4c934d,#8b5cf633,#fffffffa)}.presence-status-section .user-status-custom .user-status-indicator{color:#9d7fcc}@media(max-width:768px){.status-buttons-grid{grid-template-columns:1fr}.current-status-display{flex-direction:column;align-items:flex-start}.presence-status-section .user-status-text{max-width:150px}}.profile-modal-overlay{display:flex;position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;overflow-y:auto;padding:20px;align-items:center;justify-content:center;overflow-x:hidden}.profile-modal-overlay::-webkit-scrollbar{width:8px}.profile-modal-overlay::-webkit-scrollbar-track{background:transparent}.profile-modal-overlay::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.profile-modal{background:#fff;border-radius:20px;padding:30px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;margin:0;box-shadow:0 20px 60px #2149aa26;position:relative;box-sizing:border-box;display:flex;flex-direction:column}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(117,170,219,.35)}.profile-header-actions{display:flex;align-items:center;gap:10px}.profile-modal-header h2{margin:0;color:#0f1a2f;font-size:1.5rem;font-weight:600}.profile-modal-close{background:#fff;border:1px solid rgba(117,170,219,.6);color:#0f1a2f;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1;box-shadow:0 4px 12px #2149aa26}.profile-modal-close:hover{background:#75aadb26;transform:scale(1.05)}.profile-dark-toggle,.profile-theme-toggle{background:#75aadb26;border:1px solid rgba(117,170,219,.4);color:#0f1a2f;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1}.profile-dark-toggle:hover,.profile-theme-toggle:hover{background:#75aadb40;transform:scale(1.05)}.profile-modal-body{flex:1;overflow-y:auto}.profile-photo-section{text-align:center;margin-bottom:30px}.profile-photo{width:128px;height:128px;border-radius:50%;margin:0 auto 15px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid rgba(117,170,219,.4)}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo span{font-size:64px;color:#0f1a2f;font-weight:600}.profile-photo-upload-container{position:relative;display:inline-block}.profile-photo-upload-btn{position:absolute;bottom:0;right:0;width:40px;height:40px;border-radius:50%;background:#4caf50e6;border:3px solid white;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;z-index:10}.profile-photo-upload-btn:hover{background:#4caf50;transform:scale(1.1);box-shadow:0 4px 12px #0006}.profile-photo-upload-btn svg{width:20px;height:20px;stroke:#fff}.profile-photo-menu{position:absolute;bottom:50px;right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;min-width:200px;z-index:1000;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-photo-menu button{width:100%;padding:12px 16px;border:none;background:#fff;color:#333;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:500;transition:background .2s;border-bottom:1px solid rgba(0,0,0,.05)}.profile-photo-menu button:last-child{border-bottom:none}.profile-photo-menu button:hover{background:#f5f5f5}.profile-photo-menu button span{font-size:1.2rem}.form-section{margin-bottom:30px}.form-section h2{margin:0 0 20px;color:#0f1a2f;font-size:1.5rem;font-weight:600;padding-bottom:10px;border-bottom:1px solid rgba(117,170,219,.25)}.profile-form{background:#fff;border-radius:15px;padding:30px;border:1px solid rgba(117,170,219,.25);box-shadow:0 4px 12px #75aadb1a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#0f1a2f;font-weight:600;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid rgba(117,170,219,.35);border-radius:8px;background:#f7f9ff;color:#0f1a2f;font-size:1rem;font-weight:500;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#75aadbcc;background:#fff;box-shadow:0 0 0 3px #75aadb40}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:#f7f9ffb3;cursor:not-allowed;opacity:.7}.form-group textarea{resize:vertical;min-height:80px}.profile-modal-footer{margin-top:20px;padding-top:20px;border-top:1px solid rgba(117,170,219,.3);display:flex;gap:10px;justify-content:flex-end}.profile-modal-footer button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#0f1a2f;background:#fff;border:2px solid rgba(117,170,219,.4)}.profile-modal-footer button:hover:not(:disabled){background:#75aadb1a;transform:translateY(-2px);box-shadow:0 4px 12px #75aadb33}.profile-modal-footer button:disabled{opacity:.5;cursor:not-allowed}.profile-modal-footer button:first-child{background:linear-gradient(135deg,#75aadb,#87ceeb);border-color:transparent;color:#fff}.profile-modal-footer button:first-child:hover:not(:disabled){background:linear-gradient(135deg,#87ceeb,#75aadb)}.profile-dark-toggle{margin-right:10px;padding:8px 14px;border-radius:10px;border:1px solid rgba(117,170,219,.4);background:#75aadb26;color:#0f1a2f;cursor:pointer;font-weight:600}.profile-dark-toggle:hover{background:#75aadb40}@media(max-width:768px){.profile-modal{margin-top:60px;padding:20px;max-height:calc(100vh - 40px)}.profile-photo{width:100px;height:100px}.profile-photo span{font-size:50px}.profile-form{padding:20px}.profile-modal-footer{flex-direction:column}.profile-modal-footer button{width:100%}}body.dark-mode .profile-modal,body.theme-dark .profile-modal{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)!important;color:#fff!important}body.dark-mode .profile-modal-header,body.theme-dark .profile-modal-header{border-bottom-color:#fff3!important}body.dark-mode .profile-modal-header h2,body.theme-dark .profile-modal-header h2,body.dark-mode .profile-modal-body,body.theme-dark .profile-modal-body{color:#fff!important}body.dark-mode .form-section h2,body.theme-dark .form-section h2{color:#fff!important;border-bottom-color:#fff3!important}body.dark-mode .form-group label,body.theme-dark .form-group label{color:#fff!important}body.dark-mode .form-group input,body.dark-mode .form-group textarea,body.dark-mode .form-group select,body.theme-dark .form-group input,body.theme-dark .form-group textarea,body.theme-dark .form-group select{background:#ffffff14!important;border-color:#ffffff4d!important;color:#fff!important}.main-app{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);width:100%;overflow-x:hidden}.main-content{flex:1;display:flex;flex-direction:column;min-height:0;padding-top:38px;overflow-y:auto;width:100%;max-width:100%;box-sizing:border-box}@media(max-width:480px){.main-content{padding-top:35px}}