/* ==========================================================
   Botão "Início" no cabeçalho das páginas internas.
   Volta para a home do site. Arquivo compartilhado entre as páginas.
   ========================================================== */
.homeBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(128, 128, 128, .4);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  flex: none;
  transition: border-color .15s, background-color .15s;
}

.homeBtn:hover {
  border-color: currentColor;
  background: rgba(128, 128, 128, .08);
}

.homeBtn svg {
  width: 18px;
  height: 18px;
  flex: none;
}

/* Cabeçalho sem outros botões (obrigado, privacidade): vai para a direita */
.homeBtn--solo {
  margin-left: auto;
}

/* Celular: só o ícone, do tamanho dos botões redondos */
@media (max-width: 600px) {
  .homeBtn {
    width: 44px;
    padding: 0;
  }

  .homeBtn span {
    display: none;
  }
}

/* Landing de Ads: no celular o cabeçalho também tem o botão "Agendar";
   compacta a marca para os três caberem numa linha */
@media (max-width: 480px) {
  .topActions:has(.homeBtn) {
    gap: 8px;
  }

  .topbarInner:has(.topActions .homeBtn) .brand small {
    display: none;
  }

  .topbarInner:has(.topActions .homeBtn) .brand strong {
    font-size: 15px;
    line-height: 1.15;
  }
}