/*remove os titulos INSTITUCIONAL e REDES SOCIAIS no rodape*/
#rodape .links-rodape-paginas .titulo {
    display: none}
#rodape .redes-sociais .titulo {
    display: none}

/*Icones no menu INICIO*/
/*SALE menu superior*/
#cabecalho .menu.superior .nivel-um>li.categoria-id-15252924>a {
    background-image: url('https://cdn.awsli.com.br/1822/1822644/arquivos/saleicon.svg'); 
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 45px;
}
/*SALE menu lateral*/
div.coluna.span3 .menu.lateral .nivel-um>li.categoria-id-15252924>a {
    background-image: url('https://cdn.awsli.com.br/1822/1822644/arquivos/saleicon.svg'); 
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
}
/*BLACK FRIDAY menu superior
#cabecalho .menu.superior .nivel-um>li.categoria-id-16339775>a {
    background-image: url('https://cdn.awsli.com.br/1822/1822644/arquivos/icone-blackfriday2021.svg'); 
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 50px;
}*/
/*BLACK FRIDAY menu lateral
div.coluna.span3 .menu.lateral .nivel-um>li.categoria-id-16339775>a {
    background-image: url('https://cdn.awsli.com.br/1822/1822644/arquivos/icone-blackfriday2021.svg'); 
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
}*/
/*Icones no menu FIM*/

/*BLACK FRIDAY cor da bandeira de desconto
.bandeiras-produto .bandeira-promocao {
    background: black;
    color: #ff0067;
    border: black;
    text-align: center;
    padding-top: 10px;
    border-radius: 10px;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif;
}*/
/*cor da bandeira de desconto NORMAL*/
.bandeiras-produto .bandeira-promocao {
    background: #FF0067;
    color: white;
    border: #FF0067;
    text-align: center;
    padding-top: 10px;
    border-radius: 10px;
    font-size: 11px;
    font-family: 'Montserrat', sans-serif;
}

/*Altera a logo na categoria BLACK FRIDAY
.categoria-16339775 .logo a img {
    content: url(https://cdn.awsli.com.br/1822/1822644/arquivos/bandeira-blackfriday.png);
}*/

/*Tamanho fonte do menu*/
.menu .titulo {
    display: inline-block;
    white-space: normal;
    font-size: 15px; /*padrao 16px*/
}
/*alinhamento do menu nivel dois*/
.menu.superior .nivel-dois a {
    line-height: 30px;
    text-align: left;
}
/*SALE em negrito menu lateral*/
.menu.lateral .com-filho .titulo {
    margin-right: 20px;
    font-weight: bold;
}
.menu.lateral.outras li .titulo {
    font-size: 13px;
    font-weight: bold;
}


#barraNewsletter .componente .botao {
position: static;
line-height: 13px;
padding-bottom: 8px;
border-color: white;
border-width: 2px;
}

#rodape .icon-instagram:before {
    content: "\f16d";
    color: white;
    }
#rodape .icon-facebook:before {
    content: "\f082";
    color: white;
}

.lista-redes .icon-instagram {
background: #FF0067;
color: #FFF;
border-radius: 50%;
}

.lista-redes .icon-facebook {
background: #FF0067;
color: #FFF;
border-radius: 50%;
}

#rodape .lista-redes i {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 25px;
margin: 0;
}

/*INICIO: cor do menu lateral nas categorias*/
.menu.lateral ul li a:hover
{
    background-color: #ff0067 !important;
    color: white !important;
}

.menu.lateral ul li ul li:hover
{
    background-color: #ff0067 !important;
    color: white !important;
}

.menu.lateral ul li a:hover > strong
{
    background-color: #ff0067 !important;
    color: white !important;
}

.menu.lateral ul li a:hover > i
{
    background-color: #ff0067 !important;
    color: white !important;
}
/*FIM: cor do menu lateral nas categorias*/


/*cor do hover do menu superior*/
#cabecalho > .conteiner > .menu.superior .nivel-um li:hover .titulo { 
    color: #ffffff; } 
#cabecalho > .conteiner > .menu.superior .nivel-um li:hover {
	background-color: #ff0067;} /*F57D9F*/
.menu.superior .nivel-dois li:hover>a {
    color: white; }
.all-categories .nivel-dois .nivel-dois.borda-alpha li a:hover {
    background-color: rgba(0,0,0,.0); }



/*tamanho das imagens dos produtos na home*/
.listagem .span3 .imagem-produto{
    height: 300px;
}

/*remove a borda dos produtos na home*/
.listagem .listagem-linha li{border:none}
.listagem .listagem-linha {border:none}

/*arredondar borda dos tamanhos da grade do produto*/
.atributo-item{
	border-radius:10px
}

/*arredondar borda das formas de pagamento do produto*/
.parcelas-produto .accordion{
	border-radius:10px
}
/*remove o arredondar borda das bandeiras de pagamentos do produto*/
.parcelas-produto .accordion .accordion-group .accordion-heading img {
    border-radius: 0px;
}

