/*  style nova versao */

.titulo1 {
    padding: 10px 0;
}


/*
	.caixaTopo{
		padding: 5px 10px;
	}
	*/

.inpt100 {
    width: 100%;
    max-width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

.infos-finais,
#calcula-frete-section,
#botoes-footer {
    padding: 15px;
    margin: 0 auto 15px auto;
    font-size: 12px;
}


/*
	#calcula-frete-section{
		background-color: #fff;
	}
	*/

#botoes-footer input {
    width: 100%;
}

.infos-finais,
#calcula-frete-section * {
    box-sizing: border-box;
}

.right-two-coluns {
    float: right;
    width: 42%;
    padding: 15px 0;
}

.left-two-coluns {
    float: left;
    width: 57%;
    padding: 15px 0;
}

#calcula-frete-section {
    text-align: left;
    float: left;
    box-sizing: border-box;
    width: 100%;
}

#calcula-frete-section input {
    display: inline-block;
    text-align: center;
}

#calcula-frete-section .sub-tit {
    font-size: 10px;
    margin-bottom: 10px;
}

#calcula-frete-section .pesoTotal {
    margin-top: 15px;
}

#botoes-footer {
    text-align: center;
}

#botoes-footer div {
    margin: 5px;
}

.codPromocional {
    padding: 15px;
    margin-bottom: 15px;
    width: 100%;
    font-size: 12px;
    float: left;
    box-sizing: border-box;
    /*background-color: #fff;*/
}

.codPromocional div:not(.input-group) {
    display: inline-block;
}

.codPromocional div.tit,
.engTitSubTit .tit {
    width: 165px;
}

.desc .main {
    display: inline-block;
}

.subTotal {
    margin: 10px 0;
}

#carrinhoNew .subTotal {
    float: left;
    width: 100%;
}

.subTotal .main,
.freteInfos .main {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.pesoTotal {
    font-size: 12px;
}

.pesoTotal .main {
    display: inline-block;
}

.new-version .caixaTextoBorda {
    padding: 20px 10px;
    margin: 30px 0;
    /*float: left; /* problema nos layouts antigos */
}


/* jonas 15/05/2020  problem nos layouts antigos na tela de finalização
TD.td_central{
	 background: var(--cor10);
}
DIV.td_central{
	 background: var(--cor10);
}
*/

.new-version .calendario img {
    position: relative;
    top: 5px;
}

.new-version div .caixaTexto input.data {
    width: 70%;
}

.new-version div .caixaTexto select {
    padding: 2px;
}

.new-version div .caixaTexto input[type="checkbox"] {
    margin-left: 0;
    cursor: pointer;
}

.new-version div .caixaTexto input[type="numero"] {
    padding: 3px;
    text-align: center;
}

.new-version div .caixaTexto {
    display: inline-block;
    box-sizing: border-box;
}

.new-version div .caixaTexto label {
    cursor: pointer;
    margin-right: 5px;
}

.new-version div .caixaTexto input[type="radio"] {
    position: relative;
    top: 3px;
    margin-left: 0;
}

.new-version div .caixaTexto:first-child {
    padding: 5px 0;
    margin-top: 15px;
    font-size: 12px;
    /*width:25%;*/
    width: 135px;
}

.new-version div .caixaTexto:last-child {
    width: 70%;
}

.new-version .engloba-btn {
    margin: 15px 25px;
    text-align: right;
}

.new-version .engloba-btn input,
.new-version .engloba-btn img {
    vertical-align: middle;
}

.new-version .engloba-btn input {
    margin: 0;
    display: initial;
}

#engloba-passos {
    width: 100%;
    text-align: center;
}

.captcha {
    display: inline-block;
    vertical-align: middle;
}

.captcha:first-child div {
    display: inline-block;
    vertical-align: middle;
}

.captcha:last-child {
    margin-left: 10px;
}

.passos {
    height: 35px;
    padding: 5px;
    width: 25%;
    background-color: #f1f1f1;
    font-weight: bold;
    display: inline-block;
    position: relative;
    margin-right: 11px;
    cursor: pointer;
    text-align: center;
}

.passos:hover {
    background-color: #f6f6f6;
}

.passos:hover:before {
    border-left: 22px solid #f6f6f6;
}

.passos:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -21px;
    z-index: 1;
    top: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 22px solid #f1f1f1;
}

.passos:last-child:before {}

.passos:first-child {}

.passos:last-child {
    margin-right: 0;
}

