/* Common Css */

.new__editorias__list,
.new__editorias__list--bottom {
    margin: 0;
    padding: 0;
    list-style: none;
}

.new__editorias__content .new__editorias--spotlight-item a div .home__title,
.new__editorias__content .new__editorias--spotlight-item a div .home__title:hover  {
    font-size: 26px;
    line-height: 32px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
}

.new__editorias__content .new__editorias--spotlight-item .home__category::before,
.new__editorias__content .new__editorias__list__item--bottom:first-child::after ,
.new__editorias__content .new__editorias__list__item a span + .home__title__label,
.new__editorias__content .new__editorias--spotlight-item span + h3:before,
.new__editorias__content .new__editorias--spotlight-item .home__category::after,
.new__editorias__content .new__editorias--spotlight-item .home__branded__content + .new__editorias--spotlight-item a:hover h3:before,
.new__editorias__content .new__editorias__list__item--bottom:first-child .home__title::before  {
    display: none;
}

.new__editorias--spotlight-item img,
.new__editorias--spotlight-item picture {
    display: block;
    width: 100%;
    height: 367px;
    position: relative;
}

.new__editorias__list__item .home__title__label,
.new__editorias__list__item--bottom .home__title__label {
    display: flex;
    float: left;
    margin-right: 6px;
    font-weight: 700;
    line-height: 24px;
    font-size: 16px;
}

.new__editorias__list__item--bottom .home__title,
.new__editorias__list__item--bottom a {
    margin: 0;
}

.new__editorias--spotlight-item img,
.new__editorias--spotlight-item picture,
.new__editorias--spotlight-item a,
.new__editorias__list__item picture,
.new__editorias__list__item picture img,
.new__editorias--spotlight-item:hover img,
.new__editorias__list__item a:hover img {
    border-radius: 4px;
    object-fit: cover;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.new__editorias__list--bottom .home__title,
.new__editorias__list__item .home__title {
    font-weight: 700;
    color:var(--clr-cnn-grey-4);
    font-size: 18px;
    line-height: 24px;
}

/* /// */

.new__editorias__content .new__editorias--spotlight-item {
    padding-right: 20px;
}

.new__editorias--spotlight-item a {
    display: block;
    position: relative;
    height: fit-content;
    overflow: hidden;
}

.new__editorias--spotlight-item a:hover h3:before {
    width:100%;
}

.new__editorias--spotlight-item picture::after {
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(180deg, #171821 3.61%, rgba(23, 24, 33, 0) 84.26%);
    border-radius: 4px 4px 0px 0px;
    transform: rotate(-180deg);
    width: 100%;
    height: 50%;
    bottom: 0;
}

.new__editorias--spotlight-item a div {
    position: absolute;
    bottom: 0;
    margin: 13px 32px 24px;
}

.new__editorias--spotlight-item a h3:before {
    content:'';
    display: block;
    width:151px;
    height:6px;
    border-radius: 6px;
    background: var(--clr-cnn);
    margin-bottom: 8px;
    transition-duration: .5s;
}

.new__editorias__content .new__editorias--second-itens {
    padding-left: 20px;
}

.new__editorias__list__item:last-child a {
    margin-bottom: 0;
}

.new__editorias__list__item a {
    display: flex;
    gap: 16px;
    margin-bottom: 48px;
    align-items: flex-start;
    overflow: hidden;
    cursor: pointer;
}

.new__editorias__list__item picture {
    display: block;
    width: 100%;
    height: 91px;
    object-fit: cover;
    max-width: 144px;
}

.new__editorias__list__item picture img {
    display: block;
    width: 100%;
    height: 91px;
    min-width: 139px;
    object-fit: cover;
}

.new__editorias__list__item .branded__tag {
    margin-bottom: 3px;
}

.new__editorias__list__item .home__title {
    margin: 0px;
}

.new__editorias--spotlight-item .branded__tag + .home__title {
    margin-top: 4px !important;
}

/* bottom */

.new__editorias__bottom__content {
    margin-top: 24px;
}

.new__editorias__list--bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 100%;
    gap: 40px;
}

.new__editorias__list__item--bottom {
    position: relative;
}

.new__editorias__list__item--bottom.branded__content .home__title {
    margin-top: 30px;
}

.new__editorias__list__item--bottom.branded__content .branded__tag {
    position: absolute;
    top: 0;
}

.new__editorias__list__item--bottom .home__title::before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: var(--clr-cnn);
    top: 0px;
    bottom: 0;
    left: -20px;
}

.new__editorias__content .brandend__content a:hover .home__title {
    color: var(--clr-cnn);
}

.new__editorias__content .brandend__content .home__title {
    margin-top: 3px;
}

@media (max-width: 991px) {
    .new__editorias__content .new__editorias--spotlight-item {
        margin-bottom: 24px;
    }

    .new__editorias__content .new__editorias--second-itens,
    .new__editorias__content .new__editorias--spotlight-item {
        width: 100%;
        padding: 0;
    }
    
    .new__editorias__list--bottom {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
    }
    
    .new__editorias__list__item picture {
        min-width: 139px;
    }
}

