@import url(https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');

/*fonte menu superior*/
.nivel-um strong.titulo.cor-secundaria {
    letter-spacing: 1px;
    font-size: 16px;
     font-weight: 600;
    text-transform: normal;   
    font-family: 'Poppins', sans-serif;
}
/*fonte categoria e titulo de rodape*/

[class*="vitrine-"] strong,
.titulo-categoria,
#rodape .titulo {
    font-family: 'Inter', sans-serif;
    font-size: 40px;
        font-weight: 600;
    letter-spacing: normal !important;
    
}


/*fonte 01*/
.titulo-instagram {
    font-weight: 600;
  font-family: 'Poppins', sans-serif;
   font-size: 22px;
   
}

/*---------*/
[class*="vitrine-"] strong {
       overflow: hidden;
    text-align: center;
}
[class*="vitrine-"] strong:before,
[class*="vitrine-"] strong:after {
       background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width:240px;
    opacity:0.24;
}
[class*="vitrine-"] strong:before {
    right: 0.5em;
    margin-left: -50%;
}

[class*="vitrine-"] strong:after {
    left: 0.5em;
    margin-right: -50%;
}
[class*="vitrine-"] strong,
.titulo-categoria {
    border-top: none;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
 

}

/* BARRA TOPO LISTAGEM PRODUTO */
#barraTopo {
    display: none;
}

.barra-inicial {
    background-color: #FFF;
    border: none;
}

.barra-inicial.fundo-secundario .canais-contato.span9 ul li a i,
.barra-inicial.fundo-secundario .canais-contato.span9 ul li a {
    color: #333;
}

.listagem .listagem-item .nome-produto,
.listagem .listagem-item .preco-produto {
    display: block;
    text-align: center;
}

.listagem .listagem-linha,
.listagem .listagem-linha li {
    border: none;
}

#cabecalho {
    background-size: cover;
    font-size: 14px;
}

#cabecalho .conteiner {
    background-color: transparent !important;
}

/*lista redes */
.lista-redes [class*="icon-"] {
    background: none;
}

.lista-redes [class*="icon-"]:hover {
    background: none;
    opacity: 0.8;
}

.lista-redes ul li:first-child {
    float: left;
    border-left: none;
    margin-left: 0px;
}

.lista-redes ul li {
    float: left;
    border-left: none;
    margin-left: 10px;
}

.lista-redes [class*="icon-"] {
    background: none;
}

.fundo-secundario *:hover,
.fundo-secundario:hover,
.fundo-secundario.botao:hover {
    color: rgba(96, 96, 96, 0.65);
}

.lista-redes a:hover i {
    background-color:#f5cb36; /* cor dos titulos do rodapé ao passar o mouse*/
    color: rgba(0, 0, 0, 0.65);
}

/* CABECALHO */
#cabecalho {
    background-size: cover;
}

/* MENU SUPERIOR */
.menu.superior {
    background: transparent;
    width: 100%;
}

.menu.superior .nivel-um > li {
    text-align: center;
    border: none;
    border-bottom: 2px solid #ffffff; /*cor da barra inferior do menu*/
}

.menu.superior .nivel-um > li:hover { /*cor da caixa do menu superior quando se passa o mouse*/
    border-top: none;
    background-color: transparent;
    color: rgb(255, 255, 255);
    border-bottom: 2px solid #ffffff;;
}

.menu.superior .nivel-um > li:hover a strong.titulo.cor-secundaria {
    color: #f12e2a; /* cor do titulo quando se passa o mouse no menu superior */
}

.menu.superior .categoria-paginas {
    background-color: rgba(0, 0, 0, 0.00);
}

.menu.superior .nivel-dois,
.menu.superior .nivel-tres,
.menu.lateral.superior .nivel-um > li > a {
    background-color: #ffffff;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
    font-size: 14px;
}

#cabecalho .superior ul.nivel-dois.borda-alpha li a {
    color: #333;
}

.listagem .titulo-categoria:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.00);
    padding-left: 0px;
}

/* FLEXSLIDER */
.secao-banners .conteiner {
    margin: 0px;
    padding: 0px;
    max-width: 100%;
    max-height: auto;
}

