: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%;
}

@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);
            }

/*
    = Artigos
*/

.artigos {
    padding: 32px 0;
}

    .artigos header {
        margin-bottom:32px;
    }

    .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;
                }
    
    }