/*ESTRUTURA*/

body,html{background: var(--branco) !important;height: auto;}
.bloco-conteudo{background: var(--branco) !important;}

/*HOME*/
.VitrineProdutos.VitrineHome{margin: 30px 0 ;}
.VitrineProdutos.VitrineHome .VitrineCards{flex-wrap: nowrap;}
.VitrineProdutos.VitrineHome .VitrineCards :nth-child(7).CardProduto{display: none;}
.VitrineProdutos.VitrineHome .VitrineCards :nth-child(6).CardProduto{display: none;}

/*CATEGORIA*/
.categorias .wrapper.CategoriaBloco{margin: 0 auto 50px;}
.categorias .wrapper.CategoriaBloco .CardProduto {max-width: 259px;width: 259px;}   

/*SUB*/
.categorias .wrapper{margin: 0 auto 50px;}
.categorias .wrapper .CardProduto {max-width: 259px;width: 259px;}    
.categorias .wrapper #div-compara{display: none;}

/*PDP*/
section.pdp{max-width: 1433px;margin: 0 auto;}
section.pdp .wrapper{width: 100%;max-width:100%}
#pdConsumidor_01 .VitrineProdutos.VitrinePDP{height: 430px;margin: 30px 0 70px;}
.VitrineProdutos.VitrinePDP#ProdutosSimilaresPDP{height: 430px;margin: 30px 0 70px;}
section#produto-consumidor-1 #produto-consumidor-1{width: 100%;}
section#produto-consumidor-2 #produto-consumidor-2{width: 100%;}
section#produto-consumidor-2 #produto-consumidor-1 .VitrineProdutos.VitrinePDP{height: 462px;}
section#produto-consumidor-2 #produto-consumidor-2 .VitrineProdutos.VitrinePDP{height: 462px;}
.VitrineProdutos.VitrinePDP .CardProduto {width: 277px;}
.VitrineProdutos.VitrinePDP{margin: 30px 0 ;}

/*secao de mini banners home*/
section.MiniBannerHome {
  max-width: 1433px;
  width: 100%;
  margin: 60px auto 20px;
}

section.MiniBannerHome .BoxesMiniBannerHome {
  display: flex;
  gap: 10px;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
}

