/* Páginas públicas do Marques CRM (política, termos, exclusão de dados).
   Claras de propósito: quem chega aqui está procurando informação e muitas vezes
   vem de um link dentro do Facebook ou do Instagram, onde fundo escuro em texto
   longo cansa. A identidade fica na tipografia, não no fundo. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&display=swap');

:root{
  --texto:#22201c; --fraco:#6b675f; --linha:#e4e2dc; --fundo:#f7f6f3;
  --destaque:#22201c;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Montserrat','Segoe UI',system-ui,sans-serif;background:var(--fundo);
     color:var(--texto);font-size:15px;line-height:1.75;letter-spacing:.01em;
     padding:40px 20px}
main{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--linha);
     border-radius:10px;padding:44px 48px}
.marca{font-size:11px;letter-spacing:.18em;text-transform:lowercase;
       color:var(--fraco);margin-bottom:26px}
h1{font-size:26px;font-weight:300;letter-spacing:-.01em;line-height:1.3;
   margin-bottom:6px}
h2{font-size:15px;font-weight:600;letter-spacing:.01em;margin:30px 0 8px}
.data{font-size:12px;color:var(--fraco);margin-bottom:28px;
      padding-bottom:20px;border-bottom:1px solid var(--linha)}
p{margin-bottom:14px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:7px}
strong{font-weight:600}
a{color:var(--destaque);text-decoration:underline;text-underline-offset:2px}
a:hover{opacity:.7}
.rodape{margin-top:36px;padding-top:20px;border-top:1px solid var(--linha);
        font-size:12px;color:var(--fraco)}

@media (max-width:640px){
  body{padding:20px 14px;font-size:14px}
  main{padding:28px 22px}
  h1{font-size:22px}
}