/* Onde Está o Lucro — base visual das páginas internas (obrigado, privacidade).
   Mesmas cores, fontes, cabeçalho e rodapé da landing (index.html).
   As fontes ficam em fonts.css: carregue os dois arquivos. */

:root {
  --verde: #17322C;        /* principal, botões, títulos */
  --texto: #33463F;        /* texto corrido */
  --cinza-verde: #55675F;  /* texto secundário */
  --cinza-claro: #B9C7C1;  /* texto sobre fundo escuro */
  --ambar: #F2A93B;        /* destaque, com moderação; nunca sob texto branco */
  --ambar-suave: #FCEBCF;
  --gelo: #F6F7F4;         /* fundo */
  --branco: #FFFFFF;
  --borda: #D9E0DD;
  --raio: 14px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--gelo);
  color: var(--verde);
  font-family: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 17px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 { font-family: "Bricolage Grotesque", sans-serif; font-optical-sizing: auto; }

a { color: var(--verde); text-underline-offset: 3px; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--ambar); outline-offset: 3px; border-radius: 6px; }

.wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.wrap--estreito { max-width: 680px; }
@media (max-width: 480px) { .wrap { padding: 0 16px; } }

/* Cabeçalho igual ao da landing */
.topo { border-bottom: 1px solid var(--borda); background: var(--gelo); }
.topo .wrap { display: flex; align-items: center; height: 72px; }
.topo img { display: block; height: 56px; width: auto; margin-left: -8px; }

/* Rodapé igual ao da landing */
.rodape { background: var(--verde); color: var(--cinza-claro); padding: 32px 0; font-size: 14px; margin-top: 56px; }
.rodape .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.rodape img { display: block; height: 50px; width: auto; margin-left: -6px; }
.rodape nav { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.rodape a { color: var(--cinza-claro); }