.site.grid-container{
    padding: 0 24px;
}

main.site-main{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 48px;
}

.site-main article.cliente{
    width: calc(33% - 24px);
}

.site-main article.cliente:last-child,
.site-main article.cliente:nth-last-child(2){
    /*width: calc(50% - 24px);*/
}

.site-main article.cliente .client-portfolio:after{
    border-radius: 16px;
}

.site-main article.cliente:hover .client-portfolio:after{
    background-image: linear-gradient(180deg, rgba(80, 63, 224, 0.00) 50.5%, rgba(80, 63, 224, 0.64) 75%)
}

.archive .menu-bar-items button.gb-button {
    color: var(--white);
    border-color: var(--white);
}

.broobe-background-figure:after {
    content: "";
    background-image: url('../img/right-border.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: inherit;
    pointer-events: none;
}
.client-portfolio h4 a:after {
    content: "";
    position: absolute;
    inset: 0;
}

span.new-client {
    font-weight: 700;
    color: var(--white);
    z-index: 10;
    text-align: right;
    width: 100%;
}

.client-portfolio:has(.new-portfolio-item){
    justify-content: space-between;
}

.client-portfolio:has(.new-client) {
    justify-content: space-between;
}

@media (max-width: 1024px){
    .site-main article.cliente{
        width: 100%!important;
    }
    main.site-main{
        padding: 16px;
    }
    .site.grid-container{
        padding: 0;
    }
}