/* ============================================================
   IDENTIDADE ÚNICA DO SITE — criado em 21/08/2026.

   O problema que isto resolve: o site tinha TRÊS identidades ao
   mesmo tempo. A home usava Cormorant (declarada, nunca baixada,
   caía em Times) com dourado #c9a961 e a logo dourada. Catálogo,
   sobre e contato usavam Playfair Display + Inter Tight, acento
   #A39688 (bege acinzentado) e botão VERDE do WhatsApp. Clicar em
   "Imóveis" mudava de site sem sair do domínio.

   Este arquivo entra DEPOIS do <style> de cada página e sobrescreve
   só o que define a marca: fontes, cores, logo e botão. O layout de
   cada página fica como está, então nada de grade ou de lógica
   quebra.

   Valores medidos no site em 21/08/2026 (getComputedStyle):
     fundo   #f7f5f1   ·  texto  #1c1917
     acento  #c9a961   ·  navy   #0f1a3c

   TIPOGRAFIA: a logo escreve "PRAIA DO ROSA" numa didone (haste
   grossa, filete finíssimo). Playfair é transicional, Cormorant é
   garalda; nenhuma é a letra da marca. Bodoni Moda é didone, com
   eixo óptico variável.
   ============================================================ */
:root {
  --bg: #f7f5f1;
  --surface: #fffdfa;
  --accent: #c9a961;
  --accent-dark: #a8884a;
  --navy: #0f1a3c;
  --text: #1c1917;
  --text-muted: #57534e;
  --border: rgba(28, 25, 23, .10);
  --serif: "Bodoni Moda", Didot, "Times New Roman", serif;
  --sans: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-weight: 300;
}

/* didone pede entrelinha fechada e tracking suave: com tracking
   agressivo demais as hastes finas desaparecem no display */
h1, h2, h3, .serif {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.016em;
  line-height: 1.06;
  text-wrap: balance;
}

/* A LOGO. Estava escrita como texto ("IGOR BABOLIN imobiliária") em
   todas estas páginas, enquanto a home mostra a logo dourada. O HTML
   agora traz um <img class="logo-img">; a regra abaixo dá o tamanho e
   o comportamento igual ao da home. */
.logo-img {
  height: 62px;
  width: auto;
  display: block;
}
@media (max-width: 900px) { .logo-img { height: 46px; } }

/* O botão era VERDE #25D366, a cor do WhatsApp, numa marca que é
   dourada. Num imóvel de milhões isso lê como widget colado, não
   como marca. */
.btn-wpp,
.btn-wpp-full,
a.btn-wpp {
  background: var(--accent) !important;
  color: #17130c !important;
  font-family: var(--sans);
  font-weight: 500;
  transition: background .3s, transform .3s, box-shadow .3s;
}
.btn-wpp:hover,
.btn-wpp-full:hover,
a.btn-wpp:hover {
  background: var(--accent-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(201, 169, 97, .34);
}

/* O menu saía com MARCADORES DE LISTA nestas páginas (bolinha antes de
   Imóveis, Sobre, Contato), enquanto na home é uma linha limpa. Era um
   <ul> sem reset. */
header nav ul, header .nav ul, .nav ul, header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 26px;
  align-items: center;
}
header nav ul li, .nav ul li { margin: 0; padding: 0; list-style: none; }
.nav ul a, header nav a {
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  transition: border-color .3s, color .3s;
}
.nav ul a:hover, header nav a:hover { border-color: var(--accent); color: var(--accent-dark); }
@media (max-width: 760px) { header nav ul, .nav ul { gap: 16px; } }

/* rótulos em caixa alta ganham o dourado escuro, que passa no
   contraste de corpo (o dourado claro só serve em peça grande) */
.tipo-tag, .rot, .eyebrow, .label-sup { color: var(--accent-dark); }

/* rodapé no navy da home, no lugar do cinza de cada página */
footer, .site-footer { background: var(--navy); color: rgba(255,255,255,.62); }
footer a:hover, .site-footer a:hover { color: var(--accent); }
footer h4, .site-footer h4 {
  font-family: var(--sans);
  font-size: .64rem;
  font-weight: 500;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--accent);
}

::selection { background: rgba(201, 169, 97, .25); }