/*<style>*/

@charset "utf-8";





	.fundo-produtos {
		
		
		background-color: rgb(0, 0, 0) !important;
		
		
	}
	
	
	/* Modo visualização Grade */
	
	.cont-produtos-grid-5 .fundo-quadro-produto {
		
		
		background-color: rgb(0, 0, 0) !important;
		
		box-shadow: none; border: 1px solid #c3c3c3 !important;
		
		border-radius: 5px; height: auto !important;
		
		padding: .5rem .5rem 0; min-height: 100% !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;
		
		
	}
	.cont-produtos-grid-5 .faixa-descricao-produtos {
		
		
		width: 100% !important;
		
		padding: .5rem;min-height: 2rem !important;
		
		font-family: 'Grobold' !important;
		
		font-size: 1rem !important;
		
		font-weight: bold;text-transform:uppercase !important;
		
		color: rgb(247, 184, 29) !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;
		
		padding: .1rem;text-align:right !important;
		
		font-family: 'Grobold' !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: .7rem;font-family:Grobold !important;
		
		color: rgb(253, 46, 46) !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;
		
		font-family: 'Roboto' !important;
		
		font-size: .9rem; !important;
		
		font-weight: bold; height: 50px !important;
		
		color: rgb(173, 173, 173) !important;
		
		text-shadow: none;text-transform: lowercase; font-style: italic; padding: .3rem 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(237, 51, 56) !important;
		
		padding: .2rem .4rem !important;
		
		border-radius: 3px !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.2rem !important;
		
		margin: 0 .3rem 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.prod-grid-6 {
			display: grid;
			grid-template-columns: repeat(6, 16.666%); /* 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.prod-grid-7 {
			display: grid;
			grid-template-columns: repeat(7, 14.285%); /* 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.prod-grid-8 {
			display: grid;
			grid-template-columns: repeat(8, 12.5%); /* 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%;
		}
		
		.cont-produtos-grid-5.prod-grid-6 > .col {
			padding: 0 .4rem !important;
		}
		.cont-produtos-grid-5.prod-grid-7 > .col {
			padding: 0 .4rem !important;
		}
		.cont-produtos-grid-5.prod-grid-8 > .col {
			padding: 0 .3rem !important;
		}
		
		@media only screen and (max-width: 1500px) {
			.cont-produtos-grid-5 {
				grid-template-columns: repeat(4, 25%);
			}
			.cont-produtos-grid-5.prod-grid-6 {
				grid-template-columns: repeat(6, 16.666%);
			}
			.cont-produtos-grid-5.prod-grid-7 {
				grid-template-columns: repeat(7, 14.285%);
			}
			.cont-produtos-grid-5.prod-grid-8 {
				grid-template-columns: repeat(8, 12.5%);
			}

						
			.cont-produtos-grid-5 > .col {
				max-height: 350px;
			}
		}
		@media only screen and (max-width: 1330px) {
			.cont-produtos-grid-5 {
				grid-template-columns: repeat(4, 25%);
			}
			.cont-produtos-grid-5.prod-grid-6 {
				grid-template-columns: repeat(6, 16.666%);
			}
			.cont-produtos-grid-5.prod-grid-7 {
				grid-template-columns: repeat(7, 14.285%);
			}
			.cont-produtos-grid-5.prod-grid-8 {
				grid-template-columns: repeat(8, 12.5%);
			}
			
			.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%);
			}
			.cont-produtos-grid-5.prod-grid-6 {
				grid-template-columns: repeat(3, 33.333%);
			}
			.cont-produtos-grid-5.prod-grid-7 {
				grid-template-columns: repeat(4, 25%);
			}
			.cont-produtos-grid-5.prod-grid-8 {
				grid-template-columns: repeat(4, 25%);
			}
		}
		
	}
	
	
	@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(252, 247, 203) !important;
		
		box-shadow: none; border: 1px solid #d4cf93 !important;
		
		border-radius: 5px !important;
		
		padding: .5rem .5rem !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: 'FontPadrao' !important;
		
		font-size: 1.2rem !important;
		
		color: rgb(237, 51, 56) !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: 'FontPadrao' !important;
		
		font-size: 1.5rem !important;
		
		font-weight: bold !important;
		
		color: rgb(33, 144, 78) !important;
		
		
		background: transparent !important;
	}
	.cont-produtos-grid-6 .prod-desconto .faixa-valor-produtos {

		

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

		
		font-size: .8rem !important;
		
		color: rgb(0, 0, 0) !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: 'FontPadrao' !important;
		
		font-size: .9rem !important;
		
		color: rgb(253, 213, 2) !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 */