/*arredondar botao comprar*/
.botao-comprar{
	border-radius: 10px
}

/*arredondar parte interna do carrinho de compras*/
.carrinho-interno{
  border-radius: 10px;
}

/*arredondar borda da descricao dos produtos*/
.tab-content{
	border-radius:10px
}

/*arredondar borda da foto dos produtos*/
.produto .conteiner-imagem img{
	border-radius:10px
}

/*arredondar borda dos produtos relacionados na parte inferior dos produtos*/
.borda-alpha, .borda-alpha * {
    border-color: rgba(0,0,0,0.13);
    border-radius: 5px; /*estava 10px*/
}

/*arredondar borda calculo do frete dos produtos*/
.produto .cep ul{
	border-radius:10px
}

/*retira a borda da imagem do produto no mobile*/
@media only screen and (max-width: 767px){
.produto .conteiner-imagem > div {
    border: none;}}

/*alinhar botao calculo de frete no mobile*/
@media only screen and (max-width: 767px){
.input-append .btn, .input-prepend .btn {
    line-height: 21px;}}

/*o site ocupa 100% da página EM TESTE
.conteiner-principal .conteiner { max-width: 100%;}*/


/* remove o caminho das paginas*/
.breadcrumbs.borda-alpha {
    display: none !important;
}

/*remove as bordas das paginas de conteudo*/
.caixa-sombreada{
    box-shadow: none;
}

/*deixar a cor de fundo branco nas descrições das categorias*/
.pagina-categoria .secao-principal div.componente {
    background-color: white;
}

/* Altera cor da fonte da Newsletter */
#barraNewsletter .componente .texto-newsletter, #barraNewsletter .componente .input-conteiner {
    color: white;
}

/*posicao dos selos de seguranca*/
#rodape .selos li {
display: inline-flex;
}

@media only screen and (max-width: 767px)
{.busca input {
    width: 80%;
}
}

/*remove traco no rodape*/
.gateways-rodape li:nth-child(2) {
border-left: 0px solid #ddd;
margin-left: -3px;
}

/* Remover Imagem Flutuante do produto */
.produto .acoes-flutuante {display: none !important;}


/*REMOVE SETAS FULL BANNER*/
.flex-direction-nav .flex-prev {
	display:none !important}
.flex-direction-nav .flex-next {
	display:none !important}


/*remove icone home do mobile*/
.icon-home:before{content:none !important}


/*remover botão compartilhar nos produtos*/
.produto-compartilhar {
display: none !important;
}


#rodape .redes-sociais {
    max-height: 250px;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0px 0px 0 0px;
    border-color: transparent !important;
}

span.titulo.cor-secundaria.hidden-phone {
    color: #fff;
} 

/*tamanho selos*/
.selos li:seloEbit img{
    height: 80px;
}


/*tamanho sobre a loja rodape*/
@media (min-width: 768px)
{   .span4.sobre-loja-rodape {
        width: 60% !important;
    }
}


/*icones redes sociais*/
.lista-redes ul li {
float: left;
border-left: 0px solid #ddd;
}

.caixa-facebook {
 display:none
}

.lista-redes ul > li.visible-phone {
    display: inherit !important;
}

#rodape .titulo {
    padding: 5px;
}

/*.lista-redes .icon-facebook {
    background-color: transparent;
}
*/


/*rodape cores*/
#rodape .titulo, #rodape .institucional * { color: black; }
#rodape .institucional { background: white; }
#rodape .pagamento-selos { background: white; }
#rodape .titulo * { color: black; }
#rodape .institucional * { color: black; }


@media (max-width: 1000px) and (min-width: 768px)
{   .span4.sobre-loja-rodape {
        width: 60% !important;
    }
}

/*Borda arredondada nos campos Meus Pedidos e Minha Conta*/
#cabecalho > div.conteiner > div.row-fluid > div.conteudo-topo.span9 > div.superior.row-fluid.hidden-phone > div.span4 > ul {
    border: 0px solid;
    border-radius: 20px;
}
/*Altera cor dos ícones Meus Pedidos e Minha Conta*/
.acoes-conta>li i {
    background: white;
    color: #ff0067;
    border: 1px solid;
    border-radius: 20px;
}
/*Altera cor dos ícones Meus Pedidos e Minha Conta*/
.acoes-conta>li i:hover {
    background: #ff0067;
}

/* Botão “Pesquisar”*/
.botao {
background:#ff0067 !important;
}


.busca {
background-color: none!important;
}

input#auto-complete {
border-radius: 8px;
}

button.botao.botao-busca.icon-search.fundo-secundario {
border-radius: 0 8px 8px 0;
}
.busca.borda-alpha {
background-color: transparent;
border: none;
}
/*alinha o bem vindo ao campo de busca*/
a.bem-vindo.cor-secundaria {
padding-left: 8px;
}

