@charset "UTF-8";
.CarrinhoProds, .CarrinhoVazio{padding: 0;}
.btnProdMinus, .btnProdPlus { color:#DDD; position:absolute; cursor:pointer; right: -20px; font-size:14px;}
.btnProdMinus:hover, .btnProdPlus:hover,.btnProdMinus:active, .btnProdPlus:active{ color:rgb(60, 118, 61);}
.btnProdPlus{top: 0px; }
.btnProdMinus{top: 22px; }

/*NOVO CARRINHO*/
main { background-color: #ececec; }
.titPagCarrinho { font-size: 20px; text-align: center; margin: 20px auto;}

.newCarrinho { background-color: #fefefe; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); border-radius: 5px; margin: 10px; padding: 10px; }
.newTitCarrinho { display: none; }
.newItensCarrinho { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
.newItensCarrinho { border-bottom: 1px solid #e9e9e9; padding: 15px 0px; }
.divImgNewCar { width: 25%; }
.newItensCarrinho h4{ font-size: 16px; width: 75%; padding: 0px 15px; }
.newItensCarrinho h5{ width: 37.5%; padding-left: 15px; }
.qtdNewCar { width: 25%; padding-top: 10px;  }
.qtdNewCar input{ margin: 0px auto; height: auto; }
.iconsNewCar { display: flex; flex-direction: column; position: relative; align-items: flex-end; bottom: 51px; right: 10px; height: 0px; cursor: pointer; }
.iconNewCar { font-size: 10px; margin: 2px 0px; }
.imgNewCar { width: 70px; }

/*NOVO CARRINHO VAZIO*/
.titNewCarrinho { font-size: 20px; text-align: center; margin: 0px auto 25px; }
.newCarrinhoVazio { margin: 50px auto; padding: 10px; }
.infoNewCarVazio { display: flex; flex-direction: column; }
.infoNewCarVazio h1 { font-size: 25px; text-align: center; margin: 0px auto 25px; }
.infoNewCarVazio small { text-align: center; }
a.btnNewCarVazio:active, a.btnNewCarVazio:link, a.btnNewCarVazio:visited { background-color: #1db12d; color: #fefefe; text-align: center; padding: 10px; border-radius: 5px; margin: 0 auto; display: block; }
a.btnNewCarVazio:hover { background-color: #0f911d; }
.btnNewCarVazio i { font-size: 20px; margin-right: 10px; }

/*NOVO CUPOM DESCONTO*/
.newCupomDesc small{ text-align: center; }
.newInputCupom { display: flex; flex-direction: row; }
.newInputCupom input{ width: 70%; padding: 10px; font-size: 14px; border: none; border: 1px solid #e9e9e9; border-radius: 5px; }
a.newBtnCupom:active, a.newBtnCupom:visited, a.newBtnCupom:link { width: 28%; padding: 8px; font-size: 14px; background-color: #fefefe; color: #1e1e1e; border: 1px solid #e9e9e9; border-radius: 5px; text-align: center; margin-left: 2%; line-height: 24px;}
a.newBtnCupom:hover{  background-color: #dddada; }

/*NOVO RESUMO COMPRA*/
.newResumoCompra h2 { margin: 0px auto 10px; }
a.newBtnConclui:active, a.newBtnConclui:link, a.newBtnConclui:visited { background-color: #1db12d; color: #fefefe; text-align: center; padding: 10px; border-radius: 5px; margin: 20px auto; display: block; }
a.newBtnConclui:hover { background-color: #0f911d; }
.newBtnContinuar { background-color: #f38434 !important; margin-bottom: 0px !important; }
.newBtnContinuar:hover { background-color: #D7600C !important; }
.blocoTabPreco h5{  }
.infoNewTab { display: flex; flex-direction: row; justify-content: space-between; }
.blocoTabTotal { border-top: 1px solid #e9e9e9; }
.blocoTabTotal h5{ font-size: 18px; font-weight: 600; }
.infoNewTotal { justify-content: flex-end; font-size: 10px; }
.infoNewTotal h5{ font-size: 12px; margin: 5px 0px; }

/*NOVO BLOCO FRETE*/
.blocoInfoFrete span{ color: #777777; }
a.btnAltEnd:active, a.btnAltEnd:link, a.btnAltEnd:visited { color: #337ab7; font-weight: 500; }
a.btnAltEnd:hover { color: #1E629C; }
/*.blocoNewFrete { background-color: #cecece; padding: 5px; border-radius: 5px; margin: 10px auto; }
.divNewFrete { display: flex; flex-direction: row; align-content: center; align-items: center; }
.divNewFrete input{ width: 5%; margin: 0 auto;}
.divNewFrete label{ width: 90%; margin: 0 auto; }*/

.divNewFrete { display: flex; flex-direction: row; align-content: center; align-items: center; cursor: pointer; margin: 10px auto;}
.divNewFrete input { display: none; /* Ocultar o radio padrão */ }
.divNewFrete label { width: 100%; margin: 0 auto; color: #777; padding: 5px; border: 1px solid #ddd; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; }
.divNewFrete label:hover { background-color: #f5f5f5; }
.divNewFrete input:checked + label { background-color: #f5f5f5; border-color: #2176F8; box-shadow: 0 0 2px #2176F8; transition: all 0.3s ease; color: #333; }
.divNewFrete input:checked + label strong { font-weight: bold; }
.divNewFrete input:checked + label .NewCar-FreteVL { text-decoration: underline; }

.newCarrinhoTotal { background-color: #fefefe; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); border-radius: 5px; margin: 10px; padding: 10px; }
.newCarOutroEndereco{ cursor: pointer; font-weight: 600; margin-bottom: 5px; width: 100%;  }



@media (min-width: 480px) {
    /* Adicionar estilos específicos para telas pequenas aqui */
}

@media (min-width: 768px) {
    /* Adicionar estilos para tablets aqui */
	
	/*NOVO CARRINHO*/
	.titPagCarrinho { font-size: 25px; margin: 20px auto;}
	
	.newTitCarrinho { display: flex; flex-direction: row; text-align: center; border-bottom: 1px solid #c5c5c5;}
	.newTitCarrinho h4:nth-of-type(1) { width: 15%; }
	.newTitCarrinho h4:nth-of-type(2) { width: 45%; text-align: left; padding-left: 15px;}
	.newTitCarrinho h4:nth-of-type(3) { width: 10%; padding-left: 0px; }
	.newTitCarrinho h4:nth-of-type(4) { width: 15%; }
	.newTitCarrinho h4:nth-of-type(5) { width: 15%; }
	
	.divImgNewCar { width: 15%; }
	.newItensCarrinho h4 { width: 45%; }
	.qtdNewCar { width: 10%; text-align: center; }
	.newItensCarrinho h5 { width: 15%; }
	
	.newItensCarrinho { flex-wrap: nowrap; align-items: flex-start; }
	.imgNewCar { width: 90px; margin: 0 auto; display: block; }
	.qtdNewCar { padding-top: 0px;  }
	.newItensCarrinho h4 { font-size: 18px; }
	.newItensCarrinho h5 { text-align: center; padding: 0px;}
	
	.blocoInfoTotal { display: flex; flex-wrap:wrap;  max-width: 1440px; margin: 0 auto; }
	
	.newCarrinhoResumo { width: 60%; }
	.newCarrinhoCupom { width: 40%; }
	
	/*NOVO CARRINHO VAZIO*/
	a.btnNewCarVazio:active, a.btnNewCarVazio:link, a.btnNewCarVazio:visited { max-width: 300px; }
    
    
    .newCarrinhoCupom{ order: 2; width: 100%;  }
    .newCarrinhoResumo{ order: 3; width: 100%; }
    .newCarrinhoFrete{ order: 1; width: 100%; }
	
	
}

@media only screen and (min-width: 992px) {
    /* Adicionar estilos para telas maiores aqui */
	
	/*NOVO CARRINHO*/
	.titPagCarrinho { margin: 30px auto; }
	
	.newTitCarrinho h4:nth-of-type(1) { width: 10%; }
	.newTitCarrinho h4:nth-of-type(4) { width: 17.5%; }
	.newTitCarrinho h4:nth-of-type(5) { width: 17.5%; }
	
	.divImgNewCar { width: 10%; }
	.newItensCarrinho h5 { width: 17.5%; }
	
	.blocoInfoTotal { justify-content: space-between; }
	.newCarrinhoResumo { width: 40%;  margin: 10px;  } 
	.newCarrinhoCupom { width: 58%;  margin: 10px;  }
	
	a.newBtnConclui:active, a.newBtnConclui:link, a.newBtnConclui:visited { width: 250px; }
    
    .newCarrinhoCupom{ order: 2; width: 45%;  }
    .newCarrinhoResumo{ order: 3; width: 50%; }
    .newCarrinhoFrete{ order: 1; width: 100%; }
	
}

@media only screen and (min-width: 1100px) {
    /* Adicionar estilos específicos para desktops grandes aqui */
}

@media only screen and (min-width: 1280px) {
    /* Adicionar estilos específicos para telas ainda maiores aqui */
	
	/*NOVO CARRINHO*/
	.newTitCarrinho h4:nth-of-type(2) { width: 48%; }
	.newTitCarrinho h4:nth-of-type(3) { width: 7%; }
	
	.newItensCarrinho h4 { width: 48%; }
	.qtdNewCar { width: 7%; text-align: center; }
	
	.newCarrinhoResumo { width: 100%; margin-bottom: 0px;  }
	.newCarrinhoCupom { width: 100%;  }
	.newCarrinhoFrete { margin-top: 0px;  }
	
	.blocoInfosCarrinho { display: flex; flex-direction: row; max-width: 1440px; margin: 0px auto 30px; justify-content: center;}
	.blocoInfoTotal { flex-direction: column; }
	.newCarrinho { width: 68%; margin: 0px 1%; }
	.blocoInfoResumo { width: 29%; margin-right: 1%;  }
    
    .blocoInfoTotal{ padding-right: 10px; }
	
}

@media only screen and (min-width: 1440px) {
    /* Adicionar estilos para telas ultra largas aqui */
	
	
}