.arrow-atras {
    padding-left: 30px;
}

.passos div {
    font-size: 18px;
}

.arrow-atras:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0px;
    top: .5px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 22px solid var(--cor10);
}

#res-captcha {
    text-align: center;
    color: red;
    display: none;
    padding-top: 35px;
    font-size: 16px;
}


/*.telefone:last-child{
		width:50% !important;
	}*/

.texts-topo-caixa-borda {
    font-size: 12px;
}

.texts-topo-caixa-borda.left {
    display: inline-block;
    width: 59%;
}

.texts-topo-caixa-borda.right {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    text-align: right;
}

.caminho-topo {
    margin: 15px 0 10px 0;
}

.passosDiv {
    display: none;
}

.passo1 {
    display: block;
}

.passos.completado {
    background-color: #acacac;
    color: #fff;
}

.passos.completado:before {
    border-left-color: #acacac;
}

#loading-gif {
    display: none;
}

#cadastro-concluido {
    padding: 50px;
}

#cadastro-concluido .titulo1 {
    text-align: center;
    margin-bottom: 20px;
}

#cadastro-concluido .btns {
    text-align: center;
    padding: 2%;
}

#cadastro-concluido input {
    display: inline-block;
}

.passos.current {
    background: var(--cor15);
    color: #fff;
}

.passos.current:before {
    border-left-color: var(--cor15);
}

#cadastro-concluido {
    display: none;
}

.content * {
    box-sizing: border-box;
}

.content {
    width: 100%;
    margin: 0 auto;
}

.content .caixaTextoBorda {
    float: left;
    text-align: left;
    margin: .5%;
    width: 49%;
}

.content .caixaTexto input[type="text"],
.content .caixaTexto input[type="password"] {
    max-width: 100%;
    width: 100%;
    padding: 3px;
}

.content .content-white {
    padding: 0 10px;
}

.content .caixaTopo {
    padding: 0 10px;
    line-height: 22px;
}

.content .etapa-compra {
    padding: 15px 0;
}

.content .botoes {
    padding: 10px;
    text-align: right;
    width: 100%;
}

.content .botoes input {
    margin: 0;
    display: initial;
}

.content .input {
    display: inline-block;
    padding-top: 5px;
    max-width: 100%;
    width: 100%;
}

.content .smallText {
    padding: 10px 0;
    color: red;
}

.content .smallText.more-padding {
    padding: 25px 0;
}

.esqueci.more-padding {
    padding-top: 21.5px;
}

.center-caixaborda {
    margin: 25px auto;
    width: 95%;
    font-size: 12px;
}

.center-caixaborda div .main:first-child {
    padding: 5px 0;
    margin-top: 5px;
    width: 30%;
}

.center-caixaborda div .main:last-child {
    width: 68%;
    font-size: 12px;
}

.center-caixaborda>div>div {
    display: inline-block;
}

.center-caixaborda select {
    width: 100%;
}

.engloba-btn {}

.engloba-btn input {
    margin: auto;
}

.valorFrete {
    font-size: 12px;
}

.info-finais .main {
    display: inline-block;
    font-size: 12px;
}

#separa-total {
    text-align: right;
}

#separa-total hr {
    margin-right: 0;
}

.tipo-fretes {
    vertical-align: top;
}

.center-caixaborda input[type="text"].campo-numero {
    width: 40%;
}

hr {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-color: #f1f1f1;
}

.eng-frete,
.eng-info-finais {
    margin-top: 15px;
}

.eng-frete {
    float: left;
    width: 50%;
    /* width: 80%; */
    /* margin: auto; */
    /* padding-top: 15px; */
}

.info-finais {
    padding: 15px;
    box-sizing: border-box;
}

.info-finais .main.desc {}

.info-finais .main.valor {
    float: right;
    font-weight: bold;
}

.table-fretes {}

.eng-info-finais {
    float: right;
    width: 46%;
}

.tit-main {
    font-size: 12px;
    margin-top: 20px;
}

.eng-login-cadastro {
    text-align: center;
    width: 100%;
    margin: 0 -.5%;
}

.eng-login-cadastro *,
.eng-login-cadastro .esqueci a {
    font-size: 12px;
}

.contato * {
    box-sizing: border-box;
}

.contato {
    background: var(--cor10);
}

.contato {
    padding: 30px 5%;
    margin: 30px 0;
}

.contato select {
    width: 100%;
    cursor: pointer;
}

