:root {
    --c-purple: #55489D;
    --c-secondary: #F37053;
    --c-orange-light: #F9CBC033;
    --c-gray-600: #6E6E6E;
    --c-gray-800: #3C3C3C;
    --c-gray-500: #969696;
    --c-gray-100: #F9F9F9;
    --c-white: #FFF;
    --c-black: #000;
    --c-cyan: cyan;
    --c-purple-light: #55489D0A;
}

body {
    font-family: 'alleregular',sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: var(--c-gray-600);
}

section p {
    color: var(--c-gray-600);
    font-size: 1rem;
    line-height: 150%;
    padding: 0;
    margin-bottom: 16px;
}

section h2 {
    color: var(--c-gray-800);
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
}

section a{
    color: var(--c-purple);
}

.site-wrap {
    padding-top: 92px;
}

.container--xs-full {
    width: 100%;
}

.botao {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
    padding: 16px 0;
}

    .botao a {
        display: flex;
        font-size: 14px;
        color: var(--c-purple);
        line-height: 150%;
        gap: 8px;
        background: var(--c-white);
        padding: 8px 16px;
        border-radius: 16px;
        font-weight: 700;
        text-align: center;
        width: 163px;
        transition: linear 0.300s
    }

        .botao a:hover {
            background: var(--c-purple-light);
        }

        .botao a.botao--maisVideos {
            width: 170px;
        }

        .botao a.botao--maisNoticias {
            width: 179px;
        }

@media(min-width:960px) {
    .site-wrap {
        padding-top: 0;
    }

    section h2 {
        font-size: 24px;
    }
}

/*
    = Breadcrumbs
*/

.breadcrumbs {
    background: var(--c-white);
    padding: 10px 0 16px;
}

    .breadcrumbs ul {
        list-style: none;
        height: 24px;
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 8px;
    }

        .breadcrumbs ul li,
        .breadcrumbs ul li a {
            font-size: 12px;
            line-height: 16px;
            font-weight: 400;
        }

            .breadcrumbs ul li.atual {
                color: var(--c-secondary);
            }

/*
    = Destaque
*/

.destaque {
    background: var(--c-gray-100);
    padding: 32px 0;
}

    .destaque h2 a {
        color: var(--c-gray-800);
    }

    .destaque img {
        border-radius: 4px;
        width: 100%;
    }

    .destaque .categoria a {
        display: inline-block;
        background: var(--c-orange-light);
        color: var(--c-secondary);
        padding: 4px;
        border-radius: 4px;
        font-size: 10px;
        line-height: 16px;
        font-weight: 700;
        margin-bottom: 4px;
    }

    .destaque .resumo {
        font-size: 14px;
        margin-bottom: 8px;
    }

        .destaque .resumo a {
            color: var(--c-gray-600);
        }

@media(min-width:960px) {

    .destaque {
        padding: 40px 0;
    }

        .destaque .resumo {
            font-size: 1rem;
            margin-bottom: 8px;
        }
}

/*
    = Artigos
*/

.artigos {
    padding: 32px 0;
}

/*
    = Categorias
*/

.categorias {
    background: var(--c-white);
    padding-top: 16px;
    padding-bottom: 16px;
}

    .categorias ul.container {
        display: flex;
        gap: 8px;
        overflow: hidden;
        flex-wrap: nowrap;
    }

    .categorias a {
        display: flex;
        padding: 8px 16px 8px 8px;
        background: #55489D0A;
        border-radius: 16px;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        line-height: 150%;
        font-weight: 700;
        height: 48px;
        color:var(--c-purple);
    }

        .categorias a.sem-icone {
            padding: 13px 16px;
        }

        .categorias a .icone {
            display: block;
            width: 32px;
            height: 32px;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            margin-right: 8px;
            border-radius: 8px;
        }

        .categorias a:hover,
        .categorias a.selecionado {
            background-color: var(--c-purple);
            color: #FFF;
        }

            .categorias a:hover .icone,
            .categorias a.selecionado .icone {
                background-color: rgba(255,255,255,0.06);
            }

                .categorias a:hover .icone img,
                .categorias a.selecionado .icone img {
                    filter: grayscale(100%) brightness(0) invert(100%);
                }

@media(min-width:960px) {
    .categorias a {
        font-size: 16px;
    }
}
/*
    = Lista de Artigos
*/

