.header{
    position: relative;
    height: 550px;
    margin-bottom: 0;
}
.header .title{
    position: absolute;
    width: 100%;
    bottom: 180px;
}
#banner-blog{
    margin-top: 70px;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-left: 10%;
    margin-right: 10%;
    flex-wrap: wrap;
    /* margin-left: 10%;
    margin-right: 10%; */
}
        @media (max-width: 767px){
          #banner-blog{
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin: 20px auto;
            width: 100% !important;
          }
        }
/* #banner-blog h3, p{
} */
#banner-blog p{
    margin-top: 25px;
}
    @media (max-width: 767px){
      #banner-blog p{
      display: none; 
      }
    }
.item{
  width: 100%;
  height: 310px;
  display: flex;
}
@media (max-width: 767px){
  .block{
    width: 100% !important;
    max-height: 30rem !important;
  }
  .item{
    flex-direction: row !important;
  }
}
.block:nth-of-type(1){
    width: 80%;
    align-items: start;
    justify-content: start;
    max-height: 50rem;
  }
.block:nth-of-type(2){
  margin-right: 2%;
}

.block:nth-of-type(3){
  margin-left: 0;
}
.block:nth-of-type(2), .block:nth-of-type(3){
      width: 40%;
      max-height: 50rem;
      flex-direction: row;
      margin-top: 50px;
    }
.block:nth-of-type(4){
    width: 80%;
    align-items: start;
    justify-content: start;
    max-height: 50rem;
    margin-top: 50px;
}
.block:nth-of-type(4) .item{
    flex-direction: row-reverse;
}
.block:nth-of-type(4) .item .data .txt{
  justify-content: end !important;
  text-align: end !important;
  margin-right: 5%;
}
/* Para mas de un caso */

/* .block:nth-of-type(2n+3){
  margin-right: 5%;
}
.block:nth-of-type(2n+4){
  margin-left: 5%;
}
.block:nth-of-type(2n+3), .block:nth-of-type(2n+4){
      width: 40%;
      max-height: 50rem;
      flex-direction: column;
}
.block:nth-of-type(4n+3) {
    width: 80%;
    align-items: end; 
} */
.block{
  width: 100%;
  height: 100%;
  display: flex;
  /* @media (max-width: 767px){
      height: 167px;
    } */
}
#banner-blog .image-banner{
    width: 50%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    /* @media (max-width: 767px){
      width: 200px !important;
    } */
}
#banner-blog .image-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* @media (max-width: 767px){
      width: 200px !important;
    } */
}
#banner-blog .data{
    margin-top: 15px;
    margin-bottom: 15px;
    width: 40%;
    height: 100%;
    display: flex;
    align-items: start;
    justify-content: start;
    margin-left: 5%;
} 
  @media (max-width: 767px){
    #banner-blog .data{
          margin-left: 10px;
      }
  }
.button{
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 60px;
  background: #EAEAEA;
}

#news-body{
    margin-top: 3%;
    margin-bottom: 10px;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
}

#news-body h2{
    margin-bottom: 10px;
    /* text-align: center; */
    margin-left: 5px;
    margin-right: 5px;
    font-size: 60px;
}

#news-body h3{
    margin-bottom: 10px;
    /* text-align: center; */
    margin-left: 5px;
    margin-right: 5px;
    font-size: 50px;
}
@media (max-width: 767px){
  #news-body h2{
    font-size: 45px;
  }
  #news-body h3{
    font-size: 35px;
  }
}

#news-body p{
    /* text-align: center; */
    font-size: 20px;
    margin-left: 10%;
    margin-right: 10%;
}

#news-body .description_post .description{
    width: 100%;
}

#news-body .news_module_image_container{
  width: 100%;
  height: unset;
  display: flex;
  flex-direction: row;
  gap: 2rem;
}

#news-body .news_module_image_container:nth-of-type(1n+2){
  flex-direction: row-reverse;
}

#news-body .news_module_image_container:nth-of-type(1n+1){
  flex-direction: row;
}

@media(max-width: 768px){
  #news-body .news_module_image_container{
    flex-direction: column !important;
  }
  
  #news-body .news_module_image_two_desk{
    width: 100% !important;
  }

  #news-body .news_module_image_container:nth-of-type(1n+2){
  flex-direction: column !important;
}

#news-body .news_module_image_container:nth-of-type(1n+1){
  flex-direction: column !important;
}
}


#news-body .news_module_image_container img{
  height: 50vh;
  object-fit: cover;
}

#news-body .news_module_body{
  width: 100%;
  height: unset;
}

#news-body .news_module{
  margin-bottom: 10%;
}

#news-body .news_module_image_one{
  width: 60%;
}

#news-body .news_module_image_two_desk{
  height: 100%;
  width: 40%;
  object-fit: cover;
}

@media(max-width: 1220px){
#news-body .news_module_image_container{
  width: 100%;
}

#news-body .news_module{
  margin-bottom: 0;
}

#news-body .news_module_body{
  width: 100%;
}
}

#news-body .description_post{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: left;
  margin-top: 5%;
}
@media (max-width: 1220px){
  #news-body .content_image{
    width: 100% !important;
    height: 420px;
    object-fit: cover;
    align-items: center !important;
  }
  #news-body .date{
    margin-top: 2em;
  }
  #news-body p{
    /* text-align: center; */
    font-size: 20px;
    margin-left: 0;
    margin-right: 0;
  }
}
#news-body .content_image{
  width: 40%;
  height: 420px;
  object-fit: cover;
  align-items: end;
}

#news-body .news_module_two_images{
  display: flex;
  flex-flow: column;
  align-items: stretch;
  margin-top: 5%;
}

#news-body .news_module_two_images .news_module_description{
  text-align: start;
}
#news-body .news_module_two_images .news_module_title{
  margin-top: 5%;
  margin-bottom: 5%;
}

#news-body .news_module_image_two{
  width: 30vw;
}
@media (max-width: 1024px){
  #news-body .news_module_image_two{
    width: 60%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
  }
  #news-body .news_module_image_one{
    width: auto;
    margin-left: 0;
  }
}
@media (max-width: 840px){
  #news-body .news_module_image_two{
    translate: 24vh -10vh;
    width: 60%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 700px){
  #news-body .news_module_image_two{
    translate: 15vh -10vh;
    width: 60%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
  }
}

#news-body .news_module_one_image{
  display: flex;
  flex-flow: column;
  align-items: end;
  justify-content: stretch;
}
@media (max-width: 900px){
  #news-body .news_module_one_image{
    flex-direction: column;
  }
}
#news-body .news_module_one_image img{
  height: 50vh;
}
#news-body .news_module_one_image .news_module_description{
  text-align: start;
  width: 100%;
  height: unset;
}
#news-body .news_module_title_one_image{
  margin-top: 5%;
  margin-bottom: 5%;
}

*{
  box-sizing: border-box;
}


@media (max-width: 767px){
  #news-body{
    margin-left: 5%;
    margin-right: 5%;
  }
  #news-body p{
    font-size: 18px;
  }
  #news-body h3{
    font-size: 35px;
  }
}