/* =========================================================================
   BONNA MASSA / páginas de documento (privacidade e termos)
   -------------------------------------------------------------------------
   Folha separada da do site por um motivo prático: a landing é uma página de
   venda, com grade, animação de entrada e tipografia de display. Estas duas
   são texto corrido para ler — e carregar 20 KB de CSS de vitrine para
   mostrar dez parágrafos seria peso sem função.

   A Bauhaus 93 NÃO entra aqui. A licença é do cliente e vale para a marca na
   landing; num documento jurídico a fonte de título não acrescenta nada e a
   exposição não se justifica.
   ========================================================================= */
:root{
  --laranja:#FE7E01; --laranja-esc:#B04E00; --carvao:#17120C;
  --creme:#FBF2E2; --papel:#FFFBF3; --linha:#E2CFAE;
  --tinta:#241C13; --tinta-2:#6E5B44;
}
*{box-sizing:border-box}
html,body{margin:0; padding:0}
body{
  font-family:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--creme); color:var(--tinta); line-height:1.62;
  font-size:1rem;
}

.doc{
  max-width:46rem; margin:0 auto;
  padding:clamp(1.15rem,4vw,3rem) clamp(1.15rem,4vw,2rem) clamp(3rem,7vw,5rem);
}

.doc__topo{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; flex-wrap:wrap; margin-bottom:clamp(1.8rem,5vw,3rem);
}
.doc__topo img{width:min(150px,40vw); height:auto; display:block}
.doc__voltar{
  color:var(--laranja-esc); font-weight:700; text-decoration:none;
  font-size:.95rem; border-bottom:1.5px solid rgba(176,78,0,.35); padding-bottom:1px;
}
.doc__voltar:hover{border-bottom-color:var(--laranja-esc)}

.doc h1{
  font-size:clamp(1.9rem,5.5vw,2.7rem); line-height:1.1; font-weight:800;
  margin:0 0 .5rem; letter-spacing:-.015em;
}
.doc__data{color:var(--tinta-2); font-size:.9rem; margin:0 0 2.2rem}

.doc h2{
  font-size:clamp(1.12rem,2.6vw,1.3rem); font-weight:800; line-height:1.25;
  margin:2.4rem 0 .6rem; letter-spacing:-.01em;
}
.doc p{margin:0 0 1.05rem}
.doc ul{margin:0 0 1.05rem; padding-left:1.15rem}
.doc li{margin-bottom:.45rem}
.doc a{color:var(--laranja-esc); text-decoration:underline; text-underline-offset:2px}

/* O quadro de identificação: quem responde pelo site, em caixa, porque é a
   informação que a LGPD manda deixar fácil de achar. */
.doc__quadro{
  background:var(--papel); border:1px solid var(--linha); border-radius:14px;
  padding:clamp(1rem,3vw,1.5rem); margin:0 0 1.6rem;
}
.doc__quadro p{margin:0 0 .35rem; font-size:.95rem}
.doc__quadro p:last-child{margin-bottom:0}

.doc__pe{
  margin-top:clamp(2.6rem,6vw,4rem); padding-top:1.3rem;
  border-top:1px solid var(--linha); color:var(--tinta-2); font-size:.88rem;
}
.doc__pe a{color:var(--laranja-esc)}

@media print{
  body{background:#fff}
  .doc__voltar{display:none}
}