/* ============================================================
   PAGINAS INSTITUCIONAIS -- Politica de Privacidade e Termos de Uso
   Pipee Funnel -- Tryon Brasil (10095)
   ============================================================ */

.institucional-topo {
    padding: 20px 24px; /* BUSCA: INSTITUCIONAL-TOPO-PADDING */
    text-align: center;
    background: var(--cor-fundo-secao); /* BUSCA: INSTITUCIONAL-TOPO-FUNDO */
}

.institucional-marca {
    font-family: var(--fonte-titulo);
    font-size: 20px; /* BUSCA: INSTITUCIONAL-MARCA-TAMANHO */
    font-weight: 600;
    color: var(--cor-primaria-escura);
    text-decoration: none;
}

.institucional-corpo {
    background: var(--cor-fundo-secao); /* BUSCA: INSTITUCIONAL-FUNDO */
    max-width: 720px; /* BUSCA: INSTITUCIONAL-LARGURA-MAX -- largura de leitura, texto juridico longo */
    margin: 0 auto;
    padding: 40px 24px 64px; /* BUSCA: INSTITUCIONAL-PADDING-NORMAL */
}

.institucional-voltar {
    display: inline-block;
    font-family: var(--fonte-corpo);
    font-size: 13px; /* BUSCA: INSTITUCIONAL-VOLTAR-TAMANHO */
    color: var(--cor-primaria);
    text-decoration: none;
    margin-bottom: 20px; /* BUSCA: INSTITUCIONAL-VOLTAR-ESPACO */
}

.institucional-corpo h1 {
    font-family: var(--fonte-titulo);
    font-size: 36px; /* BUSCA: INSTITUCIONAL-TITULO-TAMANHO-NORMAL */
    font-weight: 500;
    color: var(--cor-primaria-escura);
    line-height: 1.2;
    margin: 0 0 28px; /* BUSCA: INSTITUCIONAL-TITULO-ESPACO */
}

.institucional-corpo h2 {
    font-family: var(--fonte-titulo);
    font-size: 20px; /* BUSCA: INSTITUCIONAL-SUBTITULO-TAMANHO-NORMAL */
    font-weight: 500;
    color: var(--cor-primaria-escura);
    margin: 32px 0 12px; /* BUSCA: INSTITUCIONAL-SUBTITULO-ESPACO */
}

.institucional-corpo p {
    font-family: var(--fonte-corpo);
    font-size: 15px; /* BUSCA: INSTITUCIONAL-TEXTO-TAMANHO-NORMAL */
    color: var(--cor-texto-claro);
    line-height: 1.7;
    margin: 0 0 20px; /* BUSCA: INSTITUCIONAL-TEXTO-ESPACO */
}

@media (max-width: 680px) {
    .institucional-corpo { padding: 32px 20px 48px; } /* BUSCA: INSTITUCIONAL-PADDING-MOBILE */
    .institucional-corpo h1 { font-size: 28px; } /* BUSCA: INSTITUCIONAL-TITULO-TAMANHO-MOBILE */
    .institucional-corpo h2 { font-size: 18px; } /* BUSCA: INSTITUCIONAL-SUBTITULO-TAMANHO-MOBILE */
    .institucional-corpo p { font-size: 14.5px; } /* BUSCA: INSTITUCIONAL-TEXTO-TAMANHO-MOBILE */
}