@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;700&display=swap');

.vitrine_IMG { display: block; margin: 10px auto 10px; }
.vitrine_TituloBox { position: relative; height: auto; text-align: center;  }
.vitrine_TituloBox:before {  position: absolute; /* posição relativa ao container */ top: 50%; /* posição vetical: bem na metade */ content: ""; display: block; width: 100%; height: 2px;  z-index: 0; /*background-image: url("../imgs/faixa_titulo.png" );*/ background-position: center;}
.vitrine_Titulo{ position: relative; display: inline-block;font-family: 'Be Vietnam Pro', sans-serif; font-size: 14px; padding: 3px 30px; background-color: #fff; color: #857ddd; text-align: center; z-index:2; font-weight: 600;  }
.vitrine_subTitulo { text-align: center; width: 100%; text-decoration: underline !important;}

.carrouselslider .ListaProdutos .borderProdR:after { border: none !important;}
.carrouselslider .ListaProdutos { overflow: none;}


.imgCRI{  width: 50%; float: left; display: block; padding: 5px;  }
.carrouselCRI .carrouselsliderCRI{ width: 50%; float: left; position:relative; background-color: transparent; } 
/*.carrouselCRI .carrouselsliderCRI .ListaProdutos li { width: 100% !important; }*/
.carrouselsliderCRI .ListaProdutos .borderProdR:after { border: none !important;}
.carrouselsliderCRI .ListaProdutos li .refProd {  color: #333 !important;}
.carrouselsliderCRI .ListaProdutos li .nomeProd {  color: #666 !important;}

.ListaProdutosUnitarios { width: 100%; height: auto; list-style: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #cecece; overflow: hidden; margin-top: 10px; }
.ListaProdutosUnitarios li { position: relative; display: inline-block; width: 100%; float: left;  height: 120px; }
.ftProdUnit { position: relative; width: 40%; float: left; height: 120px; }
.ftProdUnit img{  position: absolute; width: 90%; height:auto; max-width:200px !important; max-height:200px !important; top: 50%;  left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }
.DadosProdUnit{ position: relative;  width: 55%; background-color: #089ac6;float: left; height: 120px; margin-right: 5%; z-index:2; }
.DadosProdUnit::before { position: absolute; width: 0;  content:''; height: 100%; right:-28px;top: 0; 
border-top: 60px solid transparent;
  border-bottom: 60px solid transparent; 
  border-left: 28px solid #089ac6; 

}
.DadosProdUnit p{ z-index:10; text-align: left; padding-left: 10px; padding-right: 10px; color:#fff !important; }
.ListaProdutosUnitarios .slick-prev{ display: none !important;}

.btnCarUnic { display: none; position: absolute;  background-color: #F65452; color: #fff; text-align: center; font-size: 12px; padding: 5px 10px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; right: 1%; bottom: 10px;}
.btnCarUnic:hover{ background-color: #F88785;  }

.DadosProdUnit > .deProd{ color: #fff !important; font-size: 12px; }
.DadosProdUnit > .precoProd{ color: #fff !important;}
.DadosProdUnit > .nomeProd { margin-left: 0;}

.BlocoVideoImagem{ position: relative; width: 95%; margin: 5px auto; height: 200px; background-size: contain; background-position: center center; }
.BlocoTextoVitrine{ position: relative; width: 95%; margin: 0 auto 30px; height: auto; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; line-height: 24px; padding: 0 10px;}
.BlocoTextoVitrine h3{ font-weight: 600; color: #4b3257;}
a.linkBLocoTexto:link, a.linkBLocoTexto:active, a.linkBLocoTexto:visited { font-family: 'Open Sans', sans-serif; color: #4b3257 !important; font-size: 14px; padding: 5px 25px; border: 1px solid #4b3257; text-decoration: none !important; }
a.linkBLocoTexto:hover{ background-color: #4b3257; color: #fff; }

.BlocoCarroselImagens{ background-color: #4b3257; padding: 20px 0; }
.BlocoImg4Dados { position: relative; width: 50%; height: 100px; text-align: center; justify-content: center; align-items: center; font-size: 14px; color: #fff; cursor: pointer;  }
.BlocoImg4Dados p{ margin-bottom: 0px; font-family: 'Open Sans', sans-serif;}
.imgBloco4{ position: relative; margin: 0 auto; width: 140px; height: 140px; background-size: cover; border-radius: 200px; overflow: hidden; background-color: #fff; }


@media (min-width: 480px) {
	
	
}

/*MEDIA SCREEN PARA TABLET*/
@media (min-width: 768px) {

	.vitrine_Titulo{ font-size: 28px;  }
	.vitrine_subTitulo { font-size: 18px;}
	.imgCRI{  width: 25%; float: left; display: block; padding: 5px;  }
	.carrouselCRI .carrouselsliderCRI{ width: 75%; float: left;} 
	/*.carrouselCRI .carrouselsliderCRI .ListaProdutos li { width: 33% !important; }*/
	/*.carrouselCRI .carrouselsliderCRI .ListaProdutos li .ftProd { height: 130px; }*/
	
	
.ListaProdutosUnitarios li { position: relative; display: inline-block; width: 100%; float: left;  height: 180px; }
.ftProdUnit { position: relative; width: 40%; float: left; height: 180px; }
.ftProdUnit img{  position: absolute; width:100%; height:auto; max-width:180px !important; max-height:180px !important; top: 50%;  left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }
.DadosProdUnit{ height: 180px; padding: 15px; }
.DadosProdUnit::before { position: absolute; width: 0;  content:''; height: 100%; right:-45px;top: 0;   
    border-top: 90px solid transparent;
  border-bottom: 90px solid transparent; 
  border-left: 45px solid #089ac6;   }
	.DadosProdUnit p{ z-index:10; text-align: left;  color:#FFF !important; font-size: 24px; line-height: 30px; font-weight: 600; }
	.DadosProdUnit .refProd{ font-size: 10px; line-height: 20px; font-weight: 300;}
	
	.btnCarUnic {  position: absolute; display: inline-block; text-align: center; font-size: 14px; padding: 8px 20px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; right: 8%; bottom: 20px;}

	
	
	.BlocoVideoImagem{ width: 44%; margin: 0px 0px 0px 1%; height: 200px;  float: left; }
	.BlocoTextoVitrine{ width: 55%; margin: 0 auto 30px; height: auto;  float: left;}
	.BlocoTextoVitrine h3{ font-weight: 600; margin-top: 0;}
	
	
}

/*MEDIA SCREEN PARA DESKTOP*/
@media only screen and (min-width: 992px) {
	
	.vitrine_subTitulo { font-size: 20px;}
	.imgCRI{  width: 20%; float: left; display: block; padding: none;   }
    
    .BlocoCarroselImagens{  padding: 30px 0; margin: 0px auto 20px;  }
    .imgBloco4{  width: 210px; height: 210px; }
    .BlocoImg4Dados{ font-size: 16px;  }
    .BlocoImg4Dados p{ margin-top: 10px; font-weight: 600; }
	
		
.ListaProdutosUnitarios li { position: relative; display: inline-block; width: 100%; float: left;  height: 280px; }
.ftProdUnit { position: relative; width: 50%; float: left; height: 280px; }
.ftProdUnit img{  max-width:280px !important; max-height:280px !important;  }
.DadosProdUnit{ height: 280px; padding: 15px; width: 45%; }

.DadosProdUnit p{ z-index:10; text-align: left;  color:#fff !important; font-size: 36px; line-height: 30px; font-weight: 600; }
    	.DadosProdUnit .nomeProd { height: 90px; line-height: 45px !important;}
    .nomeProdUlt p{ line-height: 45px !important;}
	.DadosProdUnit .refProd{ font-size: 12px; line-height: 25px; font-weight: 300;}
	.DadosProdUnit::before { position: absolute; width: 0;  content:''; height: 100%; right:-100px;top: 0;   
        border-top: 140px solid transparent;
  border-bottom: 140px solid transparent; 
  border-left: 100px solid #089ac6;    }
	
	.BlocoVideoImagem{ width: 44%; margin: 0px 0px 40px 1%; height: 280px;  float: left; }
	.BlocoTextoVitrine{ width: 55%; margin: 0 auto 30px; height: auto;  float: left; font-size: 16px;  line-height: 25px; text-align: justify;}
	.BlocoTextoVitrine h3{ font-weight: 600; margin-top: 30px; margin-bottom: 20px; }
	
	a.linkBLocoTexto:link, a.linkBLocoTexto:active, a.linkBLocoTexto:visited { display: block; width: 130px; text-align: center;  margin-top: 30px; }
	a.linkBLocoTexto:hover{ background-color: #4b3257; color: #fff !important; }
	
	.carrouselCRI .carrouselsliderCRI .ListaProdutos li .ftProd {  margin-top: 5px; }
	.carrouselCRI .carrouselsliderCRI .ListaProdutos li  {  margin-top: 0px ; }
	

}


@media only screen and (min-width: 1100px) {
	
	
}



@media only screen and (min-width: 1280px) {
	
	.vitrine_subTitulo { font-size: 22px;}
	.imgCRI{  width: 20%; float: left; display: block; padding: none;   }
	.carrouselsliderCRI .ListaProdutos { padding-top: 25px;}
	
	.BlocoVideoImagem{ width: 44%; margin: 0px 0px 40px 1%; height: 300px;  float: left; }
	.BlocoTextoVitrine{ width: 55%; margin: 0 auto 30px; height: auto;  float: left; font-size: 16px;  line-height: 25px;}
	.BlocoTextoVitrine h3{ font-weight: 600; margin-top: 30px; margin-bottom: 20px;}
    .vitrine_IMG { display: block; margin: 10px auto 25px; }
	

}