.busca input { border-radius: 8px; }
.carrinho>a i {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
.carrinho { border-radius: 8px; }

#barraTopo .carrinho>a i {height: 30px;}



@media only screen and (max-width: 767px){
	.conteudo-topo .busca-mobile {
		background-color: transparent;
		padding: 0;
		margin-bottom: 0rem; /*estava 2rem*/
	  }

	  #form-buscar{
	  	border-bottom: 1px rgba(0,0,0,0.13) solid;
	  	border-top: 0;
	  }

	  .conteudo-topo .busca-mobile input#auto-complete{
	  	    border-radius: 0;
            border: none;
            box-shadow: none;
	  }

	  button.botao.botao-busca.icon-search.fundo-secundario {
	  	    border-radius: 25%; 
			color: white;
			background: transparent;
	  }

	  .conteudo-topo .busca-mobile .atalho-menu {
          border-radius: .5rem;
      }


	}

.fundo-secundario {
background-color: #ff0067;
}

#rodape .titulo {
    border-bottom: 1px solid white;
}
.links-rodape ul li {
    list-style-image: none;
}

.links-rodape-categorias {display:none !important;}


.listagem .bandeiras-produto .bandeira-carrinho {
    background-color: #ff0067;
}

#comprar-ajax-status .sucesso .buttons .continuar-comprando {
    color: #ffffff
}

#modalContato .control-group .botao.principal.pull-right+.botao {
    color: #ffffff
}

.carrinho-checkout .atendimento {
    border-width: none;
    border-style: none;
    padding: 5px;
    margin: 20px 0 0;
}
.carrinho-checkout .atendimento .icone-box{
	padding: 5px;
    border-width: none;
    border-style: none;
    margin-right: 10px;
    font-size: 20px;
    text-align: center;
    float: left;
    color: #ff0067
}

.checkout-alerta-seguro .checkout-alerta-seguro-item .icon-ok, .checkout-alerta-seguro .checkout-alerta-seguro-tit {
    color: #ff0067;
}


.tabela-carrinho th:first-child * {
    text-align: center;
}


.pagamento>ul+ul {
border: 0;
}
.gateways-rodape li {
    padding: 0px 4px;
    line-height: normal;
    width: 20%;
    text-align: center;
    border: none;
    background: none
}
.gateways-rodape {
background-image: linear-gradient(to bottom,#ffffff,#ffffff);
}

.botao {
    color: #ffffff;
    background: #ffffff
}
.botao:hover {
    color: white
}


/*frete no mobile*/
@media only screen and (max-width: 767px){
body.pagina-carrinho table.tabela-carrinho tr.hidden-phone.bg-dark {
display: block !important;
}

body.pagina-carrinho table.tabela-carrinho tr.hidden-phone.bg-dark .controls.text-left .input-append {
width: 100%;
position: relative;
}

body.pagina-carrinho table.tabela-carrinho tr.hidden-phone.bg-dark .controls.text-left input {
padding: 0;
width: 100%;
line-height: 40px;
height: auto;
text-align: center;
border: none;
box-shadow: 0 0 0 1px #dedede inset;
border-radius: 6px;
}

body.pagina-carrinho table.tabela-carrinho tr.hidden-phone.bg-dark .controls.text-left button {
display: none !important;
}
}

/*cor de fundo da barra menu*/
.nivel-um{background-color:white;}
.menu.superior .categoria-marcas, .menu.superior .categoria-paginas {
background-color: white;}
.menu li.com-filho>a i {display: none;}

.icon-file-text:before {
    content: none;
}


@media screen and (max-width: 767px) {
    /*Remove borda entre os ícones*/
    .atalhos-mobile li {
        border-right: 0px;
        border-left: 0px;
    }
    /*Altera tamanho dos ícones*/
    .atalhos-mobile a {
        font-size: 30px;
    }
}

/*tamanho logo mobile*/
@media only screen and (max-width: 767px){
    .logo a {height: 120px;}
}


/* VARIACAO INDISPONIVEL COM X VERMELHO */
.atributos .atributo-cor ul li a.indisponivel {
position: relative;
}
.atributos .atributo-cor ul li a.indisponivel::before {
content: 'X';
position: absolute;
top: -5px;
right: -4px;
background: #da001d;
color: #fff;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
border-radius: 50%;
z-index: 99;
}

.atributos .atributo-comum ul li a.indisponivel {
position: relative;
}
.atributos .atributo-comum ul li a.indisponivel::before {
content: 'X';
position: absolute;
top: -5px;
right: -4px;
background: #da001d;
color: #fff;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
border-radius: 5px; /*50%*/
z-index: 99;
}


/* arredondar menu e seta para baixo*/
.menu .nivel-dois .com-filho i {
position: absolute;
right: 20px;
top: -3px;
border-radius: 10px;
}
.menu li.com-filho>a i {
display: inline-block;
border-radius: 10px;
}

/* efeito mudar cor menu ao passar mouse (cor original #edeae8)*/
.menu.superior .nivel-um > li:hover{background-color: #FFE3E9;
}

/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center;}
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block;}

