/*=====================================================================*/
/*========================= NAO RESPONSIVO ============================*/
/*=====================================================================*/
/*----------------------------------------------*/
/*----------------- CONTEUDO 1 -----------------*/
/*----------------------------------------------*/
.df_c1_pai {
  display: flex;
  margin: 0px;
  padding: 0px;
  align-items: center;
}
.df_c1_filho1 {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 8px;
}
.df_c1_filho2 {
  width: calc(100% - 400px);
  height: 282px;
  border-radius: 10px 0px 0px 10px;
  margin-top: 10px;
  border: 1px solid #ff9c00;
  border-right: 0px;
  padding-top: 5px;
  padding-left: 10px;
}
.img_c1 {
  width: 400px;
  height: auto;
  border-radius: 10px 10px 10px 10px;
  text-align: center;
}
.tit_txt1 {
  font-size: 25px;
  margin-top: 1px;
  text-align: center;
}

.txt1_1 {
  margin-top: 10px;
}
/*----------------------------------------------*/
/*----------------- CONTEUDO 2 -----------------*/
/*----------------------------------------------*/
.df_c2_pai {
  display: flex;
  align-items: center;

  margin: 0px;
  padding: 0px;
  margin-top: -35px;
}
.df_c2_filho1 {
  width: calc(100% - 480px);
  height: 302px;
  border-radius: 0px 10px 10px 0px;
  margin-top: 10px;
  border: 1px solid #ff9c00;
  border-left: 0px;
  padding-top: 5px;
  padding-left: 10px;
}
.df_c2_filho2 {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 8px;
}

.videos_c2 {
  width: 500px;
  height: 300px;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 10px 10px 10px 10px;
  margin-top: 10px;
}
.txt2_1 {
  margin-top: 10px;
}
.txt2_2 {
  margin-top: 10px;
}

