/* Identidade do Instituto Vanessa Bicaco: branco, taupe do nome e o dourado do monograma. */
:root {
  --porcelana: #ffffff;
  --seda: #f7f3ee;
  --linha: #e9e0d4;
  --taupe: #c4b29a;
  --taupe-texto: #7a6753;
  --ouro-claro: #dcb983;
  --ouro: #a47a45;
  --ouro-escuro: #7b5830;
  --cafe: #3b2f25;
  --erro: #a23b2a;
  --ok: #4f6b3a;
  --display: 'Marcellus', 'Cormorant Garamond', Georgia, serif;
  --texto: 'Jost', 'Helvetica Neue', Arial, sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--porcelana);
  color: var(--cafe);
  font-family: var(--texto);
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
}
img { max-width: 100%; display: block; }
a { color: var(--ouro-escuro); }
:focus-visible { outline: 2px solid var(--ouro); outline-offset: 3px; border-radius: 4px; }
h1, h2, h3 { font-family: var(--display); font-weight: 400; color: var(--cafe); margin: 0; letter-spacing: 0.01em; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.botao {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 24px; border-radius: 999px; border: 1px solid transparent;
  font: 500 15px/1 var(--texto); letter-spacing: 0.02em; text-decoration: none; cursor: pointer;
  background: linear-gradient(135deg, var(--ouro-claro), var(--ouro) 55%, var(--ouro-escuro));
  color: #fff;
}
.botao:hover { filter: brightness(1.05); }
.botao.secundario { background: transparent; color: var(--ouro-escuro); border-color: var(--taupe); }
.botao:disabled { opacity: 0.5; cursor: default; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}