/* Ajusta margem entre as categorias*/
#cabecalho > .conteiner > .menu.superior .nivel-um > li {
float: none;
display: inline-block;
border-left: 0;
margin-right: 1px;
}


/*BANNER 100% da página*/
.banner {
position: relative;
text-align: center !important;
}
.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 0px;
border:none;
width: calc(100% + 2px);
}
.flexslider {
background: 0;
margin: 0;
border: 0px !important;
overflow: hidden;
}


/*menu 100% da pagina*/
@media (min-width: 768px) {
.menu.superior {
    width: 100%;
    position: absolute;
    top: 250px; /*original top: 152px*/
    left: 0px;
}
.logo {
    margin-bottom: 75px; /*estava 70px depois 118px*/
}
}

/* Dimensão do logo
.logo a img {
top: 30px;
left: 50px;
max-width: 100%;
}*/


/* Tamanho da Logo */ 
.logo img {max-height: 70% !important;}



/*BARRA NO TOPO DO SITE*/
body {
  --barraAvisoTopoBG: white;
  --barraAvisoTopoTexto: #444444;
  --barraAvisoTopoAltura: 28px;
  margin-top: var(--barraAvisoTopoAltura);
}

/* Opcional - depende do tema */
#cabecalho {
  padding-top: var(--barraAvisoTopoAltura);
}

.barraAvisoTopo {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;

  width: 100vw;
  min-height: var(--barraAvisoTopoAltura);
  padding: 4px;

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  background: var(--barraAvisoTopoBG);
  color: var(--barraAvisoTopoTexto);
  font-size: 11px;
  font-weight: normal
}

      
      
/*menu lateral no mobile codigo em: https://github.com/brenonovelli/lojaintegrada/tree/main/SideMenuMobile*/
body {
  --corLinkPrincipal: black;
  --corLinks: black;
  --corLinksNivelTres: black;
  --backgroundMenuLateral: white;
  --botaoFecharMenu: #ff0067;
  --botaoFecharMenuCorX: white;
  --corIconeMenu: white;
}

@media (max-width: 767.98px) {
  #cabecalho .atalhos-mobile {
    display: block !important;
    border-color: #ff0067; /*teste*/
    border-radius: 10px; /*teste*/
  }
  #cabecalho .atalhos-mobile ul {
    display: flex;
    justify-content: flex-end;
  }
  #cabecalho .atalhos-mobile ul li {
    float: none;
    margin: 0;
  }
  #cabecalho .atalhos-mobile ul li:first-child {
    display: flex;
    margin-right: auto;
  }
  #cabecalho .atalhos-mobile ul li.fundo-principal {
    order: 3;
  }
  #cabecalho .atalhos-mobile ul li.menu-button {
    display: flex;
    align-items: center;
  }
  #cabecalho .atalhos-mobile ul li.menu-button a {
    top: 0;
  }
  #cabecalho .atalhos-mobile ul li.menu-button a svg * {
    color: var(--corIconeMenu);
  }

  .busca {
    margin: 0;
  }

  .menu.superior {
    position: relative;
  }
  .menu.superior .closeMenuButton {
    position: absolute;
    top: 16px;
    right: 3px; /*estava somente "0"*/
    background-color: var(--botaoFecharMenu);
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20% 20% 20% 20%;
  }
  .menu.superior .closeMenuButton:before {
    content: "X";
    color: var(--botaoFecharMenuCorX);
    font-weight: bold;
  }
  .menu.superior > ul {
    margin: 99px 0px !important; /*original estava: margin: 0 !important; */
    padding: 20px 50% 200px 30px; /*16px 32px 16px 0 depois alterei para 16px 32px 200px 0*/
    border: 0;
    display: flex !important;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: var(--backgroundMenuLateral);
    height: 100vh;
    overflow-y: scroll;
    max-height: 100vh;
    box-sizing: border-box;
    max-width: 100vw;
    transition: 0.3s ease-in-out all;
    transform: translateX(-110%);
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .menu.superior > ul ::-webkit-scrollbar {
    display: none;
  }
  .menu.superior > ul.active {
    transform: translateX(0);
  }
  .menu.superior > ul a {
    color: var(--corLinks);
  }
  .menu.superior > ul a strong {
    color: var(--corLinkPrincipal);
  }
  .menu.superior .nivel-tres {
    display: block !important;
    position: initial;
    background: transparent;
    left: initial;
    max-width: 70vw;
    box-sizing: border-box;
  }
  .menu.superior .nivel-tres a {
    white-space: normal;
    line-height: normal;
    margin-bottom: 0.5rem;
    color: var(--corLinksNivelTres);
  }
  .menu.superior .nivel-tres a:before {
    content: "-";
    margin-right: 0.25rem;
    margin-left: -0.75rem;
  }
}
/*# sourceMappingURL=style.css.map */

