/* ===========================================================================
   institucional.css — páginas de texto jurídico (Política de Privacidade, Termos de Uso).
   Faixa de topo = .topo-banner (style.css); aqui só o texto: títulos de seção, listas e respiro.
   =========================================================================== */
.pagina-conteudo {
    padding: 90px 0;
}

.pagina-texto {
    display: flex;
    flex-direction: column;
    gap: 40px;
    line-height: 1.8;
    color: var(--cor-texto-suave);
}

.pagina-texto p,
.pagina-texto ul { margin: 0; }

.pagina-texto__intro {
    padding-bottom: 25px;
    border-bottom: 1px solid #ededed;
    font-size: 20px;
    line-height: 1.6;
    color: #1a1a1a;
}

.pagina-texto__atualizado {
    font-size: 14px;
    color: var(--cor-texto-suave);
}

.pagina-texto section {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.pagina-texto h2 {
    margin: 0;
    font-size: 28px;
    color: var(--cor-site-1);
}

.pagina-texto ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 22px;
}

.pagina-texto li::marker { color: var(--cor-site-2); }

.pagina-texto a {
    font-weight: 500;
    color: var(--cor-site-1);
    text-decoration: underline;
}

.pagina-texto strong { color: #1a1a1a; }

@media (max-width: 767px) {
    .pagina-conteudo { padding: 60px 0; }
    .pagina-texto h2 { font-size: 24px; }
    .pagina-texto__intro { font-size: 18px; }
}