/* Asistente de soporte flotante (landing). Usa los tokens de color de la página. */
.blb-btn,.blb{position:fixed;z-index:90;font-family:var(--sans,system-ui,sans-serif)}
.blb-btn{width:60px;height:60px;border-radius:50%;border:1px solid #EED79A;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center;
  color:#1A1206;background:radial-gradient(circle at 35% 28%,#F6E7B8,#C9A227 62%,#8A6A14);
  box-shadow:0 14px 34px rgba(0,0,0,.55),0 0 0 6px rgba(201,162,39,.12);transition:transform .2s,box-shadow .2s}
.blb-btn:hover{transform:scale(1.05);box-shadow:0 16px 38px rgba(0,0,0,.6),0 0 0 9px rgba(201,162,39,.16)}
.blb-btn.is-drag,.blb-head.is-drag{cursor:grabbing}
.blb-btn svg{width:26px;height:26px;pointer-events:none}
.blb-btn .blb-tip{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;pointer-events:none;
  font-size:12.5px;font-weight:700;color:var(--tp,#fff);padding:7px 11px;border-radius:999px;background:rgba(20,14,17,.92);border:1px solid var(--line,rgba(201,162,39,.3));
  opacity:0;transition:opacity .2s}
.blb-btn.tip-left .blb-tip{right:auto;left:calc(100% + 10px)}
.blb-btn:hover .blb-tip,.blb-btn:focus-visible .blb-tip{opacity:1}
.blb-btn[hidden],.blb[hidden]{display:none}

.blb{width:372px;height:560px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);display:flex;flex-direction:column;overflow:hidden;
  border-radius:22px;background:#120d10;border:1px solid var(--line,rgba(201,162,39,.3));box-shadow:0 30px 80px rgba(0,0,0,.7)}
.blb-head{display:flex;align-items:center;gap:11px;padding:13px 12px 13px 14px;cursor:grab;touch-action:none;user-select:none;
  background:linear-gradient(120deg,#6A2531,#3b141c);border-bottom:1px solid rgba(201,162,39,.28)}
.blb-av{width:38px;height:38px;border-radius:11px;object-fit:cover;flex:none;border:1px solid rgba(238,215,154,.5)}
.blb-tt{flex:1;min-width:0}
.blb-tt b{display:block;font-family:var(--serif,Georgia,serif);font-size:16px;font-weight:600;color:#fff;line-height:1.2}
.blb-tt span{display:flex;align-items:center;gap:6px;font-size:11.5px;color:rgba(237,232,234,.85)}
.blb-tt span i{width:7px;height:7px;border-radius:50%;background:#4FB286;box-shadow:0 0 7px #4FB286;flex:none}
.blb-x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.22);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
.blb-x:hover{background:rgba(0,0,0,.4)}
.blb-x svg{width:17px;height:17px}

.blb-safe{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:11.5px;font-weight:600;color:var(--gold-l,#EED79A);background:rgba(201,162,39,.09);border-bottom:1px solid rgba(255,255,255,.06)}
.blb-safe svg{width:14px;height:14px;flex:none}

.blb-log{flex:1;min-height:0;overflow-y:auto;padding:14px 14px 6px;display:flex;flex-direction:column;gap:9px;overscroll-behavior:contain}
.blb-m{flex:none;max-width:86%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.blb-m p{margin:0}
.blb-m p+p,.blb-m p+ol,.blb-m ol+p{margin-top:7px}
.blb-m ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:5px}
.blb-m b{color:var(--gold-l,#EED79A);font-weight:700}
.blb-bot{align-self:flex-start;color:var(--tp,#EDE8EA);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:5px}
.blb-me{align-self:flex-end;color:#1A1206;background:linear-gradient(135deg,#F6E7B8,#C9A227);border-bottom-right-radius:5px;font-weight:600}
.blb-ok{align-self:stretch;max-width:100%;text-align:center;font-weight:700;color:#8fe0b9;background:rgba(79,178,134,.12);border:1px solid rgba(79,178,134,.4)}
.blb-warn{color:#ffb3b3;background:rgba(229,72,77,.10);border-color:rgba(229,72,77,.38)}
.blb-dots{flex:none;align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06)}
.blb-dots i{width:6px;height:6px;border-radius:50%;background:var(--tm,#8B8085);animation:blbDot 1s infinite}
.blb-dots i:nth-child(2){animation-delay:.15s}.blb-dots i:nth-child(3){animation-delay:.3s}
@keyframes blbDot{40%{transform:translateY(-4px);background:var(--gold-l,#EED79A)}}

.blb-chips{display:flex;flex-wrap:wrap;gap:7px;padding:6px 14px 10px}
.blb-chips:empty{display:none}
.blb-chip{font-family:inherit;font-size:13px;font-weight:600;min-height:36px;padding:7px 13px;border-radius:999px;cursor:pointer;
  color:var(--gold-l,#EED79A);background:rgba(201,162,39,.10);border:1px solid rgba(201,162,39,.45);transition:background .2s,color .2s}
.blb-chip:hover{background:rgba(201,162,39,.24);color:#fff}
.blb-chip.alt{color:var(--ts,#B9AEB3);background:transparent;border-color:rgba(255,255,255,.14)}

.blb-form{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.25)}
.blb-in{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:999px;font-family:inherit;font-size:14px;color:var(--tp,#fff);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.blb-in::placeholder{color:var(--tm,#8B8085)}
.blb-in:focus{outline:none;border-color:var(--gold,#C9A227);box-shadow:0 0 0 3px rgba(201,162,39,.18)}
.blb-send{width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;color:#1A1206;background:linear-gradient(135deg,#F6E7B8,#C9A227)}
.blb-send svg{width:18px;height:18px}
.blb-send:disabled{opacity:.45;cursor:default}
.blb-btn:focus-visible,.blb-x:focus-visible,.blb-chip:focus-visible,.blb-send:focus-visible{outline:2px solid #fff;outline-offset:2px}
.blb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:520px){
  .blb{left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;width:auto;max-width:none;height:min(78vh,600px)}
  .blb-head{cursor:default}
  .blb-btn .blb-tip{display:none}
}
@media (prefers-reduced-motion:reduce){.blb-btn,.blb-chip{transition:none}.blb-dots i{animation:none}}