/*aumenta a largura do texto no menu mobile*/
@media only screen and (max-width: 767px){#cabecalho .menu.superior .nivel-um>li>a {
    width: 200px;
}}
@media only screen and (max-width: 767px) {#cabecalho .menu.superior .nivel-dois>li>a {
    width: 200px;
}}
@media (max-width: 767.98px){.menu.superior > ul a strong {
width: 200px;
}}
@media (max-width: 767.98px){.menu.superior .nivel-um>li {
width: 200px;
}}


/*remove linhas no menu mobilie*/
@media only screen and (max-width: 767px){
.menu.superior .nivel-um > li, .menu.lateral .nivel-um > li {
    float: none;
    border-width: 10px 0px 15px;
    border-color: white; /*rgba(0, 0, 0, 0.1);*/
}
}

/*barra de busca em 100% da tela*/
@media (max-width: 767px){
    .busca {
        width: 100%;
        margin: 0 0 0 0;
    }
}
    
    
/*produtos em duas fileiras mobile*/
@media (max-width: 768px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.listagem-linha ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.listagem-linha ul li{width:50%;margin:0 0 15px}.listagem.com-caixa .listagem-item{border:0;min-height:368px}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.listagem .listagem-item .info-produto a.nome-produto{min-height:20px;display:flex;align-items:center}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}.preco-produto s.preco-venda{display:block;font-size:14px}.preco-produto .desconto-a-vista, .preco-produto strong.titulo{font-size: 11px !important}.preco-venda {display:block;font-size:12px !important;}}


/*centralizar rodapé no mobile*/
@media only screen and (max-width: 479px){
    #rodape .institucional .titulo, 
    .span4.links-rodape.links-rodape-categorias, 
    .span4.sobre-loja-rodape,
    .span4.links-rodape.links-rodape-paginas,
    .institucional.fundo-secundario .span12.visible-phone {
        text-align: center;
    }
}
@media only screen and (max-width: 767px){
    #rodape .pagamento-selos {
    font-size: 14px;
    padding: 0;
        text-align: center;
    }
}
/*centralizar rodapé no mobile - selos de envio no mobile*/
ul, ol {
    padding: 0;
    margin: 0 0 10px 0px;}
/*centralizar rodapé no mobile - selos de seguraca no mobile*/
 .selos li {
    margin-right: 10px;
    margin-bottom: 10px;
    float: inherit;
}
 .selos li {
    list-style-type: none;
    vertical-align: middle;
}


/*menu mobile recolhido
@media (max-width: 767px) {.nivel-dois {display: none !important; background-color: white !important;} li.com-filho:hover .nivel-dois {display: block !important;}}
@media (max-width: 767px) {.nivel-um {background-color:white !important;}}
@media (max-width: 767px) {.categoria-marcas.com-filho {background-color: white !important;}*/

/*@media (max-width: 767px) {.nivel-dois {display: none !important; background-color: white !important;} li.com-filho:hover .nivel-dois {display: block !important;}}
@media (max-width: 767px) {.nivel-um {background-color:white !important;}}
@media (max-width: 767px) {.categoria-marcas.com-filho .nivel-dois{display: block !important;background-color: white !important;}
@media (max-width: 767px) {.categoria-id-15328967.com-filho .nivel-dois {display: block !important; background-color: white !important;}*/

/*@media (max-width: 767px) {.categoria-paginas .nivel-dois{display: none !important; background-color: white !important;} li.com-filho:hover .nivel-dois {display: block !important;}}
@media (max-width: 767px) {.categoria-paginas {background-color:white !important;}}*/



/*diminui o espaco entre a logo no mobile*/
@media only screen and (max-width: 767px) {
    /*Diminuindo o espaçamento do logo*/
    #cabecalho > div.conteiner {
        padding: 0 10px;
    }
    /*Retirando a margem entre o logo e a barra de busca*/
    #cabecalho > div.conteiner > div > div.span3 > h1 {
        margin: 0;
    }
    /*Diminuindo o espaçamento da barra de busca*/
    #cabecalho > div.conteiner > div > div.conteudo-topo.span9 > div.inferior.row-fluid > div.span8.busca-mobile {
        padding: 0 10px;
    }
}


/*redes sociais no rodape*/
.lista-redes .icon-facebook {
    background: #ffffff;
    color: #FFF;
    border-radius: 50%;
}
#rodape .icon-facebook:before {
    content: "\f082";
    color: #ff0067;
}

.lista-redes .icon-instagram {
    background: #ffffff;
    color: #FFF;
    border-radius: 0%;
}

#rodape .icon-instagram:before {
    content: "\f16d";
    color: #ff0067;
}

/* Icone Pinterest*/
.lista-redes .icon-pinterest {
    background-color: white;
}
#rodape .icon-pinterest:before{
  color: #ff0067;
}