div.row-fluid.banner.cheio {
    margin-top: -5px;
    margin-left: -1px;
    width: 100%;
}

.banner.tarja img {
    display: flex;
    max-width: 1140px;
    margin: 1em auto;
}

.banner.mini-banner {
    display: flex;
    max-width: 1140px;
    margin: 2em auto;
}

.banner .flex-control-nav {
    right: 50%;
}

.banner .flex-control-paging li a {
    width: 10px;
    height: 10px;
    margin: 1px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: none;
}

.banner .flex-control-paging li a.flex-active {
    width: 12px;
    height: 12px;
    margin: 0;
    background: #fff;
}

/* acoes conta */
.acoes-conta i.fundo-principal {}

.rastreio-topo i {
    margin-bottom: 5% !important;
    color: #19164f !important;
    /*    background-color: #fff;*/
}

/* carrinho */
.carrinho {
    border: none;
}

.carrinho i:hover {
    color: #19164f;
}

.carrinho i {
    border: none;
}

/* Newsletter */
#barraNewsletter {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.0);
}

.logo a img {
    height: 250px !important;
    max-height: 80%;
}

.logo a {
    position: relative;
    display: block;
    height: 150px;
}

/*rodape*/
#rodape .titulo {
    font-size: 24px;
}

#rodape a {
    font-size: 16px;
    font-weight: 400;
}

#rodape .sobre-loja-rodape p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

#rodape .sobre-loja-rodape #rodapeAtendimento p {
    font-size: 14px !important;
    font-weight: 700;
}

h2.especial {
    text-transform: normal;
    font-weight: 900;
    color: #19164f;
    margin-bottom: 80px;
}

.insta-titulo {
    text-align: center;
    margin: 80px 0;
    color: #19164f;
    text-transform: normal;
}

#corpo {
    margin-bottom: 0;
}

.filtro.lista ul li label {
    font-size: 14px;
}

/* Arredondar */
.banner.mini-banner .modulo li img {
    border-radius: 15px;
}

/*imagem-produto*/
.imagem-produto img {
    border-radius: 6px;
}

/* LISTAGEM PRODUTO */
/*imagem-produto*/
.botao-comprar i{ display:none;}
.imagem-produto img {
    border-radius: 6px;
}

.listagem .listagem-item {
    position: relative;
    padding: 10px;
    transition: box-shadow .1s;
    margin-left: 0.127659574468085%;
}

.info-produto .preco-produto .preco-parcela,
.info-produto .preco-produto .titulo {
    font-weight: 400;
 font-family: poppins, sans-serif;
}

.info-produto .preco-produto strong.preco-promocional {
    font-size: 24px;
    font-weight: 400;
    opacity: 1;
}

.imagem-produto img {
    border-radius: 6px;
}

.pagina-inicial .listagem .span3 .imagem-produto,
.pagina-inicial .listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto {
    height: 263px;
}

.listagem .listagem-item .nome-produto,
.listagem .listagem-item .preco-produto {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0px;
}

.listagem .span3 .listagem-item .nome-produto {
    min-height: auto;
}

.listagem-item .acoes-produto {
    border: none;
    background-color: rgba(255, 255, 255, 0.0);
    font-family: poppins, sans-serif;
}

.listagem .listagem-item:nth-child(1) {
    margin-left: 0px;
}

.listagem .listagem-item {
    margin-left: 0px;
}

.listagem .listagem-item .nome-produto {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
     font-family: poppins, sans-serif;
}

