/* Menu principal padrão do site (Imóveis, Construtoras, Financiamento, Blog, Sobre).
   Faixa fina no topo de todas as páginas, acima do cabeçalho; não é fixa, então não mexe nas barras que grudam no topo.
   No celular vira um botão "☰ Menu" que abre a lista (o botão é criado pelo js/menu-principal.js; sem JS a lista fica visível).
   CSS próprio (não depende do Tailwind compilado). */
.menu-principal{background:#030712;border-bottom:1px solid rgba(194,155,56,.22);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;position:relative;z-index:60}
.menu-principal ul{list-style:none;margin:0 auto;padding:0 16px;max-width:1280px;display:flex;justify-content:center;align-items:center;gap:6px;height:38px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.menu-principal ul::-webkit-scrollbar{display:none}
.menu-principal a{display:block;color:#CBD5E1;text-decoration:none;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:6px 12px;border-radius:9px;transition:color .15s,background .15s}
.menu-principal a:hover,.menu-principal a:focus-visible{color:#E5C06E;background:rgba(194,155,56,.10);outline:none}
.menu-principal a[aria-current="page"]{color:#E5C06E;box-shadow:inset 0 -2px 0 #C29B38;border-radius:9px 9px 0 0}
.menu-botao{display:none}
@media (max-width:640px){
  .menu-principal ul{justify-content:space-between;gap:0;height:36px;padding:0 6px}
  .menu-principal a{font-size:10.5px;padding:6px 6px;letter-spacing:.02em}
  /* Com o botão ☰: só a barra com o botão; a lista abre por cima da página, sem empurrar o conteúdo */
  .menu-principal.com-botao{height:40px}
  .menu-principal.com-botao .menu-botao{display:flex;align-items:center;gap:8px;height:40px;margin:0;padding:0 14px;background:none;border:0;color:#E5C06E;font:700 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
  .menu-principal.com-botao .menu-botao span{font-size:18px;line-height:1;letter-spacing:0}
  .menu-principal.com-botao ul{display:none;position:absolute;top:40px;left:0;right:0;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:6px 10px 10px;background:#030712;border-bottom:1px solid rgba(194,155,56,.35);box-shadow:0 14px 28px rgba(0,0,0,.45)}
  .menu-principal.com-botao.aberto ul{display:flex}
  .menu-principal.com-botao a{font-size:13px;letter-spacing:.06em;padding:13px 12px;border-radius:10px;border-bottom:1px solid rgba(255,255,255,.06)}
  .menu-principal.com-botao li:last-child a{border-bottom:0}
  .menu-principal.com-botao a[aria-current="page"]{box-shadow:inset 3px 0 0 #C29B38;border-radius:4px 10px 10px 4px;background:rgba(194,155,56,.08)}
}