/* Portal Monagas — Cambios 14: asistente flotante realmente arrastrable */
#chatAssistant{
  --bot-gap:12px;
  z-index:5200!important;
}

/* El usuario puede colocar el ROBOT en cualquier punto del viewport. */
#chatAssistant.user-positioned{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  max-width:none!important;
}
#chatAssistant .chat-btn{
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-user-drag:none!important;
  overscroll-behavior:none;
  will-change:transform,filter;
}
#chatAssistant .chat-btn img{
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
#chatAssistant .chat-btn:active,
#chatAssistant.bot-dragging .chat-btn{cursor:grabbing!important}
#chatAssistant.bot-dragging .chat-btn img{
  transform:translateY(-3px) scale(1.035)!important;
  filter:drop-shadow(0 14px 14px rgba(6,42,68,.24)) drop-shadow(0 0 16px rgba(54,192,255,.62))!important;
}
html.bot-is-dragging,
html.bot-is-dragging body{
  user-select:none!important;
  -webkit-user-select:none!important;
  cursor:grabbing!important;
}

/* Mensajes emergentes: breves, frecuentes y SIN botón X. */
#chatAssistant .chat-nudge{
  position:absolute;
  right:4px;
  bottom:calc(100% + 10px);
  display:flex;
  align-items:center;
  width:max-content;
  max-width:min(285px,calc(100vw - 24px));
  padding:5px;
  border:1px solid rgba(92,205,255,.28);
  border-radius:16px;
  background:rgba(7,31,49,.94);
  color:#fff;
  box-shadow:0 14px 40px rgba(3,28,46,.26),0 0 24px rgba(42,190,255,.14);
  backdrop-filter:blur(16px);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px) scale(.97);
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
  pointer-events:none;
  overflow:visible;
}
#chatAssistant .chat-nudge.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
#chatAssistant.open .chat-nudge,
#chatAssistant.bot-dragging .chat-nudge{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#chatAssistant .chat-nudge-action{
  appearance:none;
  border:0;
  background:transparent;
  color:#fff;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:7px 10px;
  font:inherit;
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  cursor:pointer;
  text-align:left;
}
#chatAssistant .chat-nudge-action span{min-width:0;overflow-wrap:anywhere}
#chatAssistant .chat-nudge-action i{
  color:#80dfff;
  filter:drop-shadow(0 0 6px rgba(68,205,255,.7));
}

/* El globo cambia de lado según dónde coloque el usuario el robot. */
#chatAssistant.dock-left .chat-nudge{left:4px;right:auto}
#chatAssistant.dock-right .chat-nudge{right:4px;left:auto}
#chatAssistant.dock-top .chat-nudge{top:calc(100% + 10px);bottom:auto}
#chatAssistant.dock-bottom .chat-nudge{bottom:calc(100% + 10px);top:auto}

/* El panel se abre donde exista más espacio disponible. */
#chatAssistant .chat-window.bot-auto-position{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
}

/* Respuesta visual sin crear un cuadrado detrás del PNG. */
#chatAssistant .chat-btn:hover img,
#chatAssistant .chat-btn:focus-visible img{
  transform:translateY(-4px) scale(1.025)!important;
  filter:drop-shadow(0 14px 14px rgba(7,48,78,.22)) drop-shadow(0 0 15px rgba(93,215,255,.58))!important;
}

@media(max-width:680px){
  #chatAssistant.user-positioned{right:auto!important;bottom:auto!important}
  #chatAssistant .chat-nudge{max-width:min(250px,calc(100vw - 18px));border-radius:14px}
  #chatAssistant .chat-nudge-action{font-size:11.5px;padding:7px 9px}
}

@media(prefers-reduced-motion:reduce){
  #chatAssistant .chat-nudge{transition:none!important}
  #chatAssistant .chat-btn,#chatAssistant .chat-btn img{transition:none!important}
}