.contato .main {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.contato .main div {
    float: left;
    text-align: left;
}

.contato #id_bot_enviar {
    margin-left: auto;
}

.contato .main div:first-child {
    width: 140px;
    font-size: 12px;
}

.contato .main div:last-child {
    width: 70%;
}

.contato .main.fone div:last-child input:first-child {
    float: left;
    width: 10%;
}

.contato .main.fone div:last-child input:last-child {
    float: right;
    width: 88%;
}

.contato .main.codKey div:last-child div {
    width: 50%;
}

.engTitSubTit {
    display: inline-block;
}

.tit {
    font-weight: bold;
    font-size: 14px;
}

#texto_contato {
    margin: 0;
    font-size: 14px;
}

.freteTable td {
    /*background: transparent;*/
}

.cadaFrete {
    cursor: pointer;
    height: 35px;
}

.cadaFrete:hover,
.cadaFrete:hover td {
    /* background: #f7f7f7 !important; */
}

.esqueciSenhaBox {
    padding: 15px 0;
}

.esqueciSenhaBox .caixaTextoBorda {
    margin: 10px 0;
    padding: 20px 10px 0 10px;
    font-size: 12px;
    text-align: center;
}

.esqueciSenhaBox .caixaTextoBorda input {
    margin: auto;
}

.esqueciSenhaBox .caixaTexto {
    font-size: 12px;
}

.meuPedidos-new {
    padding: 15px;
}

.meuPedidos-new .infoBoxContents {
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
}


/*
	.row{
		margin: auto -15px;
		width: 100%;
	}
	*/

.meuPedidos-new .infoBoxContents .caixaTextoBorda {
    padding: 10px;
    padding-top: 0;
}

.infos-finais .label {}

.infos-finais .text {
    float: right;
}

.btnsMeusPedidos {
    padding: 15px;
    float: right;
}

.btnsMeusPedidos input,
.btnsMeusPedidos a {
    float: right;
    margin-left: 10px;
}

.tabelaDePedidos {
    margin: 15px 0;
}

#id_cartao * {
    box-sizing: border-box;
}

.codPromocionalFinalizar {
    padding: 15px;
}

.codPromocionalFinalizar div {
    display: inline-block;
}

.main.mylabel {
    font-weight: bold;
    float: left;
    font-size: 14px;
    /*width: 165px; ajuste no carrinho */
}

.info-finais .main.mylabel {
    width: 100%;
    margin-bottom: 15px;
}

.codPromocionalFinalizar .main.txt {
    vertical-align: top;
}

.codPromocionalFinalizar input[type="button"],
#formaPagmt input[type="button"] {
    margin: 5px 0;
}


/*
	jonas - ajuste no carrinho
	#frete_valor{
		font-weight: bold;
	}
	*/

.infoBoxContents .tabela_adicionar .caixaTexto {
    font-size: 12px;
    display: inline-block;
    margin: 2.5px 0;
}

.infoBoxContents .tabela_adicionar .caixaTexto:first-child {
    font-weight: bold;
    width: 95px;
}

.detalhePedido-new .colunaGerenciado {
    font-weight: bold;
}

.infoBoxContents .tabela_adicionar .caixaTexto.titulo,
.detalhePedido-new .titSmall {
    width: 100%;
    margin: 30px 0 15px 0;
    padding-bottom: 5px;
    float: none;
    text-transform: uppercase;
    border-bottom: solid thin #f7f7f7;
}

.infoBoxContents .tabela_adicionar .caixaTexto.titulo i,
.detalhePedido-new .titSmall i {
    margin-top: -6px;
}

.detalhePedido-new.caixaTextoBorda {
    padding: 0 15px 15px 15px;
    margin: .5%;
    font-size: 12px;
    width: 49%;
    float: left;
    box-sizing: border-box;
}

.detalhePedido-new .fundo {
    margin: 7.5px 0;
}

.detalhePedido-new.infosFinaisDetal .descFinal {
    font-weight: bold;
    float: right;
    display: inline-block;
}

.detalhePedido-new.infosFinaisDetal .titFinal {
    display: inline-block;
}

.detalhePedido-new.infosFinaisDetal .engTitFinal {
    margin: 10px 0;
}

.engBtnDetalhesPedido {
    width: 100%;
    float: left;
    padding: 15px 0;
}

.codPromocional input[type="text"],
input[name="fieldCep"] {
    text-align: center;
}

