main{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.conteudo-noticia{
	width: 100%;
    padding: 50px 0;
    background-color: #fff;
    border-bottom-left-radius: 50px;
    box-shadow: 1px 1px 14px 0px rgba(0, 0, 0, 0.08);
    margin-top: 10px;
}	
.conteudo-noticia .container{
    justify-content: center;
    gap: 50px;
}
.conteudo-noticia .texto{
	width: 100%;
	margin: auto;
    word-break: break-word;
}
.conteudo-noticia .texto ul{
    list-style: inside;
}
.conteudo-noticia .texto ol{
    list-style-position: inside;
}
/* feito pelo back */
.conteudo-noticia div.texto h2 {
    font-weight: bold;
}
.conteudo-noticia .texto ul,
.conteudo-noticia .texto ol,
.conteudo-noticia div.texto p {
    padding: 10px 0 0;
}
.conteudo-noticia div.texto span,
.conteudo-noticia div.texto li,
.conteudo-noticia div.texto p,
.conteudo-noticia div.texto a{
    font-size: 23px;
}


.relacionados{
	width: 100%;
    padding: 50px 0;
}
.relacionados .container{
    gap: 30px;
}
.relacionados .container .titulo{
    width: 100%;
    display: flex;
    justify-content: center;
}
.relacionados .container .titulo h2.title{
    text-align: center;
}
.relacionados .relacionados-div{
	display: flex;
    gap: 25px;
    justify-content: center;
}
.relacionados .box{
    max-width: 489px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    align-content: flex-start; 
	background-color: #fff;
    border-bottom-left-radius: 30px;
    box-shadow: 1px 1px 14px 0px rgba(0, 0, 0, 0.08);
}
.relacionados .box .img,
.relacionados .box .img img{
    width: 100%;
    max-height: 290px;
    object-fit: cover;
    overflow: hidden;
    transition: transform .3s;
}
.relacionados .box:hover .img img{
	transform: scale(1.2);
	transition: transform .3s;
}
.relacionados .box .texto{
	display: flex;
	align-items: center;
    width: 100%;
    padding: 20px 20px 100px 20px;
	gap: 10px;
    background-color: #fff;
    border-bottom-left-radius: 30px;
}
.relacionados .box .texto h5{
	width: 100%;
	font-size: 28px;
	font-weight: 700;
	color: var(--primaria);
}
.relacionados .box .texto p{
	width: 100%;
	font-size: 20px;
	color: #222222;
	overflow: hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 5; 
	-webkit-box-orient: vertical; 
}
.relacionados .box .texto a{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 270px;
	width: 100%;
	height: 60px;
	margin: auto auto 0;
	background-color: var(--cor-1);
	border-radius: 5px;
	font-size: 23px;
	font-weight: 600;
	color: #fff;
	position: absolute;
	bottom: 20px;
	transition: ease .3s
}
.relacionados .box:hover .texto a{
	background-color: var(--primaria);
	transition: ease .3s
}



/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){

}

@media screen and (max-width: 1440px){
	
}

@media screen and (max-width: 1366px){

}

@media screen and (max-width: 1280px){
	.relacionados .relacionados-div{
        flex-wrap: wrap;
    }
    .relacionados .relacionados-div .box{
        max-width: 48%;
    }
}


@media screen and (max-width: 1100px){
   
}

@media screen and (max-width: 800px){
    .relacionados .relacionados-div .box{
        max-width: 450px;
    }

    .conteudo-noticia .container{
        padding: 0 15px;
    }
}

@media screen and (max-width: 600px){
    .relacionados .topo{
        flex-direction: column;
    }
}

@media screen and (max-width: 500px){
    
}

@media screen and (max-width: 375px){

}