:root{
  --navy:var(--blue-dark);
  --sky:#00A8E8;
  --border:var(--line);
}
.chatbot-launcher{
  position:fixed;bottom:26px;left:26px;z-index:998;
  width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--sky));
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;box-shadow:0 4px 20px rgba(21,87,192,.4);
  animation:iap 2.8s infinite;transition:transform .2s ease;
}
.chatbot-launcher:hover{transform:scale(1.1)}
@keyframes iap{0%,100%{box-shadow:0 4px 20px rgba(0,168,232,.48)}50%{box-shadow:0 4px 32px rgba(0,168,232,.75),0 0 0 10px rgba(0,168,232,.12)}}
.ia-face{display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;font-family:'Montserrat',sans-serif;text-shadow:0 1px 5px rgba(0,0,0,.18)}
.ia-face .face{position:relative;width:28px;height:24px;margin-bottom:1px}
.ia-face .eye{position:absolute;top:5px;width:4px;height:4px;border-radius:50%;background:white;box-shadow:0 0 6px rgba(255,255,255,.55)}
.ia-face .eye.left{left:7px}
.ia-face .eye.right{right:7px}
.ia-face .mouth{position:absolute;left:7px;right:7px;bottom:5px;height:7px;border-bottom:3px solid white;border-radius:0 0 16px 16px}
.ia-face .tag{font-size:11px;font-weight:900;letter-spacing:.8px;line-height:1}
.chatbot-window{
  position:fixed;bottom:96px;left:26px;z-index:1000;
  width:360px;height:480px;background:var(--white);
  border-radius:14px;box-shadow:0 10px 36px rgba(11,37,114,.25);
  border:1px solid var(--border);display:flex;flex-direction:column;
  opacity:0;transform:translateY(20px);pointer-events:none;
  transition:opacity .3s,transform .3s;
}
.chatbot-window.open{opacity:1;transform:translateY(0);pointer-events:auto}
.chat-header{background:linear-gradient(135deg,var(--navy),var(--blue));color:var(--white);padding:14px 16px;border-top-left-radius:13px;border-top-right-radius:13px;display:flex;justify-content:space-between;align-items:center}
.chat-header h4{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;flex:1}
.chat-header span{font-size:11px;background:rgba(255,255,255,.2);padding:2px 8px;border-radius:10px;margin-right:10px}
.chat-close{cursor:pointer;font-size:18px;opacity:.8;transition:opacity .2s}
.chat-close:hover{opacity:1}
.chat-messages{flex:1;padding:16px;overflow-y:auto;background:var(--off);display:flex;flex-direction:column;gap:12px}
.msg{max-width:80%;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.5;word-wrap:break-word}
.msg.bot{background:var(--white);color:var(--text);align-self:flex-start;border-bottom-left-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.05)}
.msg.user{background:var(--blue);color:var(--white);align-self:flex-end;border-bottom-right-radius:2px}
.msg.loading{color:var(--muted);font-style:italic;background:transparent;box-shadow:none;border:none;padding-left:0}
.chat-footer{padding:12px;background:var(--white);border-top:1px solid var(--border);display:flex;gap:8px;border-bottom-left-radius:13px;border-bottom-right-radius:13px}
.chat-input{flex:1;min-width:0;padding:8px 12px;border:1.5px solid var(--border);border-radius:6px;font-size:13px;outline:none;font-family:inherit}
.chat-input:focus{border-color:var(--sky)}
.chat-send{background:var(--blue);color:var(--white);border:none;padding:0 14px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer}
.chat-send:hover{background:var(--navy)}
.wa{
  position:fixed;bottom:26px;right:26px;z-index:999;
  width:56px;height:56px;border-radius:50%;background:#25D366;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,.55);
  animation:wap 2.8s infinite;transition:transform .2s;
}
.wa:hover{transform:scale(1.1)}
@keyframes wap{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.55)}50%{box-shadow:0 4px 32px rgba(37,211,102,.8),0 0 0 10px rgba(37,211,102,.1)}}
.wa svg{width:28px;height:28px;fill:white}
@media(max-width:1000px){.chatbot-window{width:calc(100% - 52px);left:26px}}
@media(max-width:600px){
  .chatbot-launcher{left:16px;bottom:16px}
  .chatbot-window{display:flex;left:16px;bottom:84px;width:calc(100% - 32px);height:min(480px,calc(100vh - 110px))}
  .wa{right:16px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){.chatbot-launcher,.wa{animation:none}}