:root{--tx-blue-dark:#052754;--tx-blue:#0069C0;--tx-electric:#087aff;--tx-sky:#97E9FF;--tx-purple:#006eff;--tx-purple-light:#AB3ED8;--tx-ivory:#F8E8B8;--tx-white:#FFF;--tx-gray:#9AA4B2;--tx-black:#101218;--tx-bg:#e7e7e7;--tx-chat-bg:#efeae2;--tx-border:#dce5ee;--tx-muted:#667085}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tx-black);background:var(--tx-bg)}.txw-loader{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;background:#10121866}.txw-loader-card{min-width:155px;border-radius:18px;background:#fff;color:var(--tx-purple);display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;box-shadow:0 20px 70px #0004}.txw-loader-card .spinner-border{width:42px;height:42px}.txw-link-screen{min-height:100%;padding:54px 20px;background:linear-gradient(145deg,var(--tx-blue-dark) 0 30%,var(--tx-electric) 70%,var(--tx-sky) 130%);display:grid;place-items:center}.txw-link-card{width:min(980px,100%);background:#fff;border-radius:24px;box-shadow:0 30px 80px #001a3955;padding:34px 40px 38px;border-bottom:7px solid var(--tx-purple);overflow:hidden}.txw-brand{display:flex;gap:14px;align-items:center;margin-bottom:30px}.txw-logo{width:72px;height:62px;border-radius:16px;display:grid;place-items:center;background:var(--tx-electric);padding:8px;box-shadow:0 8px 24px #087aff33}.txw-logo img{max-width:100%;max-height:100%;object-fit:contain}.txw-product-name{display:block;color:var(--tx-purple);font-size:12px;font-weight:900;letter-spacing:.13em}.txw-brand h1{font-size:25px;color:var(--tx-blue-dark);margin:0;font-weight:800}.txw-brand p{margin:3px 0 0;color:var(--tx-muted)}.txw-link-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:36px;align-items:stretch}.txw-instructions{padding:8px 4px}.txw-kicker{display:inline-flex;background:#eef7ff;color:var(--tx-blue-dark);border-radius:30px;padding:6px 11px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.txw-link-grid h2{font-size:29px;color:var(--tx-blue-dark);font-weight:800;margin:15px 0 20px}.txw-link-grid ol{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:12px}.txw-link-grid li{display:flex;align-items:center;gap:12px;color:#344054}.txw-link-grid li>span{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--tx-purple);color:#fff;font-weight:900}.txw-expire{color:var(--tx-muted);font-size:13px;margin:20px 0 12px}.txw-secondary{background:var(--tx-electric)!important;border-color:var(--tx-electric)!important;color:#fff!important;border-radius:12px!important;font-weight:800!important;padding:10px 15px!important}.txw-qr-panel{border:1px solid var(--tx-border);border-radius:20px;background:linear-gradient(180deg,#fff,var(--tx-ivory));padding:22px;display:grid;place-items:center;text-align:center}.txw-qr-panel small{color:#74663e;margin-top:14px;line-height:1.4}.txw-qr-wrap{display:grid;justify-items:center}.txw-qr-wrap #qrCode{padding:14px;background:#fff;border:2px solid var(--tx-purple);border-radius:15px;min-width:286px;min-height:286px;display:grid;place-items:center;box-shadow:0 10px 30px #006eff1a}.txw-code{margin-top:10px;font:800 13px/1.4 monospace;letter-spacing:2px;color:var(--tx-blue-dark)}.txw-app{width:min(1600px,calc(100% - 38px));height:calc(100vh - 38px);margin:19px auto;background:#fff;display:grid;grid-template-columns:400px 1fr;box-shadow:0 12px 40px #10121820;border-radius:18px;overflow:hidden;border-bottom:6px solid var(--tx-purple)}.txw-sidebar{border-right:1px solid var(--tx-border);min-width:0;display:flex;flex-direction:column;background:#fff}.txw-sidebar-head,.txw-chat-head{height:70px;background:var(--tx-electric);display:flex;align-items:center;justify-content:space-between;padding:10px 16px;color:#fff;border-bottom:5px solid var(--tx-purple)}.txw-me,.txw-peer{display:flex;align-items:center;gap:10px;min-width:0}.txw-me>div:last-child,.txw-peer>div:last-child{display:grid;min-width:0}.txw-me small,.txw-peer small{color:#eaf8ff}.txw-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--tx-purple);overflow:hidden;border:2px solid #ffffffcc}.txw-avatar img{width:100%;height:100%;object-fit:cover}.txw-icon{width:40px;height:40px;border:0;background:transparent;border-radius:50%;color:#fff}.txw-icon:hover{background:#ffffff26}.txw-search{margin:10px 12px;display:flex;align-items:center;gap:14px;padding:9px 15px;background:#f4f7fa;border:1px solid #e4e9ef;border-radius:12px;color:var(--tx-purple)}.txw-search input{border:0;outline:0;background:transparent;width:100%;color:var(--tx-black)}.txw-conversations{overflow-y:auto;flex:1}.txw-conversation{width:100%;border:0;background:#fff;display:flex;align-items:center;gap:12px;padding:11px 14px;text-align:left;border-bottom:1px solid #f0f2f5}.txw-conversation:hover,.txw-conversation.active{background:#eef7ff}.txw-conversation.active{box-shadow:inset 4px 0 0 var(--tx-purple)}.txw-conversation .copy{flex:1;min-width:0}.txw-conversation .line{display:flex;justify-content:space-between;gap:8px}.txw-conversation strong,.txw-conversation p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txw-conversation strong{color:var(--tx-blue-dark)}.txw-conversation p{margin:4px 0 0;color:var(--tx-muted);font-size:13px}.txw-conversation time{font-size:11px;color:var(--tx-muted)}.txw-main{min-width:0;background:var(--tx-chat-bg)}.txw-empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--tx-muted);background:linear-gradient(180deg,#f8fbff,#eef5fa)}.txw-empty-logo{width:112px;height:96px;margin:auto;display:grid;place-items:center;background:var(--tx-electric);border-radius:24px;border-bottom:6px solid var(--tx-purple);padding:12px}.txw-empty-logo img{max-width:100%;max-height:100%;object-fit:contain}.txw-empty h2{color:var(--tx-blue-dark);font-weight:800;margin:20px 0 6px}.txw-active{height:100%;display:grid;grid-template-rows:70px 1fr 66px}.txw-messages{overflow-y:auto;padding:25px 7%;display:flex;flex-direction:column;gap:5px;background-color:var(--tx-chat-bg);background-image:radial-gradient(#d5cec4 1px,transparent 1px);background-size:18px 18px}.txw-bubble{max-width:65%;align-self:flex-start;background:#fff;padding:8px 10px 6px;border-radius:10px;box-shadow:0 1px 2px #0002;word-break:break-word}.txw-bubble.mine{align-self:flex-end;background:#e4f6ff;border:1px solid #bfeaff}.txw-bubble small{display:block;text-align:right;color:#667781;font-size:10px;margin-left:35px}.txw-bubble.mine small i{color:var(--tx-electric)}.txw-compose{background:#f4f7fa;padding:10px 16px;display:flex;gap:10px;border-top:1px solid var(--tx-border)}.txw-compose input{border:1px solid #dde5ed;border-radius:22px;padding:10px 15px;outline:0;flex:1;background:#fff}.txw-compose input:focus{border-color:var(--tx-electric);box-shadow:0 0 0 3px #087aff1a}.txw-compose button{width:46px;height:46px;border:0;background:var(--tx-purple);color:#fff;border-radius:50%;box-shadow:0 7px 18px #006eff38}.txw-no-results{padding:25px;text-align:center;color:var(--tx-muted)}.tx-modal{border:2px solid var(--tx-purple)!important;border-radius:21px!important;overflow:hidden!important}.modal-header{background:#eef7ff;color:var(--tx-blue-dark)}.input-group-text{color:var(--tx-purple);font-weight:800}@media(max-width:800px){.txw-app{width:100%;height:100vh;margin:0;border-radius:0;grid-template-columns:1fr}.txw-sidebar{display:none}.txw-link-screen{padding:18px 12px}.txw-link-card{padding:24px 20px}.txw-link-grid{grid-template-columns:1fr}.txw-qr-panel{order:-1}.txw-qr-wrap #qrCode{min-width:278px;min-height:278px}.txw-bubble{max-width:86%}.txw-brand{margin-bottom:20px}}@media(max-width:390px){.txw-qr-wrap #qrCode{transform:scale(.88);margin:-16px}.txw-link-grid h2{font-size:24px}}

/* R6 · Pantalla de vinculación con identidad visual tipo login */
.txw-login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin:-6px auto 30px;padding-bottom:24px;border-bottom:1px solid #e7edf4}.txw-login-logo{width:118px;height:96px;border-radius:22px;display:grid;place-items:center;background:var(--tx-electric);padding:13px;margin-bottom:13px;box-shadow:0 12px 30px #087aff3d;border-bottom:6px solid var(--tx-purple)}.txw-login-logo img{max-width:100%;max-height:100%;object-fit:contain}.txw-login-brand .txw-product-name{margin-bottom:2px}.txw-login-brand h1{font-size:28px;color:var(--tx-blue-dark);margin:0;font-weight:900}.txw-login-brand p{margin:5px 0 0;color:var(--tx-muted)}.txw-auto-qr-note{display:flex;align-items:flex-start;gap:12px;margin:20px 0 8px;padding:13px 15px;border:1px solid #cfe8ff;border-radius:14px;background:#f3f9ff;color:var(--tx-blue-dark)}.txw-auto-qr-note>i{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--tx-electric);color:#fff;margin-top:1px}.txw-auto-qr-note>div{display:grid;gap:2px}.txw-auto-qr-note strong{font-size:13px}.txw-auto-qr-note span{font-size:12px;line-height:1.45;color:var(--tx-muted)}.txw-qr-loading{display:grid;justify-items:center;gap:12px;color:var(--tx-purple)}.txw-qr-loading .spinner-border{width:42px;height:42px}.txw-expire{min-height:20px;font-weight:700;color:var(--tx-purple)}
@media(max-width:800px){.txw-login-brand{margin-bottom:20px;padding-bottom:20px}.txw-login-logo{width:100px;height:82px}.txw-login-brand h1{font-size:25px}.txw-auto-qr-note{text-align:left}}

/* R6.1 · Logo exactamente en el patrón de los login Telexpress */
.txw-link-stack{width:min(980px,100%);display:flex;flex-direction:column;align-items:center;gap:18px}.txw-link-stack>.txw-login-logo{display:block;width:min(210px,62vw);height:145px;object-fit:contain;background:transparent!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}.txw-link-stack>.txw-link-card{width:100%}.txw-login-heading{text-align:center;margin:-3px auto 30px;padding-bottom:24px;border-bottom:1px solid #e7edf4}.txw-login-heading .txw-product-name{display:block;text-align:center;font-weight:800;color:var(--tx-purple);letter-spacing:1.5px;font-size:.78rem}.txw-login-heading h1{text-align:center;font-size:1.65rem;margin:10px 0 4px;color:var(--tx-blue-dark);font-weight:900}.txw-login-heading p{text-align:center;color:var(--tx-muted);margin:0}.txw-link-card>.txw-login-brand{display:none!important}
@media(max-width:520px){.txw-link-stack>.txw-login-logo{height:120px;width:min(185px,58vw)}.txw-login-heading{margin-bottom:20px;padding-bottom:20px}}

/* R6.2 · Mensajería completa y sincronizada */
.txw-me-button{border:0;background:transparent;color:inherit;text-align:left;padding:0}.txw-chat-actions{display:flex;align-items:center;gap:2px}.txw-chat-back{display:none;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:18px}.txw-peer{flex:1}.txw-peer>div:last-child span{display:block;font-size:10px;color:#eaf8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.txw-active{grid-template-rows:auto auto 1fr auto auto}.txw-messages{min-height:0}.txw-bubble{position:relative;padding:7px 8px 5px;min-width:80px}.txw-bubble.mine{background:#dff3ff;border:1px solid #b9e6fb}.txw-message-text{display:block;white-space:normal}.txw-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px;min-height:15px}.txw-message-meta time{font-size:10px;color:#667781}.txw-receipt{font-size:12px;line-height:1;color:#7a858e}.txw-receipt.read{color:#53bdeb}.txw-reply-button{border:0;background:transparent;color:#8b96a0;padding:1px 3px;font-size:10px;opacity:.25}.txw-bubble:hover .txw-reply-button{opacity:1}.txw-quoted{border-left:4px solid var(--tx-purple);background:#0000000d;border-radius:5px;padding:5px 7px;margin-bottom:5px;display:grid;max-width:100%}.txw-quoted strong{font-size:11px;color:var(--tx-purple)}.txw-quoted span{font-size:11px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txw-media-image{display:block;margin:-2px -2px 5px}.txw-media-image img{display:block;max-width:min(360px,70vw);max-height:420px;border-radius:7px;object-fit:cover}.txw-media-video{display:block;max-width:min(420px,72vw);max-height:420px;border-radius:7px;margin-bottom:5px;background:#000}.txw-audio-message{display:flex;align-items:center;gap:9px;min-width:min(330px,60vw);padding:6px 3px}.txw-audio-message>i{color:var(--tx-purple);font-size:20px}.txw-audio-message audio{width:100%;height:36px}.txw-document{display:flex;align-items:center;gap:10px;background:#0000000c;border-radius:8px;padding:9px 10px;margin-bottom:5px;text-decoration:none;color:#344054;min-width:min(300px,55vw)}.txw-document>i{font-size:28px;color:var(--tx-purple)}.txw-document span{display:grid;min-width:0}.txw-document strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txw-document small{font-size:10px;color:#667085}.txw-list-meta{display:flex;align-items:center;gap:7px}.txw-list-meta b{min-width:21px;height:21px;border-radius:40px;padding:0 6px;display:grid;place-items:center;background:var(--tx-purple);color:#fff;font-size:10px}.txw-conversation.has-unread strong{font-weight:900}.txw-conversation.has-unread p{font-weight:700;color:#344054}.txw-reply-bar{background:#f0f2f5;border-top:1px solid #dde2e5;padding:7px 12px;display:flex;align-items:center;gap:10px}.txw-reply-bar>div{flex:1;border-left:4px solid var(--tx-purple);padding-left:9px;min-width:0;display:grid}.txw-reply-bar small{color:var(--tx-purple)}.txw-reply-bar span{font-size:12px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txw-reply-bar button{border:0;background:transparent;color:#667085;font-size:18px}.txw-compose{min-height:66px;align-items:flex-end}.txw-compose textarea{flex:1;border:1px solid #dde5ed;border-radius:22px;padding:11px 15px;outline:0;background:#fff;resize:none;max-height:120px;line-height:20px}.txw-compose textarea:focus{border-color:var(--tx-electric);box-shadow:0 0 0 3px #087aff1a}.txw-compose-icon,.txw-send{width:46px;height:46px;flex:0 0 46px;border:0;border-radius:50%;display:grid;place-items:center;font-size:18px}.txw-compose-icon{background:transparent;color:#667781}.txw-compose-icon:hover{background:#e4e9ed}.txw-send{background:var(--tx-purple);color:#fff}.txw-voice-bar{min-height:66px;background:#f4f7fa;padding:10px 16px;display:flex;align-items:center;gap:10px}.txw-voice-live{flex:1;display:flex;align-items:center;gap:8px;color:#667085}.txw-record-dot{width:9px;height:9px;border-radius:50%;background:#dc3545;animation:txwpulse 1s infinite}.txw-voice-cancel,.txw-voice-send{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center}.txw-voice-cancel{background:#fff;color:#dc3545}.txw-voice-send{background:var(--tx-purple);color:#fff}@keyframes txwpulse{50%{opacity:.25}}.txw-device-list{display:grid;gap:9px}.txw-device{display:flex;align-items:center;gap:11px;background:#f8fbfd;border:1px solid #e2e9ef;border-radius:13px;padding:12px}.txw-device-icon{width:45px;height:45px;flex:0 0 45px;border-radius:50%;display:grid;place-items:center;background:#eef7ff;color:var(--tx-purple)}.txw-device>div:nth-child(2){flex:1;min-width:0}.txw-device strong,.txw-device small{display:block}.txw-device strong span{font-size:9px;background:#e7f8ee;color:#087a42;border-radius:20px;padding:3px 6px}.txw-device small{color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txw-device>button{width:39px;height:39px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff0f0;color:#b42318}.txw-profile-photo-wrap{text-align:center}.txw-profile-photo{width:112px;height:112px;margin:auto;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#eef4f8;color:var(--tx-purple);font-size:42px;border:4px solid #fff;box-shadow:0 6px 22px #10121818}.txw-profile-photo img{width:100%;height:100%;object-fit:cover}.txw-call-modal{border:0;border-radius:22px;overflow:hidden;background:#111;color:#fff}.txw-call-head{text-align:center;padding:15px;background:#181818}.txw-call-head h2{font-size:20px;margin:0}.txw-call-head span{font-size:12px;color:#bbb}.txw-call-media{min-height:52vh;display:grid;place-items:center;background:#090909;position:relative}.txw-call-media video{width:100%;height:52vh;object-fit:cover}.txw-call-avatar{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:#333;font-size:48px}.txw-local-media{position:absolute;right:22px;bottom:92px;width:180px;height:130px;border-radius:14px;overflow:hidden;z-index:2}.txw-local-media video{width:100%;height:100%;object-fit:cover}.txw-call-controls{display:flex;justify-content:center;gap:14px;padding:16px;background:#181818}.txw-call-controls .btn{width:54px;height:54px;border-radius:50%;background:#333;color:#fff}.txw-call-controls .btn.muted{background:#8b1e1e}.txw-call-controls .btn.end{background:#d92d20}
@media(max-width:800px){.txw-app{display:block}.txw-sidebar{display:flex!important;height:100vh}.txw-main{display:none;height:100vh}.txw-conversation-open .txw-sidebar{display:none!important}.txw-conversation-open .txw-main{display:block}.txw-conversation-open .txw-active{display:grid!important;height:100vh}.txw-conversation-open .txw-empty{display:none!important}.txw-chat-back{display:grid;place-items:center}.txw-chat-head{padding-left:7px;padding-right:8px}.txw-peer>div:last-child span{max-width:150px}.txw-messages{padding:18px 9px}.txw-bubble{max-width:88%}.txw-media-image img,.txw-media-video{max-width:76vw}.txw-audio-message{min-width:68vw}.txw-document{min-width:64vw}.txw-compose{padding-left:8px;padding-right:8px}.txw-call-media{min-height:60vh}.txw-call-media video{height:60vh}.txw-local-media{width:110px;height:145px;right:12px;bottom:88px}}

/* TELEXPRESS 1.0.14 R7 - Fondo completo y viewport estable del Chat Web */
.txw-app{
    height:calc(100dvh - 38px);
    max-height:calc(100dvh - 38px);
}
.txw-main{
    min-height:0;
    overflow:hidden;
    background-color:var(--tx-chat-bg);
    background-image:radial-gradient(#d5cec4 1px,transparent 1px);
    background-size:18px 18px;
}
.txw-active{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
    background-color:transparent;
}
.txw-active>.txw-chat-head,
.txw-active>.txw-reply-bar,
.txw-active>.txw-voice-bar,
.txw-active>.txw-compose{
    flex:0 0 auto;
    width:100%;
}
.txw-active>.txw-messages{
    flex:1 1 auto;
    width:100%;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background-color:transparent;
    background-image:none;
}
@media(max-width:800px){
    .txw-app{height:100dvh;max-height:100dvh}
    .txw-sidebar,.txw-main{height:100dvh;max-height:100dvh}
    .txw-conversation-open .txw-active{height:100dvh;max-height:100dvh}
}
@media(max-width:800px){
    .txw-conversation-open .txw-active{
        display:flex!important;
        flex-direction:column;
    }
}

/* TELEXPRESS 1.0.14 R7.1 - Burbujas, adjuntos, ubicación y progreso tipo mensajería */
.txw-messages{
    align-items:stretch;
}
.txw-row{
    width:100%;
    display:flex;
    flex:0 0 auto;
    padding:1px 0;
}
.txw-row.incoming{justify-content:flex-start}
.txw-row.outgoing{justify-content:flex-end}
.txw-bubble{
    align-self:auto!important;
    display:block;
    width:fit-content;
    max-width:min(68%,680px);
    min-width:84px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 1px 1px #00000024;
    padding:7px 8px 5px;
    position:relative;
}
.txw-bubble.received{background:#fff;margin-left:4px}
.txw-bubble.mine{background:#dff3ff;margin-right:4px;border:1px solid #b9e6fb}
.txw-bubble.received:before{
    content:"";position:absolute;left:-7px;top:0;border-top:8px solid #fff;border-left:8px solid transparent
}
.txw-bubble.mine:after{
    content:"";position:absolute;right:-7px;top:0;border-top:8px solid #dff3ff;border-right:8px solid transparent
}
.txw-bubble.pending{opacity:.96}
.txw-message-text{font-size:14px;line-height:1.38;color:#111b21;padding:0 2px}
.txw-message-meta{margin-top:2px;min-height:16px}
.txw-message-meta time{font-size:10px;line-height:1;color:#667781}
.txw-receipt.sent,.txw-receipt.delivered{color:#667781}.txw-receipt.read{color:#53bdeb}

.txw-attach-anchor{position:relative;flex:0 0 46px}
.txw-attach-menu{
    position:absolute;
    left:-7px;
    bottom:58px;
    width:210px;
    padding:9px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 34px #0003;
    border:1px solid #e4e9ee;
    z-index:80;
    display:grid;
    gap:2px;
}
.txw-attach-menu button{width:100%;height:auto!important;min-height:48px!important;border-radius:11px!important;box-shadow:none!important;background:#fff!important;color:#344054!important;display:flex!important;align-items:center;justify-content:flex-start!important;gap:11px;padding:7px 9px!important;text-align:left}
.txw-attach-menu button:hover{background:#f4f7fa!important}
.txw-attach-menu button>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:0 0 34px}
.txw-attach-menu button>b{font-size:13px;font-weight:700}
.txw-attach-menu .document{background:#006eff}.txw-attach-menu .location{background:#16a34a}.txw-attach-menu .image{background:#d946ef}.txw-attach-menu .video{background:#ef4444}.txw-attach-menu .audio{background:#f59e0b}

.txw-preview-modal{overflow:visible!important}
.txw-preview-stage{min-height:260px;display:grid;place-items:center;background:#111b21;border-radius:15px;padding:18px;overflow:hidden}
.txw-preview-image,.txw-preview-video{max-width:100%;max-height:58vh;border-radius:10px;object-fit:contain}
.txw-preview-file{width:min(520px,100%);display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;background:#fff;color:#344054}
.txw-preview-file>i{font-size:42px;color:var(--tx-purple)}.txw-preview-file>div{display:grid;min-width:0}.txw-preview-file strong{word-break:break-word}.txw-preview-file small{color:#667085}
.txw-preview-location{width:min(520px,100%);display:grid;justify-items:center;gap:7px;padding:18px;border-radius:14px;background:#fff;color:#344054;text-align:center}
.txw-preview-map{width:100%;height:190px;border-radius:12px;background:linear-gradient(145deg,#dff5e4,#e9f7ff);display:grid;place-items:center;position:relative;overflow:hidden}
.txw-preview-map:before,.txw-location-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff66 1px,transparent 1px),linear-gradient(90deg,#ffffff66 1px,transparent 1px);background-size:32px 32px}
.txw-preview-map>i{font-size:54px;color:#16a34a;z-index:1;filter:drop-shadow(0 4px 7px #0002)}
.txw-preview-location>span,.txw-preview-location>small{color:#667085}

.txw-location{display:block;text-decoration:none;color:#111b21;margin:-2px -2px 5px;border-radius:8px;overflow:hidden;background:#f5f7f9;border:1px solid #dfe5ea;min-width:min(330px,60vw)}
.txw-location-map{height:140px;background:linear-gradient(145deg,#dff5e4,#e9f7ff);display:grid;place-content:center;justify-items:center;gap:6px;position:relative;overflow:hidden}
.txw-location-map>i{font-size:38px;color:#16a34a;z-index:1}.txw-location-map>span{font-size:11px;background:#ffffffdd;border-radius:20px;padding:4px 8px;color:#344054;z-index:1}
.txw-location-copy{display:grid;padding:9px 11px}.txw-location-copy strong{font-size:13px}.txw-location-copy small{font-size:10px;color:#667085}

.txw-upload-media{position:relative;margin:-2px -2px 5px;min-width:220px;min-height:150px;background:#111;border-radius:7px;overflow:hidden;display:grid;place-items:center}
.txw-upload-media img,.txw-upload-media video{display:block;width:100%;max-width:min(360px,70vw);max-height:420px;object-fit:cover;opacity:.76}
.txw-upload-progress{--progress:0deg;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#fff var(--progress),#ffffff55 0);box-shadow:0 2px 12px #0004}
.txw-upload-progress:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#111b21cc}
.txw-upload-progress button{position:relative;z-index:2;border:0;background:transparent;color:#fff;width:42px;height:42px;border-radius:50%;font-size:20px}
.txw-upload-progress.compact{position:relative;inset:auto;transform:none;width:48px;height:48px;flex:0 0 48px;margin-left:auto}
.txw-upload-progress.compact:before{inset:4px}.txw-upload-progress.compact button{width:36px;height:36px;font-size:16px}
.txw-upload-audio,.txw-upload-document{display:flex;align-items:center;gap:10px;background:#ffffff55;border-radius:8px;padding:9px 10px;margin-bottom:5px;min-width:min(330px,60vw)}
.txw-upload-audio>i,.txw-upload-document>i{font-size:26px;color:var(--tx-purple)}.txw-upload-audio>div:not(.txw-upload-progress),.txw-upload-document>div:not(.txw-upload-progress){display:grid;min-width:0}.txw-upload-audio strong,.txw-upload-document strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txw-upload-audio small,.txw-upload-document small{font-size:10px;color:#667085}

@media(max-width:800px){
    .txw-bubble{max-width:88%}
    .txw-attach-menu{left:0;bottom:57px;width:195px}
    .txw-location{min-width:72vw}
    .txw-preview-stage{min-height:220px;padding:10px}
}

/* TELEXPRESS 1.0.14 R8 - llamada entrante superior */
.tx-incoming-call{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:5000;width:min(720px,calc(100vw - 24px));min-height:78px;background:#101218;color:#fff;border-radius:18px;box-shadow:0 16px 50px #0007;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid #ffffff18}.tx-incoming-call.d-none{display:none!important}.tx-incoming-call-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#2a2d34;color:#fff;font-size:22px}.tx-incoming-call-avatar img{width:100%;height:100%;object-fit:cover}.tx-incoming-call-copy{min-width:0;display:grid}.tx-incoming-call-copy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-incoming-call-copy span{font-size:12px;color:#c7cbd1}.tx-incoming-call button{border:0;color:#fff;border-radius:13px;min-height:48px;padding:8px 14px;display:flex;align-items:center;gap:7px;font-weight:800}.tx-incoming-call .reject{background:#d92d20}.tx-incoming-call .accept{background:#16a34a}.tx-incoming-call button i{font-size:18px}@media(max-width:620px){.tx-incoming-call{top:8px;grid-template-columns:auto 1fr auto auto;gap:7px;padding:8px}.tx-incoming-call-avatar{width:46px;height:46px}.tx-incoming-call button{width:46px;height:46px;min-height:46px;padding:0;justify-content:center;border-radius:50%}.tx-incoming-call button span{display:none}}


/* TELEXPRESS 1.0.14 R8-R4 · Adaptación estricta al ancho de pantalla */
html,body{width:100%;max-width:100%;overflow-x:hidden!important;touch-action:pan-x pan-y}
img,video,canvas{max-width:100%;}
.modal-dialog,.modal-content,.modal-body{min-width:0;max-width:100%;}


/* R8-R4 · Modal Dispositivos vinculados adaptativo, sin desbordamiento */
#webDevicesModal{overflow-x:hidden}
#webDevicesModal .modal-dialog{width:min(820px,calc(100% - 24px));max-width:calc(100% - 24px);margin-left:auto;margin-right:auto}
#webDevicesModal .modal-content,#webDevicesModal .modal-body,#webDevicesList,.txw-device-list,.txw-device{width:100%;max-width:100%;min-width:0}
#webDevicesModal .modal-body{overflow-x:hidden}
.txw-device{overflow:hidden;flex-wrap:nowrap}
.txw-device>div:nth-child(2){min-width:0;max-width:100%;overflow:hidden}
.txw-device strong,.txw-device small{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.txw-device small{white-space:normal!important;overflow:visible;text-overflow:clip;line-height:1.35}
.txw-device-icon,.txw-device>button{flex-shrink:0}
@media(max-width:480px){
  #webDevicesModal .modal-dialog{width:calc(100% - 12px);max-width:calc(100% - 12px);margin:6px auto}
  #webDevicesModal .modal-body{padding:12px}
  .txw-device{padding:10px 8px;gap:8px}
  .txw-device-icon{width:38px;height:38px;flex-basis:38px}
  .txw-device>button{width:35px;height:35px}
  .txw-device strong{font-size:13px}
  .txw-device small{font-size:11px}
}

/* R8-R8: identidad visible durante llamada y barra entrante */
.txw-call-identity{display:grid;justify-items:center;gap:1px;margin:4px 0}.txw-call-identity strong{font-size:17px;color:#fff;max-width:min(80vw,520px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txw-call-identity small{font-size:12px;color:#8ed8ff}.tx-incoming-call-copy small{font-size:11px;color:#8ed8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* R17: visor multimedia a pantalla completa, contenido dentro del viewport */
#webMediaViewerModal{overflow:hidden!important}#webMediaViewerModal .modal-dialog{margin:0;max-width:none;width:100vw;height:100vh}#webMediaViewerModal .modal-content.txw-media-viewer-modal{height:100vh;width:100vw;border:0;border-radius:0;background:#08090c;overflow:hidden;position:relative}.txw-media-viewer-close{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:4;width:44px;height:44px;border:0;border-radius:50%;background:#ffffffeb;color:#111827;display:grid;place-items:center;font-size:1.2rem;box-shadow:0 8px 28px #0006}.txw-media-viewer-stage{width:100%;height:100%;min-height:0;padding:70px max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;overflow:hidden}.txw-media-viewer-stage img,.txw-media-viewer-stage video{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:0;background:#000}


/* R17-GO-FIX5: fondo neutro para fotos de perfil y avatares */
.txw-avatar,.txw-profile-photo,.txw-call-avatar,.tx-incoming-call-avatar,.txw-empty-logo{background:#d1d5db!important}

/* R17-GO-FIX6: fondo gris claro real para avatares y fotos Chat Web */
.txw-avatar,.txw-avatar img,.txw-contact-avatar,.txw-contact-avatar img,.txw-contact-profile-avatar,.txw-contact-profile-avatar img,.txw-profile-photo-wrap,.txw-profile-photo,.txw-profile-photo img,.txw-call-avatar,.txw-call-avatar img,.tx-incoming-call-avatar,.tx-incoming-call-avatar img,.txw-empty-logo{background:#d1d5db!important}

/* R18 · ajuste completo de logos/avatares sin cambiar su marco */
img[class*="avatar"],img[class*="logo"],[class*="avatar"]>img,[class*="logo"]>img{object-fit:contain!important;object-position:center!important;max-width:100%;max-height:100%}

/* VER56 · multimedia compacta con play central para video. */
.txw-media-image,.txw-media-video-wrap{position:relative!important;display:block!important;width:200px!important;height:150px!important;max-width:62vw!important;max-height:150px!important;margin:-2px -2px 5px!important;padding:0!important;border:0!important;border-radius:9px!important;overflow:hidden!important;background:#111!important}
.txw-media-image img,.txw-media-video-wrap .txw-media-video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:0!important;margin:0!important;background:#111!important}
.txw-media-play{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;pointer-events:none!important}.txw-media-play i{width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#000a!important;color:#fff!important;font-size:18px!important;padding-left:3px!important}
@media(max-width:800px){.txw-media-image,.txw-media-video-wrap{width:175px!important;height:132px!important;max-width:66vw!important;max-height:132px!important}}