/*mobile*/
@media only screen and (max-width: 901px) {
  .cookie-inner-wrapper {
    flex-direction: column;
  }
  .cookie-message-wrapper span {
    line-height: 0.9;
    text-align: center;
    font-size: 13px;
    padding-bottom: 5px;
  }
  .cookie-inner-wrapper .button {
    margin-top: 10px;
  }
  .cookie-inner-wrapper a {
    padding-top: 10px;
  }
  .btn_cookie_accept {
    width: fit-content;
    margin: 0 auto;
    margin-top: 10px;
  }
  .page-popup.open .page-popup-content {
    margin: 20% auto;
    max-width: 90%;
  }
  .page-popup.open .page-popup-content .page-popup-inner-content img {
    width: 100%;
  }
  img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
  }

  /* GERAL - BASE ========================================*/
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 20px;
    line-height: 1.5rem;
  }
  h3 {
    font-size: 17px;
  }
  p {
    font-size: 14px;
  }

  .top200 {
    margin-top: 50px;
  }
  .top150 {
    margin-top: 55px;
  }
  .top100 {
    margin-top: 50px;
  }
  .top50 {
    margin-top: 30px;
  }

  .bottom100 {
    margin-bottom: 80px;
  }
  .bottom36 {
    margin-bottom: 25px;
  }

  .container {
    padding: 0 15px;
  }
  .display-flex {
    flex-direction: column;
  }
  .display-flex .section_btn {
    padding-top: 10px;
  }
  .display-flex .buttons {
    padding-top: 10px;
  }

  /* Homepage ==================*/
  .grid-container {
    padding: 0 15px;
  }
  .header {
    height: 70px;
  }
  .header .logo img {
    height: 60px;
    width: auto;
    padding-left: 15px;
  }
  .sidebar {
    width: 240px;
  }
  .search-box {
    top: 70px;
  }

  .search-box input[type="text" i] {
    padding-left: 18px;
  }

  .search-box .display-flex {
    flex-direction: row;
  }

  /* Botão de fechar */
  .close-btn {
    top: 18px;
    right: 10px;
  }

  /* Banner - Slick */
  .banner-slick .relative img{ min-height: 250px;}

   .banner_specific{
    padding: 0 20px;
  }

  .banner_specific h1 {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.6rem;
  }
  .banner_specific h3 {
    margin: auto;
    padding: 5px 8px;
    max-width: 280px;
    font-size: 14px;
  }

  .banner-slick .slick-dots {
    bottom: 10px;
  }
  .banner-slick.slick-dotted.slick-slider {
    margin-bottom: 0;
  }

  /* Serviços - Swipper */
  .servicos {
    padding: 0 15px;
  }

  /* Pecas - Destaque */
  .pecas {
    padding: 0 15px;
  }
  .container_flex {
    row-gap: 30px;
    column-gap: 15px;
  }
  .peca {
    width: calc(50% - 15px)!important;
  }
  .pecas .container_flex .peca img{width:100%;height: auto;}
  .pecas_text_descript h3 {
    font-size: 16px;
    line-height: 1.1em;
  }

  /* Banner2 */
  .banner2 {
    height: 40vh;
    padding: 0 5%;
    position: relative;
    z-index: 1;
  }
  .buttons a {
    padding: 12px 18px;
  }
  .banner-content h1 {
    font-weight: 400;
    padding-bottom: 15px;
    font-size: 20px;
  }
  .banner-content h3 {
    font-weight: 300;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 17px;
  }

  /* Formações - Destaque  */
  .courses {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
  .course {
    background: #f9f9f9;
    padding: 40px 20px;
    border-radius: 5px;
    width: 48%;
  }
  .course h3 {
    font-weight: 500;
    height: 65px;
  }

  /* Gallery - Destaque  */
  .gallery {
    gap: 10px;
    flex-direction: column;
  }
  .gallery .gallery_column:nth-child(2) {
    flex-direction: column-reverse;
  }
  .gallery_column {
    gap: 10px;
  }

  /* Noticias - Destaque */
  .news-section {
    flex-wrap: wrap;
  }
  .news-card {
    width: 48.5%;
  }

  /* Footer */
  .footer-logo {
    padding: 50px 0;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .footer-logo .logo_footer {
    width: auto;
    height: 110px;
  }
  .footer-column {
    width: 96%;
    /* flex-direction: column; */
    /* text-align: center; */
    margin: auto;
    gap: 10px;
  }
  .footer-column_one {
    padding: 0 0 40px 0;
  }

  .footer-column_one p{
    font-size: 13px;
  }
  .footer-column_one a p{
    font-size: 13px;
  }

  .footer-column .footer-column_one:nth-of-type(1) {
    display: none;
  }

  .footer-bottom{flex-direction: column-reverse;gap:20px}
  .footer-bottom .footer-right{display:flex; gap:10px; padding: 0 10px;}
  .footer-bottom .footer-right img{max-height: 25px;}


  /* Listagem de formações ============================================= */
  /* Header 2 - Personalizado */
  .header2 {
    height: 70px;
  }
  .header2 .logo img {
    height: 60px;
    width: auto;
    padding-left: 15px;
  }

  /* breadcrumbs */
  .breadcrumb {
    font-size: 12px;
    width: 100%;
    padding: 0 15px;
  }
  .breadcrumb a {
    padding: 0 2px;
  }

  /* Formação =========================================== */
  .formacao {
    gap: 35px;
  }
  .formacao_text {
    width: 65%;
  }
  .formacao_img {
    width: 35%;
  }

  /* Listagem de Serviços ============================================= */
  .servicos_cards {
    gap: 20px;
  }
  .servicos_card {
    width: 31%;
    height: auto;
  }

  /* Serviços ============================================= */
  .servico_pag .servico_pag_container {
    flex-direction: column;
  }

  /* Listagem de Noticias ============================================= */
  .filter-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .filter {
    width: 100%;
  }
  .results {
    width: 100%;
  }

  /*Noticias ============================================= */
  .news_aside {
    display: none;
  }

  /* Contact ========================================== */
  .contact-container {
    padding: 0 15px;
  }
  .contact-container_flex {
    flex-direction: column;
  }
  .contact-info {
    width: 100%;
  }
  .contact-info h2 {
    font-size: 38px;
  }
  .contact-info p {
    margin-bottom: 30px;
  }
  .contact-form {
    width: 100%;
  }

  /* LOG IN   ========================================== */
  .login-box {
    padding: 30px 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  /* Account   ========================================== */
  .account_flex {gap: 30px;flex-direction: column;}
  .sidebar_account {max-width: 100%;}
  .sidebar_account ul {
    display: flex;
    width: 100%;
    overflow-x: scroll;
    gap: 10px;
    padding-bottom: 10px;
    margin-block-start: 0!important;
    margin-block-end: 0!important;
  }
  .sidebar_account ul li {
    margin: 0;
    align-items: center;
    white-space: nowrap;
    min-width: 54%;
  }

  .sidebar_account .img1,.sidebar_account .img2 {display: none;}

  /* Recrutamento   ========================================== */
  .job-card {flex-direction: column;gap: 30px;}

  /* Job   ========================================== */
  .form-group {flex-direction: column;}
  .btn_job {margin-top: 20px;}

  /* List - Product  ========================================== */
  .list_product {flex-direction: column;gap: 0;}

  .peca_list_container .list_peca .peca {width: calc(51.2% - 20px);}
  .peca_list_container .list_peca .peca img {width: 100%;
    height: auto;}
  .peca_list_container .list_peca {row-gap: 40px;column-gap: 20px;}

  .peca_pag h2 {font-size: 18px;}
  .other_peca .list_peca .peca {width: calc(33.5% - 20px);}

  /* List - Product - filtros*/
  .filter_mobile { display: none;}
  /* Sidebar fixa */
  .sidebar_product {
    max-width: 100%;
    width: 100%;
    margin: auto;
    justify-content: center;
    display: flex;
  }
  /* Botão de abrir filtros */
  .sidebar_product_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    bottom: 10px;
    background: var(--cor-btn);
    padding: 15px 65px;
    border-radius: 30px;
    cursor: pointer;
    gap: 10px;
    color: var(--cor-texto-var);
  }
  .sidebar_product h2 {
    font-weight: 400;
    font-size: 20px;
    color: var(--cor-texto-var);
  }
  /* Ocultar a imagem do filtro no mobile */
  .sidebar_product_flex img {
    display: none;
  }
  /* Estilização do menu de filtros mobile */
  .filter_mobile {
    position: fixed;
    top: 0;
    left: -100%;
    width: 90%;
    max-width: 300px;
    height: 100vh;
    background: #fff;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
    padding: 20px;
    transition: left 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
  }
  /* Quando ativo, aparece na tela */
  .filter_mobile.active {
    left: 0;
  }

  /* Botão de fechar */
  .close_filter {
    display: block;
    color: #000;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    align-self: flex-end;
    margin: 10px 0;
  }

  /*AJUSTES GERAIS*/
  .section_titles h3{line-height: 19px;font-size: 14px;}
  .gallery-plk{ gap:15px}
  .mb-3{margin-bottom: 15px;}
  .gallery-plk .row {display: flex;flex-wrap: wrap;justify-content: space-between;}
  .gallery-plk .row img{max-width: 100%;height: auto;}
  .servicos_card .slide-content h2 {font-size: 16px;max-width: 180px;line-height: 19px;}
  
  .privacy-policy {margin-top: 5px}
  .special_label {padding-top: 0!important;}
  .btn_cookie_accept {padding: 10px 15px;}

  .header2 .icons img{max-width: 25px;height: auto;}
  .header2 .menu-btn img{max-width: 33px;height: auto;}
  .close-btn img{width: 35px;
    height: auto;}
  .peca_list_container .product_div_img img {
      width: 100% !important;
      height: auto !important;
  }
  .servico_pag_container .product_div_img{width:100%}
  .servico_pag_container .servico_pag_container_text{width:100%}


  /*/////--------- AJUSTES EXTRAS - Angela 21/05/2025 -------------------------------------------------------------------------------------/////*/

  .buttons a p{font-size: 14px;}
  .section_titles h2 {line-height: 1.6rem;}
  .section_btn a p{font-size: 12px;}
  .display-flex .section_btn {text-align: right;}
  .swiper .slide-content h2{font-size:18px;}
  .pecas_text_descript h3{font-size: 13px;padding-bottom: 5px; }
  .container_flex .pecas_text_descript p{ font-size: 12px;}

  .banner2::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);z-index: -1;}

  .course div p{font-size: 12px;}

  .footer-bottom{flex-direction: column-reverse;}
  .footer-bottom p{font-size: 12px; }
  .news-content h3{font-size: 14px;}
  .section_titles .special_title_news{ font-size: 17px;line-height: 1.5rem!important;}

}