.barra-inicial .lista-redes > ul > li i {
    width: 40px;
    height: auto;
    line-height: 40px;
    transition: all .1s;
    font-size: 15pt;
    background-color: #ff0067;
}

/* hover icones redes sociais rodape */
#rodape .icon-facebook:hover {
  background-color: transparent;
}
#rodape .icon-instagram:hover {
  background-color: transparent;
}
#rodape .icon-pinterest:hover {
  background-color: transparent;
}


/*INICIO - altera a cor da barra do cabecalho mobile para fundo branco*/
@media (max-width: 767.98px){
#cabecalho .atalhos-mobile ul {
    display: flex;
    justify-content: flex-end;
    background: white;
}
}
@media (max-width: 767.98px){
.fundo-principal, .botao.principal, .botao.principal:hover, .menu li:hover > a .fundo-secundario, .flex-control-paging li a.flex-active, .dropdown-menu > li > a:hover, .filtro.lista ul li label:hover, .filtro.lista ul li.active label, .menu-simples li a:hover, .menu-simples li.active a {
    background-color: #ff0067;
}
}
@media (max-width: 767.98px){
#cabecalho .atalhos-mobile ul li.menu-button a svg * {
    color: #ff0067;
}
}
@media (max-width: 767.98px){
.fundo-secundario, .fundo-secundario *, .fundo-secundario *:hover, .fundo-secundario:hover, .fundo-secundario.botao:hover {
    color: #ff0067;
}
}
.atalhos-mobile a {
    font-size: 30px;
    padding: 0 14px;
    position: relative;
    top: 6px;
    text-shadow: 0 0 3px rgb(255 255 255);
    text-decoration: none;
}
@media (max-width: 767.98px){
.borda-principal, .atributos ul li a:hover, .atributos ul li.active a, .tema-scuro .nav-tabs li.active a, .elastislide-carousel ul li.active a {
    border-color: white;
}
}

@media (max-width: 767.98px){
#cabecalho .atalhos-mobile ul li.fundo-principal {
    order: 3;
    background: white;
}
}
/*FIM - altera a cor da barra do cabecalho mobile para fundo branco*/

/*espacamento entre os icones da barra no mobile
@media (max-width: 767px){
	#cabecalho .atalhos-mobile li {
		right: -10px;
	}
	#cabecalho .atalhos-mobile li:not(:first-child) {
		margin-right: -7px;
	}
}
*/

/*borda no menu mobile*/
@media only screen and (max-width: 767px){
.menu.superior .nivel-um.active, .menu.superior .nivel-dois, .menu.lateral .nivel-um.active, .menu.lateral .nivel-dois {
    display: block;
    border-color: none; /*estava com a cor #ff0067*/
    border-radius: 10px;
}
}

/*remove as linhas verticais no carrinho de compras*/
.table th, .table td {
    border-color: rgba(0, 0, 0, 0.06);
    border: none;
}

/*alinha as bandeiras de pagamento no mobile*/
@media (max-width: 768px) {.pagamento>ul {
display: inline-flex;
margin: 0px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
align-content: center;
}
}

/*sem juros em uma linha*/
@media only screen and (max-width: 540px){
.pagina-produto .parcelas-produto .accordion .accordion-group .accordion-body .accordion-inner ul {
width: 100% !important;;
}
}

/* Tamanho valor da parcela na vitrine */
.listagem .preco-produto .titulo {
font-weight: bold;
font-size: 16px !important;
}

/*descrição de sem juros na vitrine
.preco-parcela.cor-principal:after{
    content: 'sem juros';
    font-size: .90em;
}*/

/*fundo branco em Minha Conta*/
.caixa-info{
    background: white;
}

/*tamanho de fonte em Minha Conta*/
.abas-conta i, .conta-menu i {
  width: 30px;
  font-size: 20px;
}
.conta-menu .menu-simples {
  font-size: 14px;
}

/*fundo branco nas categorias da pagina principal*/
.listagem .titulo-categoria:hover {
  background-color: white;
}

/*titulos das categorias em branco*/
.pagina-categoria .span12 .titulo.cor-secundaria{
  color: white;
}

