/* Estilo base das páginas legais (privacidade, termos, entrega).
   Visual sóbrio e legível. Reaproveita paleta da landing. */

:root{
  --principal:#006B2A;
  --principal-deep:#003D1A;
  --acento:#D4AF37;
  --off-white:#fafaf5;
  --cinza-claro:#f0ede5;
  --escuro:#0a0a0a;
  --texto:#333;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.7;
  color:var(--texto);
  background:var(--off-white);
  -webkit-font-smoothing:antialiased;
}

.topo{
  background:linear-gradient(135deg,var(--principal-deep),var(--principal));
  color:#fff;
  padding:60px 0 40px;
  border-bottom:4px solid var(--acento);
}
.topo .container{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.topo a.voltar{
  color:rgba(255,255,255,.85);text-decoration:none;
  font-size:.9rem;font-weight:600;
  display:inline-flex;align-items:center;gap:8px;
}
.topo a.voltar:hover{color:#fff}
.topo h1{
  font-family:'Anton',sans-serif;
  font-size:clamp(2rem,5vw,3.4rem);
  text-transform:uppercase;
  letter-spacing:-.5px;
  margin-top:18px;
  width:100%;
}

.container{max-width:820px;margin:0 auto;padding:0 24px}

.conteudo{padding:60px 0 80px}
.conteudo .container{max-width:780px}

.atualizado{
  background:var(--cinza-claro);
  border-left:4px solid var(--acento);
  padding:14px 20px;
  border-radius:6px;
  font-size:.92rem;
  color:var(--principal-deep);
  margin-bottom:40px;
}

.conteudo h2{
  font-family:'Anton',sans-serif;
  font-size:1.6rem;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:var(--principal-deep);
  margin:40px 0 16px;
  padding-bottom:8px;
  border-bottom:2px solid var(--acento);
}
.conteudo h2:first-of-type{margin-top:0}
.conteudo h3{
  font-size:1.1rem;
  font-weight:700;
  color:var(--principal-deep);
  margin:24px 0 10px;
}
.conteudo p{margin-bottom:14px}
.conteudo ul,.conteudo ol{margin:10px 0 18px 24px}
.conteudo li{margin-bottom:8px}
.conteudo strong{color:var(--escuro);font-weight:700}
.conteudo a{color:var(--principal);font-weight:600;text-decoration:underline}
.conteudo a:hover{color:var(--principal-deep)}

.aviso{
  background:#fff8e1;
  border:1px solid #f0d77a;
  border-radius:10px;
  padding:18px 22px;
  margin:24px 0;
  font-size:.95rem;
}
.aviso strong{color:#7a5a00}

.rodape{
  background:var(--escuro);color:rgba(255,255,255,.6);
  padding:30px 0;font-size:.85rem;text-align:center;
}
.rodape a{color:var(--acento)}

@media (max-width:640px){
  .topo{padding:40px 0 28px}
  .conteudo{padding:40px 0 60px}
}