/* Botão do Portal no cabeçalho do site (includes/class-site.php).
   Quem decide computador x celular é o próprio Astra (esconde #ast-desktop-header ou #ast-mobile-header):
   aqui só se escolhe o botão de cada cabeçalho. Cor e forma do botão do portal (#c73e28, contraste AA). */
.imobi-portal-topo {
  display: none;
  align-items: center;
  gap: 8px;
  background: #c73e28;
  color: #fff !important;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  padding: 11px 16px;
  border-radius: 8px;
  white-space: nowrap;
}
.imobi-portal-topo:hover { background: #a9341f; }
.imobi-portal-topo:focus-visible { outline: 2px solid #125e91; outline-offset: 2px; }
.imobi-portal-topo svg { flex: none; }
.imobi-portal-topo .ipt-curto { display: none; }

/* Computador: no canto direito livre. A coluna do site tem 1040 px e o menu termina perto de
   (largura / 2 + 455) px — medido no site em 30/10/2026 (scratchpad: botao/simular.mjs). */
#ast-desktop-header .ast-primary-header-bar { position: relative; }
#ast-desktop-header .imobi-portal-topo--canto {
  display: inline-flex;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
/* nome inteiro só onde sobra espaço; no meio, "Portal"; computador estreito, só o ícone */
@media (max-width: 1759px) {
  #ast-desktop-header .imobi-portal-topo--canto .ipt-longo { display: none; }
  #ast-desktop-header .imobi-portal-topo--canto .ipt-curto { display: inline; }
}
@media (max-width: 1279px) {
  #ast-desktop-header .imobi-portal-topo--canto { right: 12px; padding: 11px; }
  #ast-desktop-header .imobi-portal-topo--canto .ipt-curto { display: none; }
}
/* Abaixo de 1080 px a coluna ocupa a tela toda e o menu chega na borda: o botão vira uma aba logo abaixo
   do cabeçalho, no canto direito — sem mexer no menu do site (apertar o menu fazia ele quebrar em duas linhas). */
@media (max-width: 1079px) {
  #ast-desktop-header .imobi-portal-topo--canto {
    top: 100%;
    transform: none;
    z-index: 50;
    padding: 9px 14px;
    border-radius: 0 0 8px 8px;
  }
  #ast-desktop-header .imobi-portal-topo--canto .ipt-curto { display: inline; }
}

/* Celular e tablet: ao lado do botão do menu. */
#ast-mobile-header .imobi-portal-topo--celular { display: inline-flex; margin-right: 12px; padding: 9px 12px; }
#ast-mobile-header .imobi-portal-topo--celular .ipt-longo { display: none; }
#ast-mobile-header .imobi-portal-topo--celular .ipt-curto { display: inline; }