@media only screen and (min-width: 621px) and (max-width: 900px) {
  /* About ========================================== */
  .valor {width: 100%;max-width: 350px;}

  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: 80%;width: 0%;}
  .timeline .swiper-slide-content{max-width: 450px; }
  .timeline .swiper-slide-active .timeline-text{ font-size:18px;}
  .timeline .swiper-slide .timeline-title{ font-size: 28px; }
  .product_div_img img{width: auto;}
}

@media only screen and (min-width: 501px) and (max-width: 620px) {
  /* About ========================================== */
   .product_div_img img{min-height: 279.95px;width: auto;}
}

/*mobile*/
@media only screen and (min-width: 200px) and (max-width: 500px) {

  .peca_list_container .product_div_img img {
    width: 100% !important;
    height: auto !important;}
  /*.product_div_img img{min-height: 198.55px;width: auto;}*/
  .academy_form_rgpd label p a{padding-top: 14px;}
  .academy_form_rgpd {display:flex;gap:5px;padding-top: 0;padding-bottom: 15px;}
  .privacy-policy label p {padding-top: 15px; text-align: left;}

  .timeline .swiper-slide-content{max-width: 450px;width: 70%; }
  .timeline .swiper-slide-active .timeline-text{ font-size:16px;}
  .timeline .swiper-slide .timeline-title{ font-size: 26px; }

  .course {background: #f9f9f9;padding: 40px 20px;border-radius: 5px;width: 100%;}

  /* Noticias - Destaque */
  .news-card {width: 100%;}

  /* Formação =========================================== */
  .formacao {flex-direction: column;}
  .formacao_text {width: 100%;}
  .formacao_img {width: 100%;}

  /* Listagem de Serviços ============================================= */
  .servicos_cards {gap: 18px;}
  .servicos_card {width: 45%;height: auto;}

  /* Contact ========================================== */
  .contact-info h2 {font-size: 28px;padding-bottom: 10px;}

  /* Account   ========================================== */
  .content_account .form-group {flex-direction: column;}

  /* Tabela do Histórico de Formações */
  .content_account table {overflow-y: scroll;width: 100%;}
  .list_product {flex-direction: column;}
  .list_product .list_peca .peca {width: calc(50% - 20px);}

  .swiper-button-next-explore,.swiper-button-prev-explore { top: calc(310px / 2);}

}

/*tablet*/
@media only screen and (min-width: 901px) and (max-width: 1450px) {
  /* GERAL - BASE ========================================*/
  h1 {
    font-size: 26px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 18px;
  }
  p {
    font-size: 16px;
  }

  .top200 {
    margin-top: 100px;
  }
  .top150 {
    margin-top: 75px;
  }

  .bottom200 {
    margin-bottom: 100px;
  }
  .bottom36 {
    margin-bottom: 30px;
  }

  .container {
    padding: 0 15px;
  }

  /* Homepage ==================*/
  .grid-container {
    padding: 0 15px;
  }
  .sidebar {
    width: 240px;
  }
  .search-box {
    top: 110px;
  }

  .search-box input[type="text" i] {
    padding-left: 25px;
  }

  /* Botão de fechar */
  .close-btn {
    top: 18px;
    right: 10px;
  }

  /* Banner - Slick */
  .banner_specific h1 {
    margin-bottom: 15px;
  }
  .banner_specific h3 {
    margin: auto;
    padding: 5px 8px;
    max-width: 350px;
  }

  .banner-slick .slick-dots {
    bottom: 10px;
  }
  .banner-slick.slick-dotted.slick-slider {
    margin-bottom: 0;
  }

  /* Serviços - Swipper */
  .servicos {
    padding: 0 15px;
  }

  /* Pecas - Destaque */
  .pecas {
    padding: 0 15px;
  }
  .container_flex {
    row-gap: 30px;
    column-gap: 15px;
  }
  .peca {
    width: calc(33.3% - 15px)!important;
  }
  .pecas_text_descript h3 {
    padding-bottom: 15px;
  }

  /* Noticias - Destaque */

  /* Footer */
  .footer {
    padding: 40px 15px 15px 15px;
  }
  .footer-logo {
    width: 25%;
  }
  .footer-column {
    width: 75%;
  }
  .footer-column_one {
    padding: 0;
  }

  .breadcrumb {
    padding: 0 15px;
  }

  /* Listagem de Serviços ========================================== */
  .servicos_cards {
    gap: 28px;
  }

  /* Contact ========================================== */
  .contact-container {
    padding: 0 15px;
  }
  .contact-info h2 {
    font-size: 42px;
  }

  .job-content p {
    margin: 10px 0 0;
    max-width: 730px;
  }
}
