/* A POLÍTICA DE PRIVACIDADE (16/09): página pública, exigida pela ficha da
   Play Store. Ela é lida por três públicos diferentes -- o revisor do Google,
   o motorista e quem cuidar de LGPD na MMarra --, então o desenho é de
   DOCUMENTO: uma coluna, medida de linha curta, hierarquia por tamanho.

   Paleta e variáveis são as do painel, copiadas aqui em vez de importadas: a
   página tem que abrir sozinha, em qualquer rede, sem depender de outro css. */

:root {
    --pagina-a: #0d3a5c;
    --pagina-b: #07090c;
    --cartao: #0E1F35;
    --linha: #1B3350;
    --texto: #F2F6FB;
    --texto-2: #C4D2E2;
    --texto-3: #8296AD;
    --acento: #4EA3F5;
    --ambar: #F0A24B;
    --ambar-fundo: rgba(194, 98, 10, .18);
}

* { box-sizing: border-box; }

body {
    margin: 0;
    padding: 32px 20px 64px;
    background: linear-gradient(160deg, var(--pagina-a), var(--pagina-b) 60%) fixed;
    color: var(--texto-2);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    font-size: 15px;
    line-height: 1.65;
}

main {
    max-width: 760px;       /* ~85 caracteres por linha: medida de leitura */
    margin: 0 auto;
    background: var(--cartao);
    border: 1px solid var(--linha);
    border-radius: 14px;
    padding: 40px 38px;
}

header { text-align: center; border-bottom: 1px solid var(--linha); padding-bottom: 24px; }
header img { width: 108px; height: auto; }
h1 { color: var(--texto); font-size: 25px; margin: 14px 0 6px; }
header p { color: var(--texto-3); font-size: 13.5px; margin: 0; }

h2 {
    color: var(--texto);
    font-size: 17px;
    margin: 34px 0 10px;
    padding-top: 18px;
    border-top: 1px solid var(--linha);
}
h2:first-of-type { border-top: 0; }
h3 { color: var(--acento); font-size: 14.5px; margin: 22px 0 6px; }

p, li { margin: 9px 0; }
ul { padding-left: 22px; }
strong { color: var(--texto); }
a { color: var(--acento); }

table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14px; }
th, td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--linha); vertical-align: top; }
th { color: var(--texto); font-weight: 600; }

/* O que a MMarra precisa preencher antes de publicar. É gritante de propósito:
   documento legal com dado inventado é pior que documento faltando. */
.preencher {
    background: var(--ambar-fundo);
    border: 1px dashed var(--ambar);
    border-radius: 8px;
    padding: 2px 7px;
    color: var(--ambar);
    font-weight: 600;
}

footer { margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--linha);
         color: var(--texto-3); font-size: 13px; text-align: center; }

@media (max-width: 560px) {
    body { padding: 16px 12px 48px; }
    main { padding: 26px 20px; border-radius: 12px; }
    h1 { font-size: 21px; }
}