.botao.principal.botao-comprar,
.acoes-produto-responsiva .tag-comprar {
    width: 100%;
    box-sizing: border-box;
    border: 0px;
    border-radius: 50px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.preco-promocional {
    padding: 0px !important;
    margin: 6px 0 !important;
}

.preco-produto.destaque-preco .preco-promocional {
    font-size: 28px;
}

.preco-venda {
    font-size: 28px !important;
    padding: 0px !important;
    margin: 6px 0 !important;
}

.preco-venda {
    display: block !important;
}

.preco-promocional {
    padding-top: 6px;
}

.com-promocao .preco-venda,
.preco-produto .preco-venda {
    font-size: 16px !important;
    font-weight: normal !important;
}

.listagem .span3 .imagem-produto {
    height: 260px;
}

.listagem .listagem-item {
    background-color: #ffffff;
    padding: 0px;
    border-radius: 2px;
}

.listagem .listagem-linha li {
    border-width: 0px;
}

.listagem-item .acoes-produto {
    background-color: transparent;
    border-width: 0px;
}

.listagem-item .acoes-produto a.botao-comprar {
    width: 70%;
}

.bandeiras-produto {
    top: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    box-sizing: border-box;
}

.bandeiras-produto span {
    box-shadow: none;
    border: 0px;
    padding: 5px 20px;
    padding-top: 5px;
    border-radius: 4px;
    margin: 0px;
    margin-top: 10px;
}

.bandeiras-produto span.bandeira-promocao {
    width: 100px;
    height: 24px;
    padding: 0px;
    line-height: 24px !important;
    text-align: center;
    border-radius: 44px;
    font-size: 10px;
}

.botao-comprar {
    min-width: 140px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
    font-size: 16px !important;
}

.preco-produto strong.titulo {
    font-size: 16px;
}

.listagem .imagem-produto img {
    border-radius: 0px;
}

.preco-promocional {
    font-size: 22px;
    display: block;
}

.listagem-item {
    border: 1px solid #fff;
}

.listagem-item:hover {
    border: 1px solid #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.00);
}

.listagem-item:hover .acoes-produto {
    bottom: -1%;
}

.imagem-produto {
    margin-top: 40px !important;
}

.listagem-item .info-produto .preco-produto {
    min-height: 126px;
     font-family: inherit, sans-serif;
}


.bandeiras-produto .bandeira-frete-gratis {
    /*Altera cor do botão*/
    background:#f5cb36;
    /*Altera cor do texto*/
    color: #19164f;
}

/* MODAL PERSONALIZADO INFORMATIVO COM IMAGEM */
.tag-comprar i{ display:none;}
#modalNewsletter .componente {
  background: url(https://cdn.awsli.com.br/1283/1283700/arquivos/feliz.jpg);
  width: 580px;
  height: 370px;
}

#modalNewsletter .componente .titulo{
    display: none;
}

#modalNewsletter .componente .texto-newsletter {
    display: none;
}

#modalNewsletter .componente .interno {
    display: none;
}

div.fancybox-skin {
  padding: 0px !important;
}
div.fancybox-wrap.fancybox-desktop.fancybox-type-html.modal-modalNewsletter.fancybox-opened {
  width: 580px !important;
  height: 370px !important;
  left: 50% !important;
  margin-left: -290px !important;
}
div.fancybox-inner {
  width: auto !important;
  height: auto !important;
}

.bandeiras-produto .bandeira-frete-gratis {
    /*Altera cor do botão*/
    background:#262e33;
    /*Altera cor do texto*/
    color: #ffd957;
}
/* DESRIÇÃO DA CATEGORIA */
.conteudo .componente {
    background-color:#fff !important;
}
.conteudo .componente h4{ display:none;}
.conteudo .componente i{ display:none;}
.conteudo .componente .interno{
    font-size:14px;
    padding:10px 0px;
}

@media (max-width:767px){
    [class*="vitrine-"] strong,
    .titulo-categoria,
    #rodape .titulo {
        font-size: 24px !important;
    }
    [class*="vitrine-"] strong::before, [class*="vitrine-"] strong::after{
        display: block;
        width: 90%;
        padding: 0px;
        right: 0px;
        left: 0px;
        margin: 10px auto;
    }
    .acoes-produto-responsiva{display:block !important; position:relative !important;}
    .botao.principal.botao-comprar, .acoes-produto-responsiva .tag-comprar{
        margin-left: auto !important;
        width: 90%;
        margin-right: auto !important;
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }
    .logo a img{
        max-height: 120% !important;
    }
    .tarja img{ width:100%;}
    #modalNewsletter .componente {
      width: 360px;
      height: 240px;
      background-size: contain;
      background-repeat: no-repeat;
    }

    div.fancybox-skin {
      padding: 0px !important;
    }
    div.fancybox-wrap.fancybox-desktop.fancybox-type-html.modal-modalNewsletter.fancybox-opened {
      width: 100% !important;
      height: auto !important;
      left: 0% !important;
      margin-left: 0px !important;
    }

}