/*personalizar tabelas na finalizacao de pedidos*/
.table th {
background-color: #ff0067;}
.table th .cor-secundaria {
color: white;}
.tabela-carrinho .bg-dark {
background-color: white;}
.table h5{
color: white;}
.table h6{
color: white;}
.radio-conteiner{
background-color: #ff0067;}
.active .radio-conteiner{
background-color: #ff0067;}
.formas .accordion-heading .forma-conteiner{
background-color: none;}


/*Titulos das categorias na pagina principal*/
.titulo-categoria strong, .titulo-categoria .titulo {
    padding: 10px 30px;
    border-radius: 150px;
    border: none;
    color: #272727;
    font-weight: 300;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: 'Montserrat', sans-serif;}
.listagem .titulo-categoria, .titulo-categoria {
    display: flex;
    padding: 10px 0;
    transition: unset;
    border: none;
    text-align: center;
    font-size: 20px;
    margin: 40px 0 !important;
    font-weight: bold;
    text-transform: uppercase;}
    
    
/*PERSONALIZAR TITULO DAS PAGINAS EXTRAS*/  
.conteudo h1 {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: 'Montserrat', sans-serif;
}

/* desativar img do pix que aparece na frente do mercado pago redirect produto e checkout*/ 
img.formas-pagamento-checkout-additional-pix, img.formas-pagamento-produto-additional-pix{ 
    display: none;
}

/*escrever menu no mobile*/
@media only screen and (max-width: 767px){.menu-button:after {
    content: "Menu";
    margin-left: -12px;
}}

/*cor do preco para pagamento em boleto ou pix na home e categorias*/
div > div.info-produto > div > div > span > strong {
    color: #ff0067;
    font-size: 16px;
}

/*Altera a mensagem de erro no calculo do frete*/
.produto .cep .error{
font-size: 0;
}
.produto .cep .error:after {
content: "Antes de calcular o frete é necessário escolher o tamanho.";
font-size: 13px;
color: #ff0067;
font-weight: bold;
}



/*vitrine 100% tela
.tema-transparente .conteiner {
    max-width: 100%;
}*/

/*Ajustes nas informacoes de precos na vitrine*/
.listagem .info-produto {
    padding: 10px 0px 0px;
    position: relative;
    text-align: center;
}
.preco-parcela.cor-principal:after {
    content: 'sem juros';
    display: block;
    font-size: 12px /*.90em;*/
}
.listagem .span3 .listagem-item .nome-produto {
    min-height: 30px;
}

/*barra do menu colorida
.menu ul {
 background-color: #ff0067;
}
#cabecalho > .conteiner > .menu.superior .nivel-um > li{
 background-color: #ff0067;
}
#cabecalho > .conteiner > .menu.superior .nivel-um > li .cor-secundaria {
 color: white;
}*/

/*posicao das mensagens de alerta*/
.alert{
  margin-top: 20px;
}

/*ajuste botao comprar para ficar igual ao do atendimento whatsapp*/
.botao.grande {
    font-size: 26px;
    padding: 7px 0px;
    width: 97%;
}

/*descriçao de frete gratis nas paginas dos produtos abaixo do CEP
#formCalcularCep:after{
  content: 'Frete Grátis para Balneário Camboriú, Camboriú, Itapema e Itajaí';
  font-size: 12px;
  color: #444444;
}/*

/*retira a borda do botao comprar na listgem de produtos*/
.listagem-item .acoes-produto {
    border-radius: 0px;
    border-color: transparent;
}

/*INICIO - AJUSTE NAS INFORMACOES DE VALORES NA VITRINE*/
.listagem .listagem-item .nome-produto {
  font-size: 14px;
  font-weight: bold
}

.listagem .info-produto {
  font-size: 14px;
}

.preco-produto .preco-venda {
  font-size: 14px;
}

#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional, 
.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional {
  font-size: 18px;
  /*background-color: #ff0067;
  color: white;*/
}
@media screen and (max-width: 768px){
  #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional, 
  .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional {
    font-size: 18px;
    /*background-color: #ff0067;
    color: white;*/
}}

@media (max-width: 768px){
.preco-produto .desconto-a-vista, .preco-produto strong.titulo {
    font-size: 14px !important;
}}

@media only screen and (max-width: 767px){
.produto .acoes-produto .preco-parcela {
    font-size: 14px;
}}

@media (max-width: 768px){
.listagem .listagem-item .info-produto a.nome-produto {
    min-height: 20px;
    display: flex;
    justify-content: center;
}}
/*FIM - AJUSTE NAS INFORMACOES DE VALORES NA VITRINE*/


/*INICIO - Ajuste no layout do carrinho MOBILE*/
@media only screen and (max-width: 767px){
	.tabela-carrinho td{
		/*display: table-cell;*/
		display: inline-grid;
	}
	.produto-info ul li:nth-child(1),
	.produto-info ul li:nth-child(2){
		display: none;
	}
	.tabela-carrinho .quantidade input[type=text] {
		width: 20px;
 		border-radius: 10px;
		border: 1px solid lightgray;
		margin: 0;
	}
	.tabela-carrinho .quantidade {
		margin: auto;
	}
	
	.preco-produto strong.titulo, 
	.resumo-compra .preco-produto .titulo, 
	.resumo-compra .total strong {
		font-size: 16px;
	}

	.tabela-carrinho .quantidade a, 
	.tabela-carrinho .excluir a {
		font-size: 16px;
	}

	.tabela-carrinho tr {
		text-align: center;
	}

	table.table.tabela-carrinho td.hidden-phone {
		display: inline-grid!important;
		width: 24%;
		margin: 0;
		padding: 0;
	}

	table.table.tabela-carrinho td.clearfix {
		display: inline-grid!important;
		width: 24%;
		margin: 0;
		padding: 0;
	}

	table.table.tabela-carrinho td.hidden-phone .preco-venda {
		display: none;
	}
	
	table.table.tabela-carrinho td.sem-borda:not(.conteiner-imagem) {
		width: 70%;
	}
    
    table.table.tabela-carrinho tr:not(.bg-dark) td:not(.clearfix, .hidden-phone, .sem-borda) {
		width: 14%;
	}
}

@media only screen and (max-width: 767px) { input#usarCupom { padding: 4px; } }
/*FIM - Ajuste no layout do carrinho MOBILE*/


/*INICIO - atributos dos produtos caixa de selecao: P/M/G/GG*/
.atributo-comum a span {
color: #000 !important;
border: solid 1px #000 !important;
border-radius: 5px;
}
.produto .atributos .atributo-comum ul li.active a span {
color: #fff !important;
background-color: #ff0067;
border: solid 1px #000 !important;
border-radius: 5px;
}
.atributos ul li a {
    box-shadow: none;
}
/*FIM - atributos dos produtos caixa de selecao: P/M/G/GG*/

/*INICIO - Remover a sombra do botao de atendimento whatsapp*/
.botao.principal {
    text-shadow: none;}
/*FIM - Remover a sombra do botao de atendimento whatsapp*/

/*INICIO - Ajuste botao comprar desktop*/
.produto .acoes-produto .comprar {
  float: none; /*right*/
  text-align: right;
}
/*FIM - Ajuste botao comprar desktop*/

/*INICIO - ajuste botao continuar comprando*/
@media only screen and (max-width: 767px){
.acao-editar > div > * {
display: block;
}}
/*FIM - ajuste botao continuar comprando*/


/*INICIO - botao comprar verde*/
.botao.principal.grande, .acoes-produto-responsiva .tag-comprar {
    background: #5FBAB0!important;
}
/*FIM - botao comprar verde*/


/*INICIO - Remove os selos de formas de pgto e envio no mobile*/
@media only screen and (max-width: 767px){
#rodape .span4.pagamento {
  display: none;
}}
@media only screen and (max-width: 767px){
#rodape .pagamento-selos #span4-envios  {
  display: none;
}}
/*FIM - Remove os selos de formas de pgto e envio no mobile*/


/*INICIO - Tamanho fonte dos valores na pagina do produto*/ 
.produto .acoes-produto {
    margin-top: 0px;
    font-size: 18px;
}
.produto .acoes-produto .preco-parcela {
    font-size: 15px;
}
/*FIM - Tamanho fonte dos valores na pagina do produto*/ 


/*INICIO - Ajuste centralizar preço e tamanho no mobile*/
@media (max-width: 767px){
.produto .principal .atributos {
    padding-bottom: 5px;
    display: flex;
    justify-content: center;
    flex-direction: row;
}}
@media (max-width: 767px){
.atributos div ul {
    margin: 15px 0 0;
    display: flex;
    justify-content: space-around;
}}
@media only screen and (max-width: 767px){
.acoes-produto .preco-produto, .produto-compartilhar {
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
}}
/*FIM - Ajuste centralizar preço e tamanho no mobile*/


/*INICIO - ajuste no campo de calcular frete no mobile*/
@media only screen and (max-width: 767px){
.cep form, .acoes-produto .cep div {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: center;
}}
@media only screen and (max-width: 767px){
.cep label {
    line-height: 44px;
    font-size: 16px;
}}
/*FIM - ajuste no campo de calcular frete no mobile*/

/*INICIO - Centralizar titulo do produto mobile*/
@media only screen and (max-width: 767px){
.produto .nome-produto {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}}
/*FIM - Centralizar titulo do produto mobile*/


/*INICIO - box na vitrine de produtos (https://neumorphism.io*/
@media only screen and (min-width: 768px){
.listagem-item .produto-sobrepor{
border-radius: 0px; /*15px*/
background: linear-gradient(145deg, transparent);
box-shadow:  22px 22px 70px #e6e6e6,
             -22px -22px 70px #ffffff;
}}
/*FIM - box na vitrine de produtos*/

/*INICIO - paginacao quando tem mais de 40 produtos na pagina*/ 
/*.ordenar-listagem.rodape{
  display: block;
}
remove campo de ordenar itens nas categorias REMOVER PARA QUE A CATEGORIA DA BLACKFRIDAY MOSTRE MAIS DE 40 ITENS
.ordenar-listagem{
  display: none;
}*/
.pagination ul>li>a {
color: #000 !important;
border: solid 1px #000 !important;
border-radius: 5px;
}
.pagination ul>.active>a{
color: #fff !important;
background-color: #ff0067;
border: solid 1px #000 !important;
border-radius: 5px;
}
.pagination ul>li>a:hover {
    background-color: #ff0067;
}
/*FIM - paginacao quando tem mais de 40 produtos na pagina*/