.artigos .lista {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

    .artigos .lista article {
        width: calc(97% / 2);
    }

        .artigos .lista article h2 {
            font-size: 12px;
            line-height: 16px;
        }

            .artigos .lista article h2 a {
                color: var(--c-gray-800);
            }

        .artigos .lista article .thumbnail {
            border-radius: 4px;
            width: 100%;
            height: 126px;
            display: block;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            margin-bottom: 8px;
            border:1px solid #EFEFEF;
        }

        .artigos .lista article .categoria {
            margin-bottom: 0;
        }

            .artigos .lista article .categoria a {
                display: inline-block;
                background: var(--c-orange-light);
                color: var(--c-secondary);
                padding: 4px;
                border-radius: 4px;
                font-size: 10px;
                line-height: 16px;
                font-weight: 700;
                margin-bottom: 4px;
            }

        .artigos .lista article .resumo {
            font-size: 10px;
            color: var(--c-gray-500);
        }

@media(min-width:960px) {
    .artigos .lista {
        gap: 16px;
    }

        .artigos .lista article {
            width: calc(97% / 3);
        }

            .artigos .lista article h2 {
                font-size: 16px;
                margin-bottom: 16px;
            }

            .artigos .lista article .resumo {
                font-size: 12px;
            }

            .artigos .lista article .thumbnail {
                height: 288px;
            }

            .artigos .lista article h2 {
                font-size: 16px;
                margin-bottom: 16px;
            }

}
/*
    = Lista de Videos
*/

.videos .lista {
    display: flex;
    gap: 8px;
}

    .videos .lista article {
        width: calc(100% / 2);
    }

        .videos .lista article h2 {
            font-size: 12px;
            line-height: 16px;
        }

            .videos .lista article h2 a {
                color: var(--c-gray-800);
            }

        .videos .lista article .thumbnail {
            border-radius: 4px;
            width: 100%;
            height: 126px;
            display: block;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            margin-bottom: 8px;
        }

        .videos .lista article .categoria {
            margin-bottom: 0;
        }

            .videos .lista article .categoria a {
                display: inline-block;
                background: var(--c-orange-light);
                color: var(--c-secondary);
                padding: 4px;
                border-radius: 4px;
                font-size: 10px;
                line-height: 16px;
                font-weight: 700;
                margin-bottom: 4px;
            }

        .videos .lista article .resumo {
            font-size: 10px;
            color: var(--c-gray-500);
        }

@media(min-width:960px) {
    .videos .lista article {
        width: calc(100% / 3);
    }
        .videos .lista article h2 {
            font-size: 18px;
            line-height: 140%;
        }

}

/*
    = Lista de Notícias
*/
.institucional {
    padding: 32px 0;
}

    .institucional h2 {
        margin-bottom: 32px;
    }

    .institucional .lista {
        display: flex;
        gap: 8px;
        flex-direction: column;
    }

        .institucional .lista article {
            width: 100%;
            display: flex;
            gap: 8px;
            margin-bottom: 16px;
        }

            .institucional .lista article h2 {
                font-size: 12px;
                line-height: 16px;
                margin-bottom: 8px;
            }

                .institucional .lista article h2 a {
                    color: var(--c-gray-800);
                }

            .institucional .lista article p {
                font-size: 12px;
                line-height: 16px;
                margin-bottom: 8px;
            }

            .institucional .lista article a.ler-mais {
                font-size: 12px;
                line-height: 16px;
                color: var(--c-purple);
                display: flex;
                align-items: center;
                font-weight: 700;
            }

                .institucional .lista article a.ler-mais img {
                    transform: scale(0.7);
                }

            .institucional .lista article .resumo {
                width: 70%;
            }

            .institucional .lista article .thumbnail {
                border-radius: 4px;
                width: 25%;
                height: 88px;
                display: block;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                margin-bottom: 8px;
            }

            .institucional .lista article .categoria {
                margin-bottom: 0;
            }

                .institucional .lista article .categoria a {
                    display: inline-block;
                    background: var(--c-orange-light);
                    color: var(--c-secondary);
                    padding: 4px;
                    border-radius: 4px;
                    font-size: 10px;
                    line-height: 16px;
                    font-weight: 700;
                    margin-bottom: 4px;
                }


@media(min-width:960px) {
    .institucional .lista article {
        width: calc(100% / 3);
    }

    .institucional .lista {
        flex-direction: row;
    }

        .institucional .lista article {
            width: calc(100% / 2);
        }

            .institucional .lista article .thumbnail {
                height: 168px;
                width: 30%;
            }

            .institucional .lista article h2 {
                font-size: 18px;
                line-height: 150%;
                margin-bottom: 8px;
            }

                .institucional .lista article h2 a {
                    color: var(--c-gray-800);
                }

            .institucional .lista article p {
                font-size: 12px;
                line-height: 16px;
                margin-bottom: 8px;
            }

            .institucional .lista article a.ler-mais {
                font-size: 12px;
                line-height: 16px;
                color: var(--c-purple);
                display: flex;
                align-items: center;
                font-weight: 700;
            }

                .institucional .lista article a.ler-mais img {
                    transform: scale(0.7);
                }

            .institucional .lista article .resumo {
                padding:16px 8px;
            }
}