.clear{
clear:both;
}

.niver{
text-align:center;
}


/*redimensionar imagem sem perder qulidade*/
/*image-rendering: (pixelated);*/

/*sombra na imagem*/
.sombra{
filter:drop-shadow(4px 4px 4px #121212);
}

.sombraAzul{
filter:drop-shadow(3px 3px 3px #bdb6b6);
}

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width:210px;
  min-height:300px;
  margin-left:10px;
  box-sizing: border-box;
  margin-bottom:10px;
  /*background-color: #bdb6b6;*/
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card img{
	text-align:center;
}

/* Add some padding inside the card container */
.container {
  padding: 2px 5px;
}

.conteudoProduto{
	display:flex;
	
}

h2{
	min-height:75px;
	font-size:13px;
	color:000;
	margin:3px 0;
	text-transform:uppercase;
	text-align:left;
}

.preco{
	font-size:18px;
	font-weight:bold;
	color: #a51e07;
}

.foto-produto{
	width:210px; 
	height:210px; 
	object-fit:cover; 
	margin-top:15px;
}




.botao{
	border:none;
	color:#fff;
	border-radius:10px;
	background-color:#3367d6;
	margin:0;
	padding:5px 8px;
	width:95%;
	box-sizing: border-box;
	font-size:14px;

}

.botao a {
	border:none;
	text-decoration:none;
	padding:5px 8px;
	margin:0px;
	display:block;
	border-radius:10px;
	color:#fff;
	
}

.botao:link, .botao:visited{
	color:#000;
}

.botao:hover{
	padding:5px;
	margin:0px;
	background-color:#bdb6b6;
	color:#000;
	 transform: scale(1.03);
	 cursor:pointer;
	/*font-weight:bold;*/
}


.pH1{
	font-size:18px; 
	margin-top:-15px; 
	margin-bottom: 4px; 
	text-transform:uppercase;
	padding:0 15px;
	box-sizing: border-box;
}



@media screen and (max-width: 600px) {

	body{
		width:100%;
		margin:0;
		padding:0;

	}

	h4{
		font-size:12px;
		text-align:left;
		min-height:70px;
		margin:2px 0;
		padding:2px 0;
	}

	.preco{
		font-size:20px;
		margin:2px 0;
	}

 	 .card {
	  	display:flex;
	  	flex: 0 0 calc(48% - 10px / 2);
	  	box-sizing: border-box;
	  	gap:3px;
	  	/*width:185px;*/
	  	flex-direction: column;
	    /*width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
	    height:auto;
	    margin-bottom:10px;
	    justify-content: center;
	    margin:0;
	    padding:0 5px 0 0;
	    /*margin-left:3px;*/
	    
 	 }

	.foto-produto{
	    width:175px;
	    height:175px; 
		object-fit:cover; 
		margin-top:15px;
	}

}