.content .informe {
    padding-top: 10px;
    height: 45px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 1093px) {
    .content .caixaTextoBorda,
    .eng-frete,
    .eng-info-finais,
    .left-two-coluns,
    .right-two-coluns,
    .infoBoxContents {
        width: 100% !important;
    }
}

.img-responsive {
    max-width: 75%;
    height: auto;
}

table.tabela_frete input[type="radio"] {
    float: left;
    margin-left: 15px;
}

#id_tabela_carrinho input[type="radio"] {
    float: left;
    margin-right: 10px;
}

#id_itens_carrinho .excluir_produto {
    width: 22px;
    max-width: inherit;
    float: right;
    
}
.col_qtde .excluir_produto {
    padding-top: 8px;
}

[src="imagens/correios_pac.gif"],
[src="imagens/correios_sedex.gif"] {
    max-width: 50%;
}

[src="imagens/correios_logo_sedex10.jpg"] {
    max-width: 60%;
}

#formaPagmt {
    padding: 0 15px 15px 15px;
}

#formaPagmt p strong {
    font-size: 14px;
}

#tabela-fretes {
    display: initial;
}

.pesoTotal .main {
    font-size: 10px;
}

.uma_coluna_totais #formaPagmt {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.indiqueBox {
    padding: 15px;
}

.indiqueBox .main {
    font-size: 14px;
    padding-top: 10px;
}

.indiqueBox .lblInd {
    margin: 10px 0;
}

.indiqueBox div .main,
.indiqueBox .engAmgInd {
    display: inline-block;
}

.indiqueBox div .main:first-child {
    /*padding: 0 10px;*/
    font-size: 12px;
}

.indiqueBox div .main:last-child {}

.indiqueBox div.lblInd .main:first-child {
    /*width: 12%;*/
}

.indiqueBox div.lblInd .main:last-child {
    /*width: 73%;*/
}

.indiqueBox div.engAmgInd .main:first-child {
    /*width: 15%;*/
}

.indiqueBox div.engAmgInd .main:last-child {
    /*width: 75%;*/
}

.nota {
    margin: 20px 0;
}

.keyIndiq {
    margin-bottom: 35px;
}

.keyIndiq .smallText {
    display: inline-block;
}

.keyIndiq .smallText img {
    /*position: relative;
		top: 4px;*/
}

.btnRight {
    margin-left: auto;
}

.main.tit {
    margin: 15px 0;
}

.topIndq {
    margin: 10px 0;
}

.topIndq div {
    display: inline-block;
}

.topIndq .td_indique {
    position: relative;
    top: 10px;
}

.div_embalagem {
    width: 100%;
    padding-top: 5px;
    margin: 0;
}

.div_embalagem i {
    top: 6px;
    position: relative;
}

.div_embalagem input[type="checkbox"] {
    top: 2.5px;
    position: relative;
    cursor: pointer;
}

.span_embalagem {
    padding: 5px 0 10px 0;
}

.mp_retorno_mercado_pago {
    padding-top: 25px;
    display: inline-block;
}

div#row-desc IMG,
div#desc IMG {
    /*ajusta img na desc e resumo do produto  */
    max-width: 100%;
}

.col-xs-12 img {
    max-width: 100%;
}

img.img_frete {
    max-width: 100px;
    max-height: 50px;
}

.table-fretes Div,
.freteTable {
    width: 100%;
}

.padrao_oculto {
    display: none !important;
}

#id_banner_Rodape IMG {
    max-width: 100%;
}
/* imagens + e - do input qtde */
.input-number-img {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    width: fit-content !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 3px 0;
    max-width: 175px;
    float: left;
}
.input-number-img input {
    padding-right: 5px;
    border: none;
    text-align: center;
}
.input-number-img button {
    border: none;
    background: none;
    color: black;
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    /* width: 10%; não ficava centralizado */ 
}

/* Remove as setas padrão de incremento/decremento no Chrome */
.input-number-img input::-webkit-inner-spin-button,
.input-number-img input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Para garantir compatibilidade com outros navegadores */
.input-number-img input {
  -moz-appearance: textfield; /* Firefox */
}

@media (min-width: 700px) {
    #produto-unico-modal .modal-dialog {
        /*
		ajuste na modal dos modelos responsivos
		width: fit-content !important; 
		max-width: 1000px !important;*/
        width: var(--tamanho_imagem);
        max-width: 90%;
    }
    #produto-unico-modal .modal-body {
        min-height: 400px;
        display: flex;
    }
    #produto-unico-modal .modal-body img {
        max-height: 700px;
    }
}