/*----------------------------------------------*/
/*----------------- CONTEUDO 3 -----------------*/
/*----------------------------------------------*/
.df_c3_pai {
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 0px;
  margin-top: -35px;
}
.df_c3_filho1 {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 8px;
}
.df_c3_filho2 {
  width: calc(100% - 450px);
  height: 310px;
  border-radius: 10px 0px 0px 10px;
  margin-top: 10px;
  border: 1px solid #ff9c00;
  border-right: 0px;
  padding-top: 5px;
  padding-left: 10px;
}
.img_c3 {
  border-radius: 10px 10px 10px 10px;
  text-align: center;
  width: 470px;
  height: AUTO;
}
/*----------------------------------------------*/
/*----------------- CONTEUDO 4 -----------------*/
/*----------------------------------------------*/
.df_c4_pai {
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 0px;
  margin-top: -35px;
}
.df_c4_filho1 {
  width: calc(100% - 400px);
  height: 300px;
  border-radius: 0px 10px 10px 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #ff9c00;
  border-left: 0px;
  padding-top: 5px;
  padding-left: 10px;
}
.df_c4_filho2 {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 8px;
}
.img_c4 {
  border-radius: 10px 10px 10px 10px;
  text-align: center;
  width: 400px;
  height: 300px;
  margin-bottom: 10px;
  object-fit: cover;
}
.tit_txt4 {
  font-size: 25px;
  margin-top: 15px;
  text-align: center;
}
.txt4_1 {
  margin-top: 10px;
}
.txt4_2 {
  margin-top: 10px;
}
/*==================================================================*/
/*=========================== RESPONSIVO ===========================*/
/*==================================================================*/
@media (max-width: 1095px) {
  /*---------- CONTEUDO 1 ----------*/
  .img_c1 {
    width: 320px;
    height: 275px;
    margin-left: 1px;
    margin-right: 1px;
    object-fit: cover;
  }
  .df_c1_filho2 {
    width: calc(100% - 320px);
    align-items: center;
  }
  .videos_c2 {
    width: 350px;
    height: 300px;
    object-fit: cover;
    margin-left: 0;
    margin-right: 0;
  }
  .img_c4 {
    width: 400px;
    height: 310px;
    object-fit: cover;
  }
  .df_c1_filho2 {
    font-size: 15px;
  }
  .df_c2_filho1 {
    font-size: 15px;
    width: calc(100% - 350px);
  }
  .df_c3_filho2 {
    font-size: 15px;
  }
  .df_c4_filho1 {
    font-size: 15px;
    width: calc(100% - 400px);
    height: 310px;
  }
}

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/
@media (max-width: 975px) {
  /*---------- CONTEUDO 1 ----------*/
  .tit_txt1 {
    font-size: 22px;
  }
  .txt1_1 {
    margin-top: 2px;
  }

  /*---------- IMG1 ----------*/
  /*---------- CONTEUDO 1 ----------*/
  .img_c1 {
    width: 300px;
    height: 275px;
    margin-left: 1px;
    margin-right: 1px;
    object-fit: cover;
  }

  .tit_txt1 {
    font-size: 22px;
  }

  .df_c1_filho2 {
    width: calc(100% - 300px);
    align-items: center;
  }
  /*---------- CONTEUDO 2 ----------*/
  .videos_c2 {
    width: 320px;
    height: 290px;
    object-fit: cover;
  }
  .df_c2_filho1 {
    width: calc(100% - 320px);
    height: 290px;
  }
  /*---------- CONTEUDO 3 ----------*/
  .img_c3 {
    width: 370px;
    height: 290px;
    object-fit: cover;
  }
  .df_c3_filho2 {
    width: calc(100% - 290px);
    height: 290px;
  }
  /*---------- CONTEUDO 4 ----------*/
  .img_c4 {
    width: 350px;
    height: 300px;
    object-fit: cover;
  }
  .df_c4_filho1 {
    font-size: 15px;
    width: calc(100% - 350px);
    height: 300px;
  }
  /*---------- CONTEUDO 5 ----------*/
}

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/
@media (max-width: 875px) {
  /*---------- CONTEUDO 1 ----------*/
  .df_c1_pai {
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    margin: 0;
  }
  .df_c1_filho1 {
    width: 100%;
    height: auto;
    margin-left: 0;
    text-align: center;
    margin: 0;
  }
  .df_c1_filho2 {
    width: 100%;
    height: auto;
    border-right: 1px solid orange;
    border-radius: 10px 10px 10px 10px;
  }
  /*---------- IMG1 ----------*/
  .img_c1 {
    width: 400px;
    height: auto;
  }
  .tit_txt1 {
    font-size: 22px;
  }
  /*---------- CONTEUDO 2 ----------*/
  .df_c2_pai {
    flex-flow: column wrap;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .df_c2_filho1 {
    width: 100%;
    margin-left: 0;
    border-left: 1px solid orange;
    border-radius: 10px 10px 10px 10px;
    height: auto;
  }
  .df_c2_filho2 {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }

  .videos_c2 {
    width: 400px;
    height: 250px;
  }
  /*---------- CONTEUDO 3 ----------*/
  .df_c3_pai {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
  }
  .df_c3_filho1 {
    text-align: center;
  }
  .df_c3_filho2 {
    width: 100%;
    border-right: 1px solid orange;
    border-radius: 10px 10px 10px 10px;
    height: auto;
  }

  .img_c3 {
    width: 400px;
    height: auto;
  }

  /*-----------CONTEUDO 4--------*/
  .df_c4_pai {
    flex-flow: column wrap;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .df_c4_filho2 {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }
  .df_c4_filho1 {
    width: 100%;
    border-right: 1px solid orange;
    border-radius: 10px 10px 10px 10px;
    height: auto;
  }

  .img_c4 {
    width: 400px;
    height: auto;
    margin-bottom: 0;
  }
}
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/
@media (max-width: 780px) {
  .titulo_principal {
    font-size: 25px;
    text-underline-offset: 6px;
    text-decoration-thickness: 0px;
  }
}
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/
@media (max-width: 800px) {
  .tit_txt1 {
    font-size: 20px;
  }
}

@media (max-width: 875px) {
  .principal {
    align-items: center;
    justify-content: center;
  }
  .img_c1 {
    width: 350px;
  }
  .videos_c2 {
    width: 350px;
  }
  .img_c3 {
    width: 350px;
  }
  .img_c4 {
    width: 350px;
  }
}
