#listagem {
    padding: 100px 0;
}

#listagem .container {
    align-items: flex-start;
}

.listagem-categorias {
    box-shadow: -8px 8px 24px rgba(44, 77, 55, 0.16);
    border-radius: 10px;
    flex-basis: 269px;

    margin-right: 32px;
}

.listagem-categorias-block > h4 {
    font-size: 18px;
    color: var(--green-primary);
    padding: 32px 0 16px 32px;
    border-bottom: 1px solid #BFD1C8;
}

.listagem-categorias-list li {
    font-family: "Exo 2";
    margin: 16px 0 16px 32px;
}

.listagem-categorias-list li:hover {
    color: rgb(87, 87, 87);
}

.listagem-noticias {
    flex-basis: 870px;
}

.listagem-noticias-head {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.listagem-noticias-sort-title {
    margin-right: 16px;
}

.listagem-noticias-sort select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    background-image: url("../../../images/svgs/select-arrow-2.svg");
    background-repeat: no-repeat;
    background-position-x: 87%;
    background-position-y: 50%;

    border: 1px solid #B1B9B5;
    border-radius: 2px;
    box-sizing: border-box;

    padding: 6px 16px;
}

.listagem-noticias-sort select {
    width: 158px;
}

.listagem-noticias-main {
    margin-bottom: 52px;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fit, 264px);
    grid-auto-flow: row;
    justify-content: left;
    padding-bottom: 30px;
    gap: 32px
}

.listagem-noticias-foot {
    justify-content: space-between;
    align-items: center;
}

.listagem-noticias-foot {
    justify-content: space-between;
    align-items: center;
}

.clickable{
    cursor: pointer;
}
label, a{
    transition: 0.3s padding ease;
}
label.active, a.active{
    font-weight: bold;
    color: var(--green-primary);
    padding-left: 5px;
    transition: 0.3s padding ease;
    border-left: 2px solid #5EA881;
}