@media (max-width: 768px){

    .new__editorias__content .new__editorias--spotlight-item a div .home__title, .new__editorias__content .new__editorias--spotlight-item a div .home__title:hover  {
        color: #282828;
        font-size: 18px;
        line-height: 22px;
    }

    .new__editorias--spotlight-item img, .new__editorias--spotlight-item picture {
        width: 100%;
        height: auto;
        overflow: hidden;
        max-height: 367px;
    }

    .new__editorias__content .new__editorias__list--bottom {
        display: block;
    }

    .new__editorias__content .new__editorias__list__item--bottom {
        width: 100%;
        margin-bottom: 32px;
    }

    .new__editorias__content .new__editorias__list__item--bottom:last-child{
        margin-bottom: 0;
    }

    body section.new__editorias {
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px #E6E6E6 solid;
    }

    body section.new__editorias .row {
        margin: 0;
    }

    .new__editorias__content .new__editorias__content {
        display: block;
    }

    .new__editorias__content .new__editorias--spotlight-item {
        min-width: unset;
        max-width: unset;
        width: 100%;
    }

    .new__editorias__content .new__editorias__list__item {
        margin-bottom: 32px;
    }

    .new__editorias__list__item a {
        align-items: center;
    }

    .new__editorias__content .new__editorias--spotlight-item a + a {
        position: unset;
    }

    .new__editorias__content .new__editorias--spotlight-item a + a .home__title {
        color: #282828;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.5px;
    }

    .new__editorias__content .new__editorias__list__item--bottom::after {
        display: none;
    }

    .new__editorias__content .new__editorias__list__item .home__title__label {
        margin: 0;
        float: none;
    }

    .new__editorias__content .new__editorias__list__item .home__title {
        font-size: 16px;
        color: #282828;
        font-weight: 500;
        line-height: 24px;
    }
    
    .new__editorias__content .new__editorias--spotlight-item picture::after,
    .new__editorias__content .new__editorias--spotlight-item a h3:before {
        display: none;
    }

    .new__editorias__content .new__editorias--spotlight-item a div .home__title {
        font-weight: 700;
        color: #282828;
        margin: 8px 0px 0px;
    }

    .new__editorias--spotlight-item .branded__tag {
        margin-top: 8px;
    }

    .new__editorias--spotlight-item a div {
        position: unset;
        margin: 0;
    }

    .new__editorias__content .new__editorias__list__item--bottom.branded__content .branded__tag {
        margin: 0 0 6px;
        position: unset;
    }

    .new__editorias__content .new__editorias__list__item--bottom.branded__content .home__title {
        margin: 0;
    }

    .new__editorias__bottom__content {
        padding-left: 10px;
    }

    .new__editorias__content .new__editorias__list__item--bottom:first-child .home__title::before {
        display: block;
    }

    .new__editorias__content .new__editorias__list__item--bottom .home__title::before {
        height: auto;
        left: -9px;
    }
    .new__editorias__content .brandend__content .home__title {
        color: #282828;
    }
}

@media (max-width: 480px) {
    .new__editorias--spotlight-item img, .new__editorias--spotlight-item picture {
        max-height: 185px;
    }

    .new__editorias__list__item a {
        margin-bottom: 24px;
    }

}

.new__editorias .branded__content a:hover .home__title {
    color: #CC0000;
}

/* Variações Before */
.nacional .new__editorias--spotlight-item a h3:before, 
.nacional .new__editorias__list__item--bottom .home__title::before {
    background: var(--clr-nacional);
}

.entretenimento .new__editorias--spotlight-item a h3:before, 
.entretenimento .new__editorias__list__item--bottom .home__title::before {
    background: var(--clr-entretenimento); 
}

.esporte .new__editorias--spotlight-item a h3:before, 
.esporte .new__editorias__list__item--bottom .home__title::before {
    background: var(--clr-esporte); 
} 
    
.internacional .new__editorias--spotlight-item a h3:before, 
.internacional .new__editorias__list__item--bottom .home__title::before { 
    background: var(--clr-internacional); 
}

.business .new__editorias--spotlight-item a h3:before, 
.business .new__editorias__list__item--bottom .home__title::before { 
    background: var(--clr-business);
}

.saude .new__editorias--spotlight-item a h3:before, 
.saude .new__editorias__list__item--bottom .home__title::before { 
    background: var(--clr-saude); 
}

.tecnologia .new__editorias--spotlight-item a h3:before, 
.tecnologia .new__editorias__list__item--bottom .home__title::before {
    background: var(--clr-tecnologia); 
}

.estilo .new__editorias--spotlight-item a h3:before, 
.estilo .new__editorias__list__item--bottom .home__title::before {
    background: var(--clr-estilo);
}

.viagem .new__editorias--spotlight-item a h3:before, 
.viagem .new__editorias__list__item--bottom .home__title::before { 
    background: var(--clr-viagem); 
}

.politica .new__editorias--spotlight-item a h3:before, 
.politica .new__editorias__list__item--bottom .home__title::before { 
    background: var(--clr-politica);
}

.soft .new__editorias--spotlight-item a h3:before, 
.soft .new__editorias__list__item--bottom .home__title::before { 
    background: var(--clr-soft); 
}