/* Política de privacidade (gerador/paginas/politica.py). Só esta página carrega este arquivo, e só ela usa o b.artigo.
   O texto longo usa a tipografia dos posts (gz-artigo__corpo) e as tabelas de globalize-paginas.css; aqui ficam o respiro das
   tabelas, o primeiro título sem a margem de cima e as tabelas no celular. */

/* as duas tabelas começavam coladas no parágrafo de cima */
body.gz.gz-pg-politica-de-privacidade .gzs-artigo table { margin: 20px 0 28px; }
/* o primeiro título somava a margem dele ao respiro da seção */
body.gz.gz-pg-politica-de-privacidade .gzs-artigo h2:first-child { margin-top: 0; }

/* No celular, quatro colunas não cabem em 327 px: cada linha vira um bloco, e cada célula mostra o nome da coluna (data-r),
   como as tabelas das páginas de vendas e de logística. */
@media (max-width: 600px) {
  body.gz.gz-pg-politica-de-privacidade .gzs-artigo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  body.gz.gz-pg-politica-de-privacidade .gzs-artigo tr { display: grid; gap: 4px; padding: 14px 0; border-bottom: 1px solid #D5DCE4; }
  body.gz.gz-pg-politica-de-privacidade .gzs-artigo td { border: 0; padding: 0; }
  body.gz.gz-pg-politica-de-privacidade .gzs-artigo td:first-child { font-weight: 600; color: var(--gz-titulo); }
  body.gz.gz-pg-politica-de-privacidade .gzs-artigo td[data-r]::before {
    content: attr(data-r); display: block; font: 600 12px/1.3 var(--gz-fonte); color: #5B6270; }
}