@media (max-width: 800px) {
    #produto-unico-modal .glyphicon-chevron-left {
        margin-LEFT: -40px !important;
    }
    #produto-unico-modal .glyphicon-chevron-right {
        margin-right: -40px !important;
    }
}

@media (max-width: 425px) {
    img.img_frete {
        max-width: 100%;
    }
    input#id_Cep {
        width: 100% !important;
    }
}







.input-number-img{
    overflow: hidden;
}
.input-number-img input{ /*retira a sombra na caixa da quantidade (numero) e retira o fundo branco na tela do carrinho de compras*/
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0 !important;
    height: auto; /*Modelo Responsivo 5 estava com um tamanho definido, foi retirado para ficar na mesma altura dos botões +/- */
}
.input-number-img  .btn.operacao_qtde{ /*altera o tamanho e formato dos botões + e - na quantidade desejada*/
    font-family: "verdana", sans-serif !important;
}

.input-number-img > .btn.operacao_qtde:hover, .input-number-img > .btn.operacao_qtde:focus{ /*Retira a borda laranja ou preta (depende do modelo) e insere uma cor de fundo nos botões +/- quando clicados*/
    outline: none;
    background-color: var(--cor3);
}
.caixaTexto.td_borda_button{ /*No carrinho de compras, limita o tamanho das colunas, desta forma produtos com textos extensos nas variações não extrapolam o limite das telas */
    max-width: 200px;
}

/*2025 nova alteração - botões + e - //// na página do produto*/
#caracteristicas-new .input-number-img .btn.operacao_qtde.operacao_mais, #div_informacao_extra .input-number-img .btn.operacao_qtde.operacao_mais{
	font-size: 18px !important; /*diminui o tamanho do botão +*/
	padding: 10px 9px !important; /*altera o tamanho da caixa para que ao selecionar fique igual ao do botão -*/
}
#caracteristicas-new .input-number-img .btn.operacao_qtde, #div_informacao_extra .input-number-img .btn.operacao_qtde{
	padding: 5px 9px; /*diminui as caixas + e - para que a caixa de quantidade seja exibida corretamente*/
}
/*2025 nova alteração - caixa quantidade /// na página do produto*/
.panel-body .form-group{ /*resolve o problema do tamanho da caixa da quantidade de itens que em tamanhos de telas menores não exibia mais de 2 dígitos */
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
}
/*2025 nova alteração - caixa quantidade /// na página do produto*/
@media(min-width:991px) and (max-width:1199px){
	#caracteristicas-new .form-group div.col-sm-6{ /* resolve o problema do tamanho da caixa de quantidade de itens no modelo responsivo 3*/
		padding-left: 0;
	}
}
/*2025 nova alteração - botões + e - //// na página do carrinho de compras*/
.input-number-img .btn.operacao_qtde {
	font-size: 25px !important; /*estipula um tamanho para o botão -*/
	padding: 7px 11px; /*estipula um tamanho para que a caixa total não fique desproporcional em relação às outras caixas*/
}
/*2025 nova alteração - botões + e - na página do carrinho de compras*/
.input-number-img .btn.operacao_qtde.operacao_mais{
	font-size: 18px !important; /*diminui o tamanho do botão +*/
	padding: 12px 11px !important; /*estipula um tamanho para que a caixa total não fique desproporcional em relação às outras caixas*/
}


@media (max-width: 767px){ /*Corrige a quebra de linha*/
    .vertical-align {
        display: flex !important;
    }
}
@media (max-width: 374px){ /*ajuste botões "Adicionar ao carrinho" e "Ir para carrinho" na modal, telas menores do mobile*/
    .modal-body .botoes_modal input.btn{
        padding: 6px 5px;
        font-size: 12px;
    }
}

.botao-padrao {
    display: inline-block;
    padding: 3px 10px;
    font-size: 16px;
    font-weight: bold;
    color: var(--cor17);
    /* background: linear-gradient(to bottom, #ff4c4c, #cc0000); */ /* Degradê vermelho */
    border: 1px solid var(--cor17); /* Borda clara */
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2); /* Sombra leve */
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s ease;
  }
  
  .botao-padrao:hover {
    background: linear-gradient(to bottom, var(--cor16), var(--cor16)); /* Hover um pouco mais claro */
  }
  .linhaIndex{
    font-weight: bold;
  }