/* Asistente Lab Tam · widget de chat (demo con reglas) */
.bot-fab{position:fixed;left:16px;bottom:16px;z-index:31;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 16px 10px 10px;background:#0A1E3D;color:#fff;font-weight:700;font-size:14px;box-shadow:0 14px 30px -10px rgba(10,30,61,.6);font-family:"Manrope",system-ui,sans-serif}
.bot-fab .dot{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#1B6FE0,#37C6F0);display:grid;place-items:center;font-family:"Sora",system-ui,sans-serif;font-size:11px;font-weight:800}
.bot-fab.embedded{position:static}
.bot{position:fixed;left:16px;bottom:16px;width:min(390px,calc(100% - 32px));height:min(600px,calc(100% - 32px));background:#fff;border:1px solid #DCE6F3;border-radius:18px;box-shadow:0 30px 60px -20px rgba(10,30,61,.45);display:flex;flex-direction:column;overflow:hidden;z-index:32;color:#0B1A33;font-family:"Manrope",system-ui,sans-serif;font-size:14px}
.bot[hidden]{display:none}
.bot.embedded{position:static;width:100%;height:560px;max-width:520px;margin:0 auto;box-shadow:0 30px 60px -30px rgba(10,30,61,.45)}
@media (max-width:600px){.bot:not(.embedded){inset:0;width:100%;height:100%;border-radius:0;border:0}}
.bot-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#0B4FC2,#37C6F0);color:#fff}
.bot-head .dot{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.5);display:grid;place-items:center;font-family:"Sora",system-ui,sans-serif;font-weight:800;font-size:12px}
.bot-head b{font-family:"Sora",system-ui,sans-serif;font-size:14.5px;display:block}
.bot-head small{font-size:11.5px;color:#DCEBFF;display:block}
.bot-head .mode{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:10px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.18);white-space:nowrap}
.bot-head button{border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer;padding:2px 4px}
.bot-log{flex:1;overflow:auto;padding:14px;display:grid;gap:10px;align-content:start;background:#F5F8FC}
.msg{max-width:88%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word;animation:msgin .2s ease both}
@keyframes msgin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.msg.u{justify-self:end;background:#1B6FE0;color:#fff;border-bottom-right-radius:4px}
.msg.a{justify-self:start;background:#fff;border:1px solid #E1E8F2;border-bottom-left-radius:4px}
.msg.a.typing{color:#6F7E98}
.msg.a.typing i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9FB4D6;margin-right:3px;animation:blink 1s infinite}
.msg.a.typing i:nth-child(2){animation-delay:.2s}.msg.a.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.3}40%{opacity:1}}
.bot-chips{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 0;background:#F5F8FC}
.bot-chips button{border:1px solid #C7DDFB;background:#fff;color:#0B4FC2;border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit}
.bot-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #E1E8F2;background:#fff}
.bot-in input{flex:1;border:1px solid #DCE6F3;border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;color:#0B1A33;min-width:0}
.bot-in button{border:0;border-radius:10px;background:#0A1E3D;color:#fff;font-weight:700;padding:0 14px;cursor:pointer;font-family:inherit}
.bot-foot{font-size:10.5px;color:#6F7E98;padding:0 12px 8px;background:#fff}
.bot-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.bot-actions a{border:0;background:#E9FBEF;color:#128C4A;border-radius:8px;padding:5px 9px;font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none}

@media (max-width:600px){
  .bot-fab{left:12px;bottom:12px;padding:9px 13px 9px 9px;font-size:13px}
  .bot.embedded{height:500px}
}
