/**
 * Balão de contato (Suporte) - canto inferior direito
 * Carregado no portal para garantir visibilidade sem depender do build Tailwind
 */
#ef-contact {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  pointer-events: none;
}
#ef-contact > * {
  pointer-events: auto;
}
.ef-contact-baloon,
#ef-contact .ef-contact-baloon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 9999px;
  background-color: #e11d48;
  color: #fff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: background-color 0.2s, transform 0.2s;
  text-decoration: none;
}
.ef-contact-baloon:hover,
#ef-contact .ef-contact-baloon:hover {
  background-color: #be123c;
  transform: scale(1.05);
}
.ef-contact-baloon:focus,
#ef-contact .ef-contact-baloon:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e11d48;
}
html.dark .ef-contact-baloon:focus,
html.dark #ef-contact .ef-contact-baloon:focus {
  box-shadow: 0 0 0 2px #0f172a, 0 0 0 4px #e11d48;
}
#ef-contact .ef-contact-baloon svg,
#ef-contact .ef-contact-baloon i[data-lucide] {
  width: 1.5rem;
  height: 1.5rem;
}