/*<style>*/

@charset "utf-8";





	.fundo-produtos {
		
		
		background-color: rgb(241, 242, 242) !important;
		
		
	}
	
	
	/* Modo visualização Grade */
	
	.cont-produtos-grid-5 .fundo-quadro-produto {
		
		
		padding: .5rem 1rem !important;
		
	
		width: 100%;
		
	}
	.cont-produtos-grid-5 .fundo-quadro-produto.prod-desconto {
		
		
		
		box-shadow: 0px 0px 2px #ffe000 !important;
		
		
	}
	
	.cont-produtos-grid-5 .foto-produto {
		
		
		width: 100% !important;
		
		max-width: 180px !important;
		
		box-shadow: 0 0 7px rgba(0,0,0,.2) !important;
		
		border-radius: 10px 10px 0 0 !important;
		
		border-top: 5px solid #fff !important;
		
		border-bottom: 5px solid #fff !important;
		
		border-left: 5px solid #fff !important;
		
		border-right: 5px solid #fff !important;
		
		
	}
	.cont-produtos-grid-5 .faixa-descricao-produtos {
		
		
		width: 100% !important;
		
		background-color: rgb(0, 156, 92) !important;
		
		padding: .1rem !important;
		
		border-radius: 10px 10px 0 0 !important;
		
		font-family: 'Roboto' !important;
		
		font-size: .9rem !important;
		
		color: rgb(243, 243, 243) !important;
		
		
		display: inline-block;
		
	}
	.cont-produtos-grid-5 .prod-desconto .faixa-descricao-produtos {
		
		
		font-weight: bold !important;
		
		color: rgb(253, 203, 20) !important;
		
		
		
		display: inline-block;
		
	}
	
	.cont-produtos-grid-5 .prod-desconto .porc-desc {
		
		
		background: rgb(189, 0, 17);
		
		font-family: 'Roboto';
		
		font-size: .9rem;
		
		color: #fff;
		
		box-shadow: 1px 0px 2px rgba(0,0,0,.5);
		
		border-radius: 0 3px 3px 0;
		
		
		
		position: absolute;
		top: .3rem;
		left: 0;
		padding: .3rem .5rem;
		
	}
	
	.cont-produtos-grid-5 .faixa-valor-produtos {
		
		
		
		width: 100% !important;
		
		background-color: rgb(0, 0, 0) !important;
		
		padding: .1REM !important;
		
		border-radius: 0 0 0 10px !important;
		
		font-family: 'Roboto' !important;
		
		font-size: 1.5rem !important;
		
		font-weight: bold !important;
		
		color: rgb(255, 255, 255) !important;
		
		
		display: inline-block;
		
	}
	.cont-produtos-grid-5 .prod-desconto .faixa-valor-produtos {
		
		
		color: #fff !important;
		
		text-shadow: 0px 3px 0px rgba(0,0,0,.5);
		
		
		
		display: inline-block;
		
	}
	
	.cont-produtos-grid-5 .faixa-valor-produtos .mini {
		
		
		font-size: .9rem !important;
		
		color: rgb(249, 168, 37) !important;
		
		text-shadow: none;
		

		position: relative;
		left: 0;
		top: 0;
		
	}
	.cont-produtos-grid-5 .prod-desconto .faixa-valor-produtos .mini {
		
		
		font-size: .9rem !important;
		
		color: #fff !important;
		
		
	}
	.cont-produtos-grid-5 .prod-desconto .faixa-valor-produtos .preco-normal .mini span {
		
		text-decoration: line-through;
		
	}
	
	
	.cont-produtos-grid-5 .faixa-espec-produtos {
		
		
		width: 100% !important;
		
		background-color: rgb(1, 99, 59) !important;
		
		font-family: 'Roboto' !important;
		
		font-size: .9rem; !important;
		
		color: rgb(237, 237, 237) !important;
		
		text-shadow: 0 0 0 rgba(0,0,0,0); text-transform: lowercase; font-style: italic; padding: .5rem 0;
		
		
		
		display: inline-block;
		
	}
	.cont-produtos-grid-5 .prod-desconto .faixa-espec-produtos {

		
		font-weight: bold !important;
		
		color: rgb(243, 188, 6) !important;
		
		
		display: inline-block;

	}
	
	.cont-produtos-grid-5 .quadro-botao-comprar-produtos {
		
		
		width: 100% !important;
		
		text-align: right !important;
		


		display: inline-block;
		
	}
	
	.cont-produtos-grid-5 .quadro-botao-comprar-produtos .botao-comprar-produtos {
		
		
		max-width: 100% !important;
		
		background-color: rgb(198, 40, 40) !important;
		
		padding: .2rem .4rem !important;
		
		border-radius: 0 0 5px 5px !important;
		
		font-family: Roboto !important;
		
		font-size: 1rem !important;
		
		color: rgb(241, 241, 241) !important;
		
		


		display: inline-block;
		
	}
	
	
	.cont-produtos-grid-5 .quadro-botao-comprar-produtos .botao-comprar-produtos .icone-botao-comprar {
		

		
		width: 1.5rem !important;
		
		margin: 0 .5rem 0 0 !important;
		
		float: left !important;
		
		
		z-index: 1;

		
	}
	
	
	
	/* Display grid não funciona em todos os navegadores mas tem um bom suporte, verificamos se funciona e aplicamos a grid que quisermos :) */
	@supports(display: grid) {
		.cont-produtos-grid-5 {
			display: grid;
			grid-template-columns: repeat(4, 25%); /* qtde colunas, tamanho */
			/*grid-template-rows: auto auto 1fr 1fr 1fr auto auto; /*********** Causando bug de linhas vazias */
			grid-row-gap: 1rem; /* Espaço entre colunas */
		}
		.cont-produtos-grid-5 > .col {
			width: 100% !important;
			height: 100% !important;
			max-height: 350px;
		}
		.cont-produtos-grid-5 > .col > .row {
			height: 100%;
		}
		.cont-produtos-grid-5 .fundo-quadro-produto {
		    height: 100%;
		}
		
		@media only screen and (max-width: 1500px) {
			.cont-produtos-grid-5 {
				grid-template-columns: repeat(3, 33.3333333333%);
			}
			.cont-produtos-grid-5 > .col {
				max-height: 350px;
			}
		}
		@media only screen and (max-width: 1330px) {
			.cont-produtos-grid-5 {
				grid-template-columns: repeat(3, 33.3333333333%);
			}
			.cont-produtos-grid-5 > .col {
				max-height: 360px;
			}
		}
		@media only screen and (max-width: 601px) {
			.cont-produtos-grid-5 {
				grid-template-columns: repeat(2, 50%);
			}
		}
		
	}
	
	
	@media only screen and (max-width: 740px) {
		.cont-produtos-grid-5 .faixa-valor-produtos {
			font-size: 1.5rem;
		}
	}
	
	/* Fim estilização modo Grade */
	
	
	/* Modo visualização Lista */
	
	.cont-produtos-grid-6 .fundo-quadro-produto {
		
		width: 100%;
		text-align: left;
		
		
		background-color: rgb(255, 255, 255) !important;
		
		background-repeat: no-repeat !important;
		
		background-position: 95% 30px !important;
		
		box-shadow: 0px 1px 2px rgba(103, 6, 18, 0.3) !important;
		
		border-radius: 3px !important;
		
		padding: .5rem 1rem !important;
		
		
	}
	
	.cont-produtos-grid-6 .fundo-quadro-produto.prod-desconto {
		
		
		box-shadow: 0px 0px 2px #ffe000 !important;
		
		
	}
	.cont-produtos-grid-6 .prod-desconto .porc-desc {

		
		background: rgb(189, 0, 17);
		
		font-family: 'Roboto';
		
		font-size: .9rem;
		
		color: rgb(237, 237, 237);
		
		box-shadow: 1px 0px 2px rgba(0,0,0,.5);
		
		border-radius: 0 3px 3px;
		
		
		
		display: inline-block;
		padding: .1rem .5rem;

	}
	
	
	.cont-produtos-grid-6 .faixa-descricao-produtos {
		
		
		font-family: 'Roboto' !important;
		
		font-size: 1.1rem !important;
		
		color: rgb(58, 58, 58) !important;
		

		line-height: 1.5rem;
		
		text-transform: capitalize;
		background: transparent !important;
		
	}
	.cont-produtos-grid-6 .prod-desconto .faixa-descricao-produtos {

		

	}
	
	.cont-produtos-grid-6 .faixa-valor-produtos {
		
		
		font-family: 'Roboto' !important;
		
		font-size: 1.5rem !important;
		
		font-weight: bold !important;
		
		color: rgb(0, 0, 0) !important;
		
		
		background: transparent !important;
	}
	.cont-produtos-grid-6 .prod-desconto .faixa-valor-produtos {

		

	}
	
	.cont-produtos-grid-6 .faixa-valor-produtos .mini {

		
		font-size: .9rem !important;
		
		color: rgb(103, 6, 18) !important;
		
		
		position: relative;
		left: .2rem;
		top: -.5rem;

	}
	
	.cont-produtos-grid-6 .prod-desconto .faixa-valor-produtos .mini {

		
		font-size: .9rem !important;
		
		color: #888 !important;
		
		
		position: relative;
		left: .2rem;
		top: 0rem;

	}
	
	.cont-produtos-grid-6 .prod-desconto .faixa-valor-produtos .preco-normal .mini span {
		
		text-decoration: line-through;
		
	}
	
	.cont-produtos-grid-6 .faixa-espec-produtos {
		
		
		font-family: 'Roboto' !important;
		
		font-size: .9rem !important;
		
		color: #666 !important;
		
		
		padding: .2rem;
		background: transparent !important;
		
	}
	.cont-produtos-grid-6 .prod-desconto .faixa-espec-produtos {

		

	}
	
	
	/* Display grid não funciona em todos os navegadores mas tem um bom suporte, verificamos se funciona e aplicamos a grid que quisermos :) */
	@supports(display: grid) {
		.cont-produtos-grid-6 {
			display: grid;
			grid-template-columns: repeat(2, 50%); /* qtde colunas, tamanho */
			/*grid-template-rows: auto auto 1fr 1fr 1fr auto auto; /*********** Causando bug de linhas vazias */
			grid-row-gap: 1rem; /* Espaço entre colunas */
		}
		.cont-produtos-grid-6 > .col {
			width: 100% !important;
			height: 100% !important;
			max-height: 350px;
		}
		.cont-produtos-grid-6 > .col > .row {
			height: 100%;
		}
		.cont-produtos-grid-6 .fundo-quadro-produto {
		    height: 100%;
		}
		
		@media only screen and (max-width: 1500px) {
			.cont-produtos-grid-6 {
				grid-template-columns: repeat(2, 50%);
			}
			.cont-produtos-grid-6 > .col {
				max-height: 350px;
			}
		}
		@media only screen and (max-width: 1330px) {
			.cont-produtos-grid-6 {
				grid-template-columns: repeat(2, 50%);
			}
			.cont-produtos-grid-6 > .col {
				max-height: 360px;
			}
		}
		@media only screen and (max-width: 601px) {
			.cont-produtos-grid-6 {
				grid-template-columns: repeat(1, 100%);
			}
		}
		
	}
	
	/* Fim estilização modo Lista */