/* ===== Aviso de Privacidade — documento de leitura corrida ===== */

/* Header navy institucional, idêntico ao index e à tela de validação.
   Necessário porque o header padrão de common.css é branco, e o logo_claro
   da marca é a versão para fundo escuro — sobre fundo branco ele some. */
header {
    background: var(--marca-primaria);
    border-bottom: 1px solid #E2E8F0;
}

.logo-img {
    max-height: 40px;
    width: auto;
    display: block;
}

body {
    background: #F4F6F8;
}

/* ===== Documento ===== */

.doc {
    max-width: 47.5rem;
    margin: 2rem auto 0;
    padding: 2.5rem 3rem 3rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #334155;
    font-size: .95rem;
    line-height: 1.75;
}

.doc h1 {
    font-size: 1.6rem;
    color: var(--marca-primaria);
    margin: 0 0 .35rem;
}

.doc .subtitulo {
    margin: 0 0 2rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e2e8f0;
    color: #64748b;
    font-size: .9rem;
}

.doc h2 {
    font-size: 1.08rem;
    color: #0f172a;
    margin: 2.25rem 0 .6rem;
}

.doc p,
.doc ul {
    margin: 0 0 1rem;
}

.doc ul {
    padding-left: 1.4rem;
}

.doc li {
    margin-bottom: .4rem;
}

.doc a {
    color: #1d4ed8;
}

.doc code {
    background: #f1f5f9;
    border-radius: 3px;
    padding: .1rem .35rem;
    font-size: .9em;
}

/* Destaque para a regra de exclusão — é a informação que o titular mais
   procura ao abrir esta página. */
.doc .destaque {
    background: #f8fafc;
    border-left: 3px solid var(--marca-destaque);
    border-radius: 0 6px 6px 0;
    padding: .9rem 1.2rem;
    margin: 0 0 1rem;
}

@media (max-width: 768px) {
    .doc {
        margin-top: 1rem;
        padding: 1.75rem 1.35rem 2rem;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
}
