/* Human Bot IA V102 — aro de novedades activas y visor vertical independiente */
#chatList .avatar.hb102-active,#conversationAvatar.hb102-active,#profileAvatar.hb102-active,#hb72Body .hb102-contact-avatar.hb102-active{outline:3px solid var(--hb97-accent,#e6007e)!important;outline-offset:3px!important;cursor:pointer!important;border-radius:50%!important}
#chatList .avatar.hb102-seen,#conversationAvatar.hb102-seen,#profileAvatar.hb102-seen{outline-color:#88919b!important}
#hb72Body .hb102-contact-avatar{display:none;flex:0 0 46px;width:46px;height:46px;border:0;background:#34434c;color:white;font-weight:750;border-radius:50%;padding:0;overflow:hidden;align-items:center;justify-content:center;margin:1px 12px 1px 0}
#hb72Body .hb102-contact-avatar.hb102-active{display:inline-flex}
#hb72Body .hb102-contact-avatar img{width:100%;height:100%;object-fit:cover}
#hb102-viewer[hidden],#hb102-bar[hidden]{display:none!important}
#hb102-viewer{position:fixed;inset:0;z-index:200000;display:flex;justify-content:center;align-items:center;background:#000;color:white;isolation:isolate;font-family:inherit}
#hb102-viewer *{box-sizing:border-box}
.hb102-panel{position:relative;width:100%;max-width:670px;height:100%;height:100dvh;overflow:hidden;background:#090a0d;color:#fff}
.hb102-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000}
.hb102-media img,.hb102-media video{width:100%;height:100%;object-fit:contain}
.hb102-text{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:60px 24px 160px;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(21px,5vw,36px);line-height:1.45;font-weight:700;overflow-y:auto}
.hb102-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#000b 0%,transparent 23%,transparent 65%,#000b 100%)}
.hb102-progress{position:absolute;z-index:9;top:calc(9px + env(safe-area-inset-top,0px));left:10px;right:10px;display:flex;gap:4px;height:3px}
.hb102-progress>span{height:3px;flex:1;min-width:0;background:#ffffff66;border-radius:8px;overflow:hidden}
.hb102-progress>span>i{display:block;width:0;height:100%;background:#fff}
.hb102-head{position:absolute;z-index:10;top:calc(21px + env(safe-area-inset-top,0px));left:8px;right:8px;display:flex;gap:9px;align-items:center;min-width:0}
.hb102-head button{border:0;color:#fff;background:transparent;min-width:36px;width:36px;min-height:40px;font-size:28px;padding:4px;cursor:pointer}
.hb102-head .hb102-photo{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#243039;overflow:hidden;display:grid;place-items:center;border:2px solid var(--hb97-accent,#e6007e);font-size:16px;font-weight:700}
.hb102-head .hb102-photo img{width:100%;height:100%;object-fit:cover}
.hb102-meta{flex:1;min-width:0;display:grid;gap:2px}
.hb102-meta strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb102-meta small{font-size:12px;color:#e5e9ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb102-touch{position:absolute;top:105px;bottom:150px;z-index:4;border:0;padding:0;background:transparent;width:29%;cursor:pointer}
.hb102-prev{left:0}.hb102-next{right:0}
.hb102-caption{position:absolute;z-index:7;left:18px;right:18px;bottom:calc(91px + env(safe-area-inset-bottom,0px));color:#fff;font-size:15px;font-weight:600;text-align:center;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 1px 5px #000;max-height:22dvh;overflow-y:auto}
.hb102-bottom{position:absolute;z-index:10;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:5px}
.hb102-bottom form{flex:1;min-width:0;display:flex;align-items:center;background:#202930;border-radius:30px;padding:4px 6px 4px 12px}
.hb102-bottom input{min-width:0;width:100%;flex:1;outline:0;border:0;background:transparent;color:#fff;font-size:16px;height:45px}
.hb102-bottom input::placeholder{color:#d2d7dd}
.hb102-bottom button{border:0;background:transparent;color:#fff;font-size:21px;min-width:38px;min-height:42px;padding:4px;cursor:pointer}
.hb102-bottom button[type=submit]{background:var(--hb97-accent,#e6007e);border-radius:50%;font-size:18px}
.hb102-bottom button:disabled{opacity:.5}
.hb102-note{position:absolute;z-index:10;bottom:calc(13px + env(safe-area-inset-bottom,0px));left:12px;right:12px;color:#fff;background:#1f2b36c9;border-radius:12px;text-align:center;padding:12px;font-size:13px}
.hb102-notice{position:absolute;z-index:11;bottom:calc(78px + env(safe-area-inset-bottom,0px));left:12px;right:12px;background:#631d41;color:#fff;border-radius:12px;padding:8px 12px;font-size:13px}
@media(min-width:700px){.hb102-panel{max-height:min(100dvh,880px);border-radius:13px;box-shadow:0 10px 50px #0007}}
@media(max-height:520px) and (orientation:landscape){.hb102-touch{top:65px;bottom:72px}.hb102-caption{bottom:65px;max-height:17dvh}}