.conteudo{
   padding: 1rem;
   display: flex;
   flex-direction: column;
   align-self: flex-start;
}

.conteudo > h1{
   display: block;
   align-self: flex-start;
   padding: 5px;
   margin: 1rem 0;
   font-size: 2rem;
   font-weight: bolder;
   border-left: 5px solid #F2BB77;
}

.noticias{
   width: 100%;
   margin: 2rem 0;
   display: flex;
   cursor: pointer;
}

.noticias:hover :is(.titulo-noticias>h2){
   color: #F2BB77;
}

.imagem-noticias{
   width: 30%;
}

.imagem-noticias > img{
   width: 100%;
   transition: all 0.2s;
   border-radius: 5px;
}

.imagem-noticias > img:hover , .noticias:hover :is(.imagem-noticias > img){
   width: 100%;
   transform: scale(1.01);
   box-shadow: 1px 5px 7px rgba(0, 0, 0, 0.267);
}

.texto-noticias{
   width: 70%;
   margin-left: 2rem;
   display: flex;
   flex-direction: column;
   
}

.tipo-noticias{
   display: flex;
   align-content: center;
}

.tipo-noticias > p{
   background-color: #F2BB77;
   padding: 4px 10px;
   font-size: 1rem;
   border-radius: 3px;
   border-right: 10px solid #F26F63;
}

.titulo-noticias > h2{
   font-size: 1.8rem;
   margin-top: 2rem;
}

@media screen and (max-width: 999px) {
   
   .noticias{
      padding-bottom: 1rem;
      flex-direction: column;
      position: relative;
      border-bottom: 1px solid #F2BB77;
   }

   .imagem-noticias{
      width: 100%;
      align-self: center;
   }

   .tipo-noticias{
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
   }

   .texto-noticias{
      width: 100%;
      margin: 0;
      display: block;
   }

   .titulo-noticias > h2{
      margin-top: 1rem;
   }

}