section.MiniBannerHome .BannerMiniHome {
  border: var(--border-line) solid;
  border-color: var(--cinza-medio);
  border-radius: var(--border-radius);
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
}
section.MiniBannerHome .BannerMiniHome:hover {
  border-color: var(--vermelho);
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
section.MiniBannerHome .BannerMiniHome a {
  display: flex;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
}
section.MiniBannerHome .BannerMiniHome a:hover {
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
}
section.MiniBannerHome .BannerMiniHome a img {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
}

/*secao categorias home*/
section.CategoriasHomeBox{
max-width: 1433px;
width: 100%;
margin: 10px auto 60px;
font-family: var(--font-family);
}
section.CategoriasHomeBox .BoxesTodasCategorias{
display: flex;
gap: 10px;
width: 100%;
flex-wrap: nowrap;
}
section.CategoriasHomeBox .BoxesTodasCategorias .BoxCategoriaRapida{
  border: 0;
  border-color: var(--cinza-medio);
  border-radius: var(--border-radius);
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
  flex-grow: 1;
  width: 170px;
  padding: 0 0 12px 0;
}
section.CategoriasHomeBox .BoxesTodasCategorias .BoxCategoriaRapida:hover{
border-color: var(--vermelho);
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
padding: 0 0 12px 0;
}
section.CategoriasHomeBox .BoxesTodasCategorias a .AcessoCategoriaRapida img {
  margin: 0px auto 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
section.CategoriasHomeBox .BoxesTodasCategorias a .AcessoCategoriaRapida img {
  margin: 0px auto 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
section.CategoriasHomeBox .BoxesTodasCategorias a {
  text-decoration: none;
  color: var(--cinza-escuro);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
}

/*VITRINES*/
.VitrineProdutos{
    font-family: var(--font-family);
    color: var(--cinza-escuro);
}

.VitrineProdutos.VitrineHome .TitleVitrine{
  font-size: 25px;
  font-weight: normal;
  position: relative;
  margin-bottom: 30px;
  border-bottom: none;
  padding: inherit;
  color: var(--cinza-escuro);
}

.VitrineProdutos.VitrineHome .TitleVitrine:after {
    content: '';
    width: 80px;
    height: 4px;
    border-radius: 20px;
    background: #D22630;
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 0;
}

#conteudoVitrine .VitrineProdutos .TitleVitrine {
  font-size: 20px;
  font-weight: normal;
  position: relative;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--cinza-medio);
  padding: 0 0 6px 0;
  color: var(--cinza-escuro);
  display: block;
}

.VitrineProdutos.VitrineCategoria{
  margin: 30px 0 0 0;
}

.VitrineProdutos.VitrineCategoria .TitleVitrine{
  display: none;
}

.VitrineProdutos .VitrineCards{
    font-family: var(--font-family);
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 10px;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.VitrineProdutos.VitrinePDP .VitrineCards{flex-wrap: nowrap;}

/*RESPONSIVO*/
  
  @media (max-width: 1920px) {}

  @media (max-width: 1680px) {
    #BannerHomeCard .owl-nav button.owl-prev {left: 20px;}
    #BannerHomeCard .owl-nav button.owl-next {right: 20px;}
  }

  @media (max-width: 1536px) {
    #BannerHomeCard .owl-nav button.owl-prev {left: 0px;}
    #BannerHomeCard .owl-nav button.owl-next {right: 0px;}
  }
  
  @media (max-width: 1440px) {

    .wrapper.HomeVitrineSimples, section.pdp{width: 98%;max-width: inherit;}
    .VitrineProdutos.VitrinePDP .CardProduto {width: 19.4%;}
    #BannerHomeCard .owl-stage-outer .owl-stage .owl-item a.banner-carousel-item img.banner-image-desk {max-width: 1293px;height: auto;}
  
  }
  
  @media (max-width: 1366px) {

    #BannerHomeCard .owl-stage-outer .owl-stage .owl-item a.banner-carousel-item img.banner-image-desk {max-width: 1233px;height: auto;}
    .VitrineProdutos.VitrineResultado .CardProduto{max-width: inherit;width: 24.2%;}
    .categorias .wrapper .CardProduto {width: 24.2%;}
    .categorias .wrapper.CategoriaBloco .CardProduto {max-width: 100%;width: 24.1%;}

    .VitrineProdutos.VitrineResultado .CardProduto {max-width: 100%;width: 24.2%;}
    
    }
  
  @media (max-width: 1279px) {

    .VitrineProdutos.VitrinePDP .CardProduto {width: 19.3%;}
    #BannerHomeCard .owl-stage-outer .owl-stage .owl-item a.banner-carousel-item img.banner-image-desk {max-width: 1163px;height: auto;}
    .categorias .wrapper .CardProduto {width: 24%;}
    .categorias .wrapper.CategoriaBloco .CardProduto {
      max-width: 100%;
      width: 32.4%;
      flex-grow: 1;
    }
    .VitrineProdutos.VitrineResultado .CardProduto {max-width: 100%;width: 24%;}

  }

  @media (max-width: 1195px) {
    .categorias .wrapper .CardProduto {max-width: 100%;width: 32.5%;}
    .categorias .wrapper.CategoriaBloco .CardProduto {
      max-width: 100%;
      width: 32.4%;
  }
  }

  @media (max-width: 1180px) {

     .VitrineProdutos.VitrinePDP#ProdutosSimilaresPDP {height: auto;margin: 0px 0 30px;}
    #BannerHomeCard .owl-stage-outer .owl-stage .owl-item a.banner-carousel-item img.banner-image-desk{display: block !important;max-width: 1063px;height: auto;}
    #BannerHomeCard .owl-stage-outer .owl-stage .owl-item a.banner-carousel-item img.banner-image-msite {display: none !important;}
    .categorias .wrapper.CategoriaBloco .CardProduto {max-width: 100%;width: 270px;}

   /*pdp antigo*/
   section.pdp .wrapper .pdp-box._responsivo {
      background: #ffffff;
      padding: 30px 30px 30px 30px;
      border: 1px solid #E5E5E5;
      border-radius: 10px;
      -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
      box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
      margin-bottom: 20px;
  }

  .BoxesTodasCategorias :nth-child(8).BoxCategoriaRapida{display: none;}

  }

  @media (max-width: 1170px) {
    .VitrineProdutos.VitrineHome .VitrineCards :nth-child(6).CardProduto{display: block;}
    .VitrineProdutos.VitrineHome .VitrineCards {flex-wrap: wrap;}
  }
  
  @media (max-width: 1112px) {

    .VitrineProdutos.VitrinePDP .CardProduto {width: 19.2%;}
    #BannerHomeCard .owl-nav button.owl-prev {left: 0px;display: block !important;}
    #BannerHomeCard .owl-nav button.owl-next {right: 0px;display: block !important;}
    .owl-carousel .owl-nav.disabled {display: block !important;}

    .categorias .wrapper.CategoriaBloco .CardProduto {width: 255px;}

    #BannerHomeCard .owl-stage-outer .owl-stage .owl-item a.banner-carousel-item img.banner-image-desk {max-width: 1013px;}

  }
  
  @media (max-width: 1024px) {
    #BannerHomeCard .owl-stage-outer .owl-stage .owl-item a.banner-carousel-item img.banner-image-desk {max-width: 903px;}
    .categorias .wrapper.CategoriaBloco .CardProduto {width: 316px;}
  }
  
  @media (max-width: 980px) {
  
    .VitrineProdutos.VitrinePDP .CardProduto {width: 24.2%;}
    .VitrineProdutos.VitrinePDP :nth-child(5).CardProduto{display: none;}
    #BannerHomeCard .owl-stage-outer .owl-stage .owl-item a.banner-carousel-item img.banner-image-desk {max-width: 883px;}
    .categorias .wrapper.CategoriaBloco .CardProduto {width: 302px;}

  }
  
  @media (max-width: 834px) {

    .VitrineProdutos.VitrineHome .VitrineCards :nth-child(5).CardProduto{display: block;}
    .VitrineProdutos.VitrineHome .VitrineCards :nth-child(6).CardProduto{display: block;}
    .VitrineProdutos.VitrineHome .VitrineCards {flex-wrap: wrap;}
    .VitrineProdutos.VitrinePDP .VitrineCards{flex-wrap: wrap;}
    .VitrineProdutos.VitrinePDP .CardProduto {width: 24%;}
    .wrapper.HomeVitrineSimples .CardProduto, .categorias .wrapper.CategoriaBloco .CardProduto, .categorias .wrapper .CardProduto{max-width: inherit;width: 32.4%;}
    #BannerHomeCard .owl-stage-outer .owl-stage .owl-item a.banner-carousel-item img.banner-image-desk{display: none !important;}
    #BannerHomeCard .owl-stage-outer .owl-stage .owl-item a.banner-carousel-item img.banner-image-msite {display: block !important;max-width: 100%;}
    #BannerHomeCard .owl-nav button.owl-prev {left: 0px;display: none !important;}
    #BannerHomeCard .owl-nav button.owl-next {right: 0px;display: none !important;}
    .BoxesMiniBannerHome :nth-child(5).BannerMiniHome{display: none;}
    .BoxesTodasCategorias :nth-child(7).BoxCategoriaRapida{display: none;}
    section.MiniBannerHome .BoxesMiniBannerHome {flex-wrap: wrap;}
    section.MiniBannerHome .BannerMiniHome {flex-grow: 1;}

  }

  @media (max-width: 812px) {}
  
  @media (max-width: 768px) {

    .VitrineProdutos.VitrinePDP :nth-child(4).CardProduto{display: none;}
    .VitrineProdutos.VitrinePDP .CardProduto {width: 32.4%;}
    .BoxesMiniBannerHome :nth-child(2).BannerMiniHome{display: none;}
    .BoxesTodasCategorias :nth-child(6).BoxCategoriaRapida{display: none;}
  }  
  
  @media (max-width: 736px) {}

  @media (max-width: 720px) {
    .wrapper.HomeVitrineSimples .CardProduto, .categorias .wrapper.CategoriaBloco .CardProduto, .categorias .wrapper .CardProduto {
      max-width: inherit;
      width: 32.3%;
  }
  }
  
  @media (max-width: 736px) {}

  @media (max-width: 712px) {

    .wrapper.HomeVitrineSimples .CardProduto, .categorias .wrapper.CategoriaBloco .CardProduto, .categorias .wrapper .CardProduto {max-width: inherit;width: 32.3%;}

  }

  @media (max-width: 680px){
    
    .VitrineProdutos.VitrinePDP .CardProduto {width: 32.4%;}
    .wrapper.HomeVitrineSimples .CardProduto {width: 32.2%;}
    section.MiniBannerHome .BannerMiniHome {width: 49%;}
  
  }

  @media (max-width: 667px) {

    .wrapper.HomeVitrineSimples, section.pdp {width: 96%; max-width: inherit;}    
    .wrapper.HomeVitrineSimples .CardProduto, .categorias .wrapper.CategoriaBloco .CardProduto, .categorias .wrapper .CardProduto{max-width: inherit;width: 32.2%;}
  
    }

  @media (max-width: 600px){

  .wrapper.HomeVitrineSimples .CardProduto, .categorias .wrapper.CategoriaBloco .CardProduto, .categorias .wrapper .CardProduto {max-width: inherit;width: 49%;}

  } 
  
  @media (max-width: 568px) {   
    .VitrineProdutos.VitrinePDP :nth-child(4).CardProduto{display: block;}
    .VitrineProdutos.VitrinePDP .CardProduto {width: 49%;}
    section#produto-consumidor-2 #produto-consumidor-2 .VitrineProdutos.VitrinePDP {height: auto;}
    section.pdp .pdp-section{padding: 20px 0 10px 0;}
    .wrapper.HomeVitrineSimples .CardProduto, .categorias .wrapper.CategoriaBloco .CardProduto, .categorias .wrapper .CardProduto{ max-width: inherit;width: 49%;}
    section.MiniBannerHome {max-width: 1433px;width: 100%;margin: 20px auto 20px;}
    .BoxesTodasCategorias :nth-child(6).BoxCategoriaRapida{display: block;}
    .BoxesTodasCategorias :nth-child(7).BoxCategoriaRapida{display: block;}
    .BoxesTodasCategorias :nth-child(8).BoxCategoriaRapida{display: block;}
    section.CategoriasHomeBox .BoxesTodasCategorias {flex-wrap: wrap;}
    section.CategoriasHomeBox .BoxesTodasCategorias .BoxCategoriaRapida {width: 110px;}
    section.CategoriasHomeBox .BoxesTodasCategorias a .AcessoCategoriaRapida {padding: 18px 12px;}
    section.MiniBannerHome .BoxesMiniBannerHome {flex-wrap: wrap;}
    section.MiniBannerHome .BannerMiniHome {flex-grow: 1;}
    .BoxesMiniBannerHome :nth-child(2).BannerMiniHome {display: block;}
    .BoxesMiniBannerHome :nth-child(5).BannerMiniHome {display: block;}
  }

  @media (max-width: 540px) {}

  @media (max-width: 475px) {
    .VitrineProdutos.VitrinePDP .CardProduto {width: 48.9%;}
    .wrapper.HomeVitrineSimples .CardProduto, .categorias .wrapper.CategoriaBloco .CardProduto, .categorias .wrapper .CardProduto{max-width: inherit;width: 48.8%;}
    section.MiniBannerHome .BannerMiniHome {width: 48%;}
  }

  @media (max-width: 445px) {
    .VitrineProdutos.VitrinePDP .CardProduto {width: 48.7%;}
  }

  @media (max-width: 432px) {
    .wrapper.HomeVitrineSimples .CardProduto, .categorias .wrapper.CategoriaBloco .CardProduto, .categorias .wrapper .CardProduto {
        width: 48.7%;
    }
}

  @media (max-width: 430px) {
    .wrapper.HomeVitrineSimples .CardProduto, .categorias .wrapper.CategoriaBloco .CardProduto, .categorias .wrapper .CardProduto {width: 48.6%;}
  }
  
  @media (max-width: 414px) {
    .VitrineProdutos.VitrinePDP .CardProduto {width: 48.7%;}
    .wrapper.HomeVitrineSimples .CardProduto, .categorias .wrapper.CategoriaBloco .CardProduto, .categorias .wrapper .CardProduto{max-width: inherit;width: 48.3%;}
    .BoxesMiniBannerHome :nth-child(5).BannerMiniHome {display: none;}
  }

  @media (max-width: 399px) {
    .VitrineProdutos.VitrinePDP .CardProduto {width: 48.4%;}
    .wrapper.HomeVitrineSimples .CardProduto, .categorias .wrapper.CategoriaBloco .CardProduto, .categorias .wrapper .CardProduto{max-width: inherit;width: 100% !important;}
  }

  @media (max-width: 390px) {
    .VitrineProdutos.VitrinePDP#ProdutosSimilaresPDP {height: auto;}
    .VitrineProdutos.VitrinePDP .CardProduto {width: 100%;}
  }
  
  @media (max-width: 380px) {
    .VitrineProdutos.VitrinePDP .CardProduto {width: 100%;}
  }

  @media (max-width: 375px) {}
  
  @media (max-width: 345px) {
    .VitrineProdutos.VitrinePDP :nth-child(5).CardProduto{display: block;}
  }
  
  @media (max-width: 320px) {}