/*LISTAS*/
.title {display: block; font-family: 'Newsreader';}
.title:hover {text-decoration: underline}

.desk-mid .cartola a {color: #fff !important}

.cartola,
.cartola a {position: relative; font-weight: 600}

.dst-mob .title {margin: 5px 0 0 0; color: #fff; font-weight: bold; font-size: 22px; line-height: 24px; display: block}
.dst-mob .image {display: block; line-height: 0}
.dst-mob .image .img {width: 100%; height: auto}
.dst-mob .info.dados {width: calc(100% - 20px); position: absolute; bottom: 10px; left: 10px; z-index: 2}
.dst-mob .info.gradient {pointer-events: none}

.sidebar_lista.lst-main {margin-bottom: 25px}

.dst-mob .description,
.lst-main .description,
.sidebar_lista.lst-main .description {display: none}

.lst-main .title,
.sidebar_lista.lst-main .title {display: block; font-size: 21px; line-height: 25px; margin: 6px 0 9px 0; color: #202124; font-weight: 600}

.lst-main .info,
.sidebar_lista.lst-main .list-item .info {width: calc(100% - 90px); float: right; position: relative}

.lst-main .info:before,
.sidebar_lista.lst-main .list-item .info:before {left: 0; bottom: -2px}

.lst-main .image,
.sidebar_lista.lst-main .list-item .image {width: 80px; height: 80px; float: left; display: block; margin: 0 10px 0 0; position: relative; overflow: hidden}

.lst-main .image .img,
.sidebar_lista.lst-main .image .img {max-width: initial; width: 144px; height: 80px; position: absolute; top: 0; left: calc(50% - 72px)}

.sidebar_lista.lst-main.com_img .list-item {min-height: inherit}

.lst-main.data .info {line-height: 0}
.lst-main.data .cartola {display: inline-block}
.lst-main.data .cartola.data:before { content: "\00a0" }
.lst-main.data .cartola.data:after { content: "\00a0-\00a0\00a0" }

.sidebar_lista.com_pos .list-item .out {display: flex; align-items: center; padding: 25px 0; border-bottom: 1px solid #d6d7ea;}
.sidebar_lista.com_pos .list-item .posicao {font-weight: 700; position: relative; font-family: 'Newsreader'; width: 50px;font-size: 30px; margin: 0 10px 0 0; text-align: center}
.sidebar_lista.com_pos .list-item .posicao:before {width: 25px; height: 5px; bottom: -5px; left: 14px; display: block; background: #ffcc33; content: ""; clip-path: polygon(3% 0%,100% 0,97% 100%,0% 100%); position: absolute}
.sidebar_lista.com_pos .list-item .title {font-weight: 500; font-size: 20px; line-height: 22px; border: 0; padding: 0; margin: 0;}

.sidebar_lista.com_pos .list-item:last-child .out {border: 0; padding-bottom: 0}
.sidebar_lista.com_pos .list-item .info:before {display: none}

.desk-mid .title:before,
.lst-full .cartola:before,
.lst-min .description:before,
.lst-main .info:before {width: 70px; height: 5px; display: block; background: #ffcc33; content: ""; clip-path: polygon(3% 0%,100% 0,97% 100%,0% 100%); position: absolute; }

.desk-mid .title:before {display: none}
.desk-mid .title.title-min:before {bottom: -24px}

.lst-full .cartola:before {top: -13px; left: calc(50% - 35px)}
.lst-full .title {font-size: 25px; color: #202124; font-weight: 700}

.lst-min .title {margin-bottom: 5px; font-size: 24px; line-height: 26px; color: #202124; font-weight: 500}
.lst-min .description {font-size: 14px; color: #5d6266}
.lst-min .description:before {bottom: -27px; left: 1.5rem}
.lst-min .description.no-bf:before {display: none;}

@media (min-width: 768px)
{  
    .desk-mid .gradient {display: none}
    .desk-mid .info.dados {width: 100%; margin-top: 15px; position: relative; left: 0; bottom: 0}
    .desk-mid .title {font-size: 30px; line-height: 32px; color: #202124; font-weight: 700; margin-top: 8px}
    .desk-mid .title:before {display: block; bottom: -14px; left: 0}
    .desk-mid .title.title-min {font-size: 25px; line-height: 28px}
    .desk-mid .cartola a {color: #575861 !important}
    
    .lst-full .title {font-size: 40px}
    
    .lst-main .info {width: calc(100% - 280px); float: right}
    .lst-main .image {width: 260px; height: 146px; float: left; display: block; margin: 0 20px 0 0; position: relative; overflow: hidden}
    .lst-main .image .img {width: 100%; height: auto; position: initial; top: initial; left: initial; float: left}
    .lst-main .title {font-size: 31px; line-height: 33px; margin: 8px 0 0 0; font-weight: 500}
    
    .lst-main.com_img .list-item {min-height: auto}
}
@media (min-width: 992px)
{             
    .lst-main .description {display: block; margin: 2px 0 10px 0; color: #5d6266; font-size: 16px}
}
/*FIM LISTAS*/