/* ===========================================================================
   POLÍTICA DE PRIVACIDADE: TEXTO À ESQUERDA E O SUMÁRIO FIXO À DIREITA
   (A PARTIR DE 992px). ABAIXO, O SUMÁRIO VEM ANTES DO TEXTO (ORDEM DO HTML).
   =========================================================================== */

.politica {
    padding-bottom: 120px;
}

.politica__lado,
.politica__texto {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 15px;
}

/* SUMÁRIO: CAIXA DE BORDA CINZA, COMO OS CARTÕES DO FALE CONOSCO. GRUDA ABAIXO
   DA BARRA DO MENU (QUE TAMBÉM GRUDA) ENQUANTO O TEXTO ROLA. */
.politica__sumario {
    margin-bottom: 50px;
    padding: 30px;
    border: 2px solid #ededed;
}

.politica__sumario-titulo {
    margin-bottom: 15px;
    color: var(--titulo);
    font-family: var(--fonte-titulo);
    font-size: 18px;
    font-weight: 700;
}

.politica__sumario ol {
    list-style: none;
}

.politica__sumario li + li {
    margin-top: 10px;
}

.politica__sumario a {
    position: relative;
    display: block;
    padding-left: 15px;
    font-weight: 600;
    line-height: 1.4;
}

.politica__sumario a::before {
    content: '';
    position: absolute;
    top: .55em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: var(--verde);
}

/* TEXTO: CADA SEÇÃO COM O TÍTULO DE FIO VERDE À ESQUERDA. A ÂNCORA PARA ABAIXO DA
   BARRA DO MENU GRUDADA. */
.politica__secao + .politica__secao {
    margin-top: 45px;
}

.politica__secao {
    scroll-margin-top: 130px;
}

.politica__titulo {
    margin-bottom: 20px;
    padding-left: 10px;
    border-left: 2px solid var(--verde);
    font-size: 22px;
    font-weight: 600;
}

.politica__secao p:last-child {
    margin-bottom: 0;
}

.politica__lista {
    margin-bottom: 1.5em;
}

.politica__lista li {
    position: relative;
    padding-left: 22px;
}

.politica__lista li + li {
    margin-top: 12px;
}

.politica__lista li::before {
    content: '';
    position: absolute;
    top: .75em;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: var(--verde);
}

/* TIPOS DE COOKIE: BLOCOS CLAROS EM DUAS COLUNAS (UMA ABAIXO DE 768px). */
.politica__tipos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.politica__tipos li {
    padding: 20px 25px;
    background-color: var(--fundo-claro);
}

.politica__tipos strong {
    display: block;
    margin-bottom: 8px;
    color: var(--titulo);
    font-family: var(--fonte-titulo);
    font-weight: 600;
    line-height: 1.4;
}

.politica__tipos p {
    font-size: 15px;
}

.politica__vigencia {
    color: var(--titulo);
}

/* FECHO: CONVITE AO CONTATO NUMA FAIXA CLARA COM O BOTÃO À DIREITA. */
.politica__duvida {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 50px;
    padding: 30px;
    border-left: 4px solid var(--verde);
    background-color: var(--fundo-claro);
}

.politica__duvida p {
    margin: 0;
}

.politica__duvida strong {
    color: var(--titulo);
}

@media (min-width: 992px) {
    .politica__lado { order: 2; width: 33.33333333%; }
    .politica__texto { width: 66.66666667%; }
    .politica__sumario { position: sticky; top: 130px; margin-bottom: 0; }
}

@media (max-width: 767px) {
    .politica__tipos { grid-template-columns: 1fr; }
    .politica__sumario,
    .politica__duvida { padding: 25px 20px; }
    .politica__titulo { font-size: 20px; }
}