/* ============================================================
   Apollo Car — páginas institucionais (Política / Termos)
   Tema claro, harmonizado com a landing (Claude Design)
   Fontes: Manrope (texto) + Space Grotesk (títulos)
   ============================================================ */
:root {
  --ouro: #f6b500;
  --ouro-escuro: #c89400;
  --ouro-fundo: #fdf3d4;
  --tinta: #15151c;
  --cinza: #5c5f6a;
  --cinza-claro: #f5f5f3;
  --borda: #e6e6e2;
  --branco: #ffffff;
  --max: 1120px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  color: var(--tinta);
  background: var(--branco);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.container { max-width: var(--max); margin: 0 auto; padding: 0 22px; }

/* Cabeçalho */
.topo {
  position: sticky; top: 0; z-index: 40; background: rgba(255,255,255,.9);
  backdrop-filter: blur(10px); border-bottom: 1px solid var(--borda);
}
.topo__row { display: flex; align-items: center; justify-content: space-between; height: 74px; gap: 20px; }
.logo { display: inline-flex; align-items: center; }
.logo img { height: 40px; width: auto; }
.nav { display: flex; align-items: center; gap: 26px; }
.nav a { color: var(--cinza); font-weight: 600; font-size: .95rem; transition: color .15s; }
.nav a:hover { color: var(--ouro-escuro); }

/* Botão (CTA WhatsApp — dourado, igual à landing) */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-weight: 700; font-size: .95rem; padding: 11px 20px; border-radius: 12px;
  border: 2px solid transparent; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; white-space: nowrap;
}
.btn--zap { background: var(--ouro); color: var(--tinta); box-shadow: 0 8px 20px rgba(246,181,0,.32); }
.btn--zap:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(246,181,0,.42); }

/* Documento (política / termos) */
.doc { max-width: 840px; margin: 0 auto; padding: 64px 22px 72px; }
.doc h1 { font-family: 'Space Grotesk', 'Manrope', sans-serif; font-size: clamp(1.9rem, 4vw, 2.5rem); font-weight: 700; letter-spacing: -.01em; margin-bottom: .3em; }
.doc h2 { font-family: 'Space Grotesk', 'Manrope', sans-serif; font-size: 1.28rem; font-weight: 600; color: var(--tinta); margin: 40px 0 10px; }
.doc p, .doc li { color: #3a3d47; margin-bottom: 1em; }
.doc ul { padding-left: 22px; margin-bottom: 1em; }
.doc li { margin-bottom: .5em; }
.doc a { color: var(--ouro-escuro); font-weight: 600; }
.doc a:hover { text-decoration: underline; }
.doc strong { color: var(--tinta); }
.atualizado { color: var(--cinza); font-size: .92rem; margin-bottom: 34px !important; }
.aviso-legal {
  background: var(--ouro-fundo); border: 1px solid #f0dfa0; border-radius: 14px;
  padding: 18px 20px; font-size: .92rem; color: #574717; margin-top: 8px;
}
.voltar { display: inline-block; margin-top: 34px; color: var(--ouro-escuro); font-weight: 700; }
.voltar:hover { text-decoration: underline; }

/* Rodapé (escuro, como na landing) */
.rodape { background: var(--tinta); color: #b9bcc6; margin-top: 20px; padding: 28px 0; }
.rodape__base { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; font-size: .88rem; }
.rodape a { color: var(--ouro); font-weight: 600; }
.rodape a:hover { text-decoration: underline; }

@media (max-width: 620px) {
  .nav { display: none; }
  .doc { padding-top: 44px; }
}