/* ==========================================================================
   NetInBox Hotéis — Janela de atendimento (iframe do app)

   A FOLGA DAS BORDAS É DAQUI. O quadro fica afastado da quina da tela e a
   janela, lá dentro, preenche ele — assim o topo nunca sai da tela. O canto
   de baixo passa a ser da janela; o "voltar ao topo" sobe um degrau.

   Fechado, o quadro é só o botão redondo. Aberto, cresce até o tamanho da
   janela, sempre respeitando o que cabe na tela (o calc desconta a folga dos
   dois lados).
   ========================================================================== */
.nb-conversa {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 9000;
  width: 76px;
  height: 76px;
  border: 0;
  background: transparent;
  color-scheme: light;
  transition: width .22s cubic-bezier(.22, 1, .36, 1), height .22s cubic-bezier(.22, 1, .36, 1);
}
.nb-conversa.aberta {
  width: 396px;
  height: 640px;
  max-width: calc(100vw - 56px);
  max-height: calc(100vh - 56px);
}
.back-to-top { bottom: 112px; }

@media (max-width: 575.98px) {
  .nb-conversa { right: 14px; bottom: 14px; }
  .nb-conversa.aberta {
    width: calc(100vw - 28px);
    height: calc(100dvh - 28px);
    max-height: calc(100dvh - 28px);
  }
  .back-to-top { bottom: 96px; }
}
@media (prefers-reduced-motion: reduce) {
  .nb-conversa { transition: none; }
}