/* Palavra Viva: tokens e peças comuns (vendas, entrar, área) */
:root {
  --noite: #0e0b08;
  --noite-2: #17120d;
  --noite-3: #221a12;
  --pergaminho: #efe6d4;
  --pergaminho-2: #e4d8bf;
  --tinta: #2a2016;
  --tinta-apoio: #6b5a45;
  --texto: #f5efe4;
  --apoio: #c4b8a6;
  --fraco: #8c8070;
  --linha: rgba(245, 239, 228, .1);
  --linha-tinta: rgba(42, 32, 22, .14);
  --ouro: #d4a24c;
  --ouro-claro: #e9c47a;
  --ouro-escuro: #9a6f24;
  --ouro-fundo: rgba(212, 162, 76, .14);
  --verde: #6fbf8e;
  --erro: #e8806f;
  --raio: 14px;
  --serifa: 'Cinzel', Georgia, serif;
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mola: cubic-bezier(.22, 1, .36, 1);
  --lateral: 16px;
}
@media (min-width: 768px) { :root { --lateral: 32px; } }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; background: var(--noite); }
body { background: var(--noite); color: var(--texto); font: 400 16px/1.6 var(--sans); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input { font: inherit; }
:focus-visible { outline: 2px solid var(--ouro); outline-offset: 3px; border-radius: 6px; }
b, strong { font-weight: 700; }
.ouro { color: var(--ouro-claro); }

.marca { font: 700 18px/1 var(--serifa); letter-spacing: .06em; text-decoration: none; color: var(--texto); }
.marca span { color: var(--ouro); }

/* Botões: padding horizontal = 2× o vertical; um primário por bloco */
.botao { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 14px 28px; border: 0; border-radius: 12px; font: 700 16px/1.2 var(--sans); text-decoration: none; text-align: center; cursor: pointer; touch-action: manipulation; transition: transform .16s var(--mola), box-shadow .16s, background .16s, opacity .16s; }
.botao.ouro { background: linear-gradient(180deg, var(--ouro-claro), var(--ouro)); color: #1c1308; box-shadow: 0 10px 30px -14px rgba(212, 162, 76, .7); }
.botao.ouro:hover { transform: translateY(-2px); box-shadow: 0 16px 36px -14px rgba(212, 162, 76, .8); }
.botao.ouro:active { transform: translateY(0) scale(.98); }
.botao.fantasma { background: rgba(245, 239, 228, .08); color: var(--texto); border: 1px solid var(--linha); }
.botao.fantasma:hover { background: rgba(245, 239, 228, .14); }
.botao:disabled, .botao[aria-disabled="true"] { opacity: .55; cursor: not-allowed; transform: none; box-shadow: none; }
.botao.carregando { opacity: .8; cursor: progress; }
.botao .seta { width: 18px; height: 18px; transition: transform .16s var(--mola); }
.botao:hover .seta { transform: translateX(3px); }

/* Entrada ao rolar: sobe com fade, uma vez */
.revelar { opacity: 0; transform: translateY(16px); transition: opacity .6s var(--mola), transform .6s var(--mola); }
.revelar.visivel { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .revelar { opacity: 1; transform: none; transition: none; }
  * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Aviso de cookies */
.cookies { position: fixed; left: 8px; right: 8px; bottom: 8px; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 600px; margin: 0 auto; padding: 10px 10px 10px 16px; border-radius: 14px; background: rgba(23, 18, 13, .94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid var(--linha); box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .8); font-size: 14px; color: var(--apoio); }
.cookies a { color: var(--texto); }
.cookies div { display: flex; flex: none; gap: 8px; }
.cookies .botao { min-height: 44px; padding: 10px 16px; font-size: 14px; }
@media (max-width: 480px) { .cookies { flex-direction: column; align-items: stretch; } .cookies div > * { flex: 1; } }