.filters .filter-link {
    font-size: 14px;
    color: var(--clr-dark-paragraph);
    background-color: rgba(0, 0, 0, .15);
    width: fit-content;
    font-weight: 500;
    border-radius: 16px;
    padding: .3rem .7rem;

    &.active {
        color: var(--white);
        background-color: var(--clr1);
    }
}

/* Página com listagens */
.listing .content {
    padding: 2rem 1rem 4rem;

    .results .items {
        --qtd-col-items-template: 3;
        --gap-items-template: 1.5rem;

        gap: calc(var(--gap-items-template) * 1.2) var(--gap-items-template);

        .item-referencia {
            width: calc((100% - (var(--gap-items-template) * (var(--qtd-col-items-template) - 1))) / var(--qtd-col-items-template));
        }
    }
}

@media (max-width: 1024px) {
    .listing .content .results .items { --qtd-col-items-template: 2; }
}

@media (max-width: 650px) {
    .filters .filter-link { font-size: 13px; }

    .listing .content .results .items {
        --qtd-col-items-template: 1;
        --gap-items-template: 1.2rem;
    }
}