/*
 * chat-aviso.css — Espinaltech
 * SOLO el globo que anuncia el chatbot. Va aparte para no tocar chatbot.css,
 * que es un componente cerrado y no debe modificarse.
 */
.cb-nudge{
  position:fixed; right:98px; bottom:34px; z-index:9998;
  max-width:250px; padding:15px 17px 15px 18px;
  background:#fff; color:#111820;
  font-family:'Inter',system-ui,sans-serif;
  border-radius:13px; cursor:pointer;
  box-shadow:0 16px 40px -14px rgba(0,0,0,.5);
  opacity:0; transform:translateY(8px) scale(.97);
  transition:opacity .28s ease, transform .28s cubic-bezier(.22,.92,.43,1);
  pointer-events:none;
}
.cb-nudge-show{opacity:1; transform:none; pointer-events:auto}
.cb-nudge::after{
  content:''; position:absolute; right:-6px; bottom:22px;
  width:13px; height:13px; background:#fff; transform:rotate(45deg);
}
.cb-nudge b{display:block; font:700 15px/1.25 'Inter',system-ui,sans-serif; margin-bottom:3px}
.cb-nudge span{display:block; font:400 13.5px/1.45 'Inter',system-ui,sans-serif; color:#4a5563}
.cb-nudge-x{
  position:absolute; top:5px; right:8px;
  background:none; border:0; cursor:pointer;
  font:400 18px/1 'Inter',system-ui,sans-serif; color:#9aa4b2; padding:2px 4px;
}
.cb-nudge-x:hover{color:#111820}
@media(max-width:600px){
  .cb-nudge{right:16px; bottom:92px; max-width:calc(100vw - 32px)}
  .cb-nudge::after{right:26px; bottom:-6px}
}
@media(prefers-reduced-motion:reduce){.cb-nudge{transition:opacity .2s}}