/* Mascota del asistente: icono del botón y globo de saludo (asistente.js). */
.dock__btn .dock__mascota { width: 1.6rem; height: 1.6rem; margin: -.2rem 0; flex: none; }
.asis-globo {
  position: relative; display: flex; align-items: center; gap: .35rem;
  max-width: 15rem; padding: .55rem .5rem .55rem .9rem;
  background: #FFFDFB; color: #584E4D; border: 2px solid #584E4D; border-radius: 14px;
  font-size: var(--t-sm); font-weight: 600; box-shadow: var(--sh-2);
  animation: asis-globo .4s var(--ease, ease-out) both;
}
.asis-globo::after {
  content: ""; position: absolute; right: 1.6rem; bottom: -8px;
  width: 12px; height: 12px; background: #FFFDFB;
  border: solid #584E4D; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.asis-globo__x {
  min-width: 32px; min-height: 32px; padding: 0; border: 0; border-radius: 50%;
  background: transparent; color: inherit; font-size: 1.25rem; line-height: 1; cursor: pointer;
}
.asis-globo__x:focus-visible { outline: 2px solid #584E4D; outline-offset: 1px; }
.dock:not(.is-in) .asis-globo, .dock.is-foot .asis-globo { display: none; }
@keyframes asis-globo { from { opacity: 0; translate: 0 .5rem; } }
@media (prefers-reduced-motion: reduce) { .asis-globo { animation: none; } }