/* Estilo automático para a página: politica-de-privacidade */

/* Página de texto: breadcrumb + título + conteúdo do editor, em coluna centralizada */
#politica {
    padding: 60px 0 80px;

    .breadcrumb-politica {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-bottom: 16px;

        li {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        li,
        a {
            color: var(--Primrias-Azul);
            font-family: "Fredoka", sans-serif;
            font-size: 16px;
        }

        a:hover {
            color: var(--Primrias-Vermelho);
        }

        .destaque {
            font-weight: 600;
        }

        svg {
            width: 20px;
            height: 20px;
        }
    }

    .titulo-politica {
        margin-bottom: 32px;
        color: var(--Primrias-Azul);
        font-family: "Fredoka", sans-serif;
        font-size: 32px;
        font-weight: 600;
        line-height: 1.15;
        text-transform: uppercase;
    }

    /* Conteúdo vindo do editor do WordPress */
    .conteudo-politica {
        color: var(--Neutros-Cinza);
        font-size: 16px;
        line-height: 1.6;

        > * + * {
            margin-top: 24px;
        }

        p{
            color: var(--Neutros-Cinza, #646464);
            font-family: "Fredoka", sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px; /* 150% */
        }

        h2,
        h3,
        h4 {
            color: var(--Primrias-Azul);
            font-family: "Fredoka", sans-serif;
            font-weight: 600;
            line-height: 1.2;
            text-align: left;
            text-transform: none;
            letter-spacing: 0;
        }

        h2 { font-size: 24px; }
        h3 { font-size: 20px; margin-bottom: 0; }
        h4 { font-size: 18px; }

        strong {
            color: var(--Primrias-Azul);
        }

        a {
            color: var(--Primrias-Azul);
            text-decoration: underline;

            &:hover {
                color: var(--Primrias-Vermelho);
            }
        }

        ul,
        ol {
            padding-left: 24px;
        }

        ul { list-style: disc; }
        ol { list-style: decimal; }

        li + li {
            margin-top: 6px;
        }

        /* Linha horizontal do editor = linha cinza do layout */
        hr,
        .wp-block-separator {
            margin: 40px 0;
            border: 0;
            border-top: 3px solid #E5E5E5;
            opacity: 1;
        }
    }

    @media (max-width: 768px) {
        padding: 40px 0 60px;

        .titulo-politica {
            font-size: 24px;
        }

        .conteudo-politica {
            font-size: 15px;
        }
    }
}