/* NORMALIZE */
  @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700;900&display=swap');
  .conteiner-principal, .conteiner{box-shadow: none !important;}
  *{transition: .3s all;}
  #rodape .institucional, pagamento-selos{background-image:none !important;}
  .canais-contato li{border:none;}
  #cabecalho .conteiner{background: transparent;}
  button, a{background-image: none !important;text-shadow: none !important;}
  body, input, a, strong, .titulo, p, button{font-family: 'Barlow', sans-serif;}
  .header-icon p{font-family: 'Barlow', sans-serif;}

  /* #FFF */
  .icone-branco, .header-icon img, .icon-home img, .icon-shopping-cart img, .icon-user img, .atalho-menu img, .barra-inicial .lista-redes ul li a img{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(100%) contrast(103%);
  }
  /* #000 */
  .icone-preto{filter: invert(0%) sepia(11%) saturate(5882%) hue-rotate(225deg) brightness(96%) contrast(97%);}
  /* #F24764 */
  .icone-vermelho{filter: invert(31%) sepia(91%) saturate(1691%) hue-rotate(329deg) brightness(107%) contrast(90%);}
  /* #76BAB0 */
  .icone-verde{filter: invert(88%) sepia(35%) saturate(611%) hue-rotate(147deg) brightness(81%) contrast(80%);}

/* BANNERS ADICIONAIS */
  .banner-horizontal{margin-top: 30px;padding-bottom: 50px !important;}
  .banner-duplo{display: flex; margin-top: 50px;padding: 0 !important;}
/* HEADER */
  .superior, .carrinho span,.carrinho .icon-shopping-cart,.carrinho.vazio>a span, .canais-contato ul li i.icon-comment{display: none;}
  .menu.superior{display:block !important;background:transparent;}
  .menu.superior .nivel-um>li {border-top: 2px solid transparent; border-right: 0 !important}
  .menu.superior .nivel-um>li:hover {border-top: 2px solid #F22424; border-right: 0 !important}
  .canais-contato{margin:0 !important;}
  .canais-contato, .canais-contato ul{float:left;}
  .canais-contato ul li{
      border:none;
      font-weight: 400;
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 1px;
  }
  .canais-contato ul li img{height:18px;margin-right:12px;}
  .table tr:last-child{display: none;}
  .lista-redes{float:right !important;}
  .lista-redes i {background-color: transparent !important;background:linear-gradient(145deg ,transparent 10%, transparent 70%) !important;}
  .lista-redes ul li{border:none !important;float:right;}
  .bem-vindo, .acoes-conta a, .carrinho>span, .carrinho>a, .carrinho>strong{color: #fff;}
  .menu.superior .nivel-um>li{float:none;display:inline-block;border-left: 0 !important;text-transform: uppercase;}
  .inferior{margin-top:15px;}
  .menu.lateral, .menu.lateral .nivel-um, .menu.lateral .nivel-dois, .menu.lateral .nivel-um li a{
    box-shadow: none
  }
  .menu.superior{margin:0;}
  .menu.superior i,
  .menu.lateral i {border-radius:10px;}
  .menu.superior .titulo{
      font-size: 12px;
      letter-spacing: 3px;
      font-weight: 600;
  }
  /* .menu.superior .nivel-dois .conteiner{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  } */
  .menu.superior ul.nivel-dois{
    position: absolute;
    padding: 0;
    box-shadow: none;
    /* width: 100vw; */
    /* left: calc(var(--left) - 200%); */
  }


  .menu.superior ul.nivel-dois li{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: none;
    border-top: none;
  }


  .menu ul{text-align:center;}
  .logo a{height:80px;}
  .logo img{}
  .busca{
    border: 0;
    background: transparent;
  }
  .busca input{
      width: 90%;
      border: 0;
      padding: 10px 25px;
      font-weight: 500;
      box-shadow: none;
  }
  .botao-busca{
      height: auto;
      background: #fff;
      border: 0;
      padding: 20px;
      top: 5px !important;
      right: 8px !important;
      line-height: 0;
      font-size: 18px;
  }
  .inferior .span4, #barraTopo .span9.hidden-phone{
    display: flex;
    justify-content: end;
    column-gap: 20px;
    align-items: center;
  }
  .inferior.row-fluid{display: flex;align-items: center;}
  .carrinho{border:0;}
  .carrinho .header-icon{margin:0 !important;}
  .icon-label{
      float: left;
      font-size: 10px;
      text-transform: uppercase;
      line-height: 20px;
      font-weight: 800;
      letter-spacing: 1px;
      margin: 0px 0 0 7px;
  }
  .icon-sub-label{
      margin-left: -5px;
      display: block;
      font-size: 10px;
  }
  .qtd-carrinho {
      font-size: 18px !important;
      margin: -5px -5px !important;
      line-height: 16px !important;
      background: #F22424;
      color:#fff;
      padding: 1px 4px;
      border-radius: 50px;
  }
  .header-icon img{width: 24px;}
  .header-icon img.conta{width: 32px;margin-top: 3px;}
  .header-icon {}
  .icon-container{float:right;width:110px;}
  .header-icon:hover{opacity: 0.6;}
  .carrinho-interno{
      color: #03091E !important;
      padding: 15px;
      border:none;
      border-radius:3px;
      background:#fff;
      top:27px;
  }
  .carrinho-interno ul{max-height: 1000px;}
  .carrinho-interno li{background:#fff;border-radius:3px;}
  span.carrinho-info {
      display: block;
      text-align: center;
      width: 100%;
  }
  .carrinho-info i{margin-bottom:5px;}
  .carrinho-rodape{text-align:center}
  .carrinho-rodape .botao{
      float: none !important;
      margin-top: 15px !important;
      border-radius: 3px;
      line-height: 2em;
      border: none;
  }
  .carrinho-interno .header-icon {
      float: left;
      margin: 0 12px 0 0 !important;
      padding-bottom: 0;
      width: 25px;
  }

  .atalhos-mobile{}
    .icon-home:before, .icon-shopping-cart:before, .icon-user:before,.atalho-menu:before{content: "" !important;}
    .icon-home img, .icon-shopping-cart img, .icon-user img{width:24px;}
    .atalho-menu img{width: 18px}
    .lista-redes ul li:last-child a i{display:none;}
    .lista-redes ul li a img{width:16px;margin: -3px 6  px 0 9px !important;}

  #barraTopo{height: auto !important;}
  #barraTopo .row-fluid{display: flex;align-items: center;}
  #barraTopo .canais-contato{display: none;}
  #barraTopo .titulo a{
      font-size:16px;
      letter-spacing:2px;
    }
  #barraTopo .titulo a:hover{
        text-decoration:none;
        letter-spacing:3px;
    }
  #bararTopo .busca{
      padding: 0 18px 0 0 !important;
      background: 0;
      border: 0;
      left: -40px;
      right:30px;
  }
  #barraTopo .busca input{padding: 6px !important;border-width: 2px; border-style: solid;}
  #barraTopo .botao-busca{padding: 15px 10px !important;top:3px !important;right:18px !important;}
  #barraTopo .carrinho{margin-top: -2px;}

/* BODY */
  #corpo{padding-top: 50px;margin-bottom: 0 !important;}
  .conteiner{background-color: transparent !important;}
  .marcas{margin: 25px 0 0 7.5px !important;}
    .marcas .flexslider{border: 0 !important;}

/* BANNERS */
  .secao-banners .conteiner{
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  .secao-banners .conteiner .flexslider{
    border: 0;
    border-radius: 0;
  }
  .mini-banner .modulo{margin-top: -140px;}
  .banner.tarja{padding-bottom: 130px;text-align: center;}

/* VITRINE */
  .listagem .listagem-linha{border: none !important;}
  .listagem-item{padding:0 !important;margin:0 !important;}
  .imagem-produto{height: auto !important;}
  .imagem-produto img{position: relative !important;border-radius: 5px 5px 0 0 ;}
  #listagemProdutos{}
  .titulo-categoria{
    text-align: center;
    font-size: 32px !important;
    border:none;
    margin: 24px 0 36px 0;
    font-weight: 600;
  }
  .titulo-categoria strong:after{
    content: "";
    width: 40px;
    height: 4px;
    display: block;
    font-size: 12px;
    font-weight: 300;
    margin: 16px auto;
    border-radius: 100px;

  }
  .titulo-categoria:hover{
    background-color: transparent !important;
    padding-top: 10px !important;
    padding-left: 0px !important;
    cursor: default;
  }

  /* COM SLIDE */
    .listagem .listagem-linha .flex-viewport  li{
      width: 260px !important;
      margin-right: 15px !important;
      border:none;
    }
  /* SEM SLIDE */
    .listagem-linha:not(.flexslider) ul{
      display: grid !important;
      grid-template-columns: repeat(4, 24%);
      grid-column-gap: 15px;
      grid-row-gap: 20px;
    }
    .listagem-linha ul:not(.produtos-carrossel){
      display: grid !important;
      grid-template-columns: repeat(4, 24%);
      grid-column-gap: 15px;
    }

  /* CONTAINER PRODUTO / VITRINE */
    .listagem-linha li{
      background: #fff;
      border: none !important;
      margin:0 !important;
      border-radius: 5px;
      width:100% !important;
      }
    .info-produto{padding: 15px !important;}
      .nome-produto{font-size: 16px !important;font-weight: 600;}
      .preco-promocional{font-size: 24px !important;display: block;font-weight: 700 !important;}
      .info-produto{width: auto !important;}
      .acoes-produto-responsiva{text-align: center;}
      .acoes-produto{
        bottom: 10px !important;
        border: none !important;
        background-color: #fff !important;
        }
        .botao.botao-comprar{
          width: 90%;
          background-image: none !important;
          border: none;
          font-size: 16px;
          font-weight: 600;
          letter-spacing: 1px;
          padding: 16px 0;
          text-shadow: none;
        }
        .tag-comprar{border-radius: 4px;width: 70%;margin:15px auto !important;}
        .tag-comprar i{margin-left: 12px !important; font-size:18px;top:1px !important;}

        .botao.botao-comprar:hover{padding: 24px 0;opacity: .8;}
        .bandeiras-produto span{
          border: 0;
          border-radius: 2px;
          box-shadow: 0 0 0 transparent !important;}

 /* CARRINHO */
  .pagina-carrinho{}
  .pagina-carrinho .caixa-sombreada{box-shadow: none;}
  .tabela-carrinho tr,
  .tabela-carrinho td,
  .tabela-carrinho th,
  .tabela-carrinho tbody{border:none !important;}

  .carrinho-rodape .botao.principal{background-image: none;text-shadow: none;}
  .carrinho-rodape .botao.principal:hover{padding: 6px 30px;}
  .pagina-carrinho .acao-editar .botao{
    padding: 15px 30px;
    line-height: 30px;
    border-width: 2px;
  }
  .pagina-carrinho .acao-editar .botao.principal{}

/* PRODUTO */
  .produto .nome-produto.titulo{font-size:36px !important;}
  .acoes-flutuante .nome-produto.titulo {font-size:18px !important;}
  .produto .acoes-produto .comprar{text-align: left;float: none;}
  .disponibilidade-produto{text-align: left !important;}

  #formCalcularFrete input,
  #formCalcularCep input{
      padding: 2px 10px;
      font-weight: 700;
      border-width: 2px;
      border-style: solid;
  }
  #formCalcularFrete button{
    padding:7px 14px !important;
    font-weight: 500 !important;
  }
  #formCalcularFrete button,
  #formCalcularCep button{
      height: auto;
      border: 0;
      padding: 14px;
      top: 7px !important;
      right: 8px !important;
      line-height: 0;
      font-size: 14px;
      background-image: none;
      text-shadow: none;
      font-weight: 700;
  }
  .valores-descontos{margin-top: 25px;}
  .descontos.parcelas{margin-top: 8px;}

  .descontos.parcelas,
  .descontos.parcelas span,
  .descontos.parcelas strong,
  .descontos.avista,
  .descontos.avista span,
  .descontos.avista strong{vertical-align:revert;}
  .produto .pag-svg{margin:0 10px;}

  .parcelas-produto .accordion-group:nth-child(2) .accordion-toggle img[alt="Boleto Bancário"]{display: none;}

  /* CHECKOUT */
  .carrinho-checkout{}
    .email-box{margin-right: 120px !important;}
    .email-box input{border-radius: 3px 0 0 3px;}
    .submit-email{border-radius: 0 3px 3px 0;}
    .email-box input,.submit-email{border-width:2px;border-style: solid;}
  .atendimento{border:none !important;}
  .icone-box{border-radius:100px;}
  .carrinho-checkout .display-table strong{letter-spacing: 1px;}
  .forma-conteiner.with-discount img[alt="Pague com Boleto Bancário"]{display: none;}
  .forma-conteiner.with-discount .pag-svg{margin-right: 12px !important;height: 20px;}

  /* PEDIDO FINALIZADO */
  .box-pagamento-pix{display: block !important;}
  .chave-pix{
    display: block;
    font-size: 24px;
    text-align: center;
    margin-bottom: 24px;
  }

/* RODAPE */
  .pagamento-selos, .institucional .redes-sociais{background-image: none !important;}
  .institucional li{list-style: none !important;}
  .institucional .titulo, .pagamento-selos .titulo{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 2px;
    border:0 !important;
    margin-bottom: 0 !important;
  }
  .institucional .redes-sociais{display: none;}
  .sobre-loja-rodape p{padding-right: 80px;line-height: 1.5em}
  .fone-rodape-g{
    font-size: 24px;
    font-weight: 700;
    font-family: 'Montserrat';
    margin-bottom: 4px;
    display: block;
  }
  .fone-rodape-g:hover{text-decoration:none;}
  .fone-rodape-g img{width: 36px;margin-right: 12px;}
  .horario-rodape{font-weight: 600;margin-top: 12px;}
  .icone-social{
    font-size: 14px;
    font-weight: 600;
    margin-top:24px;
    display: inline-block;
    padding: 8px 16px;
    border-width: 1px;
    border-style: solid;
    border-radius: 12px;
  }
  .icone-social:hover{
    border-width: 2px;
    padding: 7px 15px;
    text-decoration: none;

  }
  .icone-social img{width: 24px;margin-right:8px;}



  .gateways-rodape{display:none;}
  .pag-svg img {height: 20px;margin-left: 3px;}
  .safe-browsing{width:140px;margin-left: 30px;}
  .assinatura{margin-right:15px;font-size: 10px;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;color:#000;}
  .assinatura img{width: 180px;margin-left:8px}

  @media only screen and (max-width: 767px){
    /* AJUSTES DE COR*/
      .atalho-menu{border: 2px solid #FF889B;background-color:#FF889B;color:#fff;}
      .atalho-menu:hover{color:#FF889B !important;background-color:#fff !important;}
    /* HEADER */
      .busca .botao-busca {
        height: auto;
        top: 2px !important;
        right: -3px !important;
        line-height: 0px;
      }
      #form-buscar{margin-right: 10px;}
      .atalhos-mobile{border:0;}
      .atalhos-mobile li {
        border: 0;
        background: none;
      }
      .atalho-menu{
        text-shadow: none !important;
        background-image: none;
        border-radius:4px !important;
        line-height: 32px;
      }
      .atalho-menu:hover{background-image: none;}
      .busca-mobile{background: #fff !important;padding: 0 !important;border-radius: 1px !important}

      .menu.superior ul.nivel-um li{width: 100% !important;padding-left: 0 !important;}
      /* .menu.superior .nivel-um>li:hover .nivel-dois{display: grid;} */
      .menu.superior .nivel-dois .conteiner{display: block;}
      .menu.superior ul.nivel-dois{
        position: relative;
        top: auto;
        width: 100%;
      }

      /* VITRINE */
      .imagem-produto{width: 100% !important;}
      .listagem-linha ul{
        grid-template-columns: repeat(2, 1fr) !important;
        grid-column-gap: 15px;
      }
      .listagem-item .acoes-produto-responsiva{margin:0 !important;align-self: center;}
      .acoes-produto-responsiva .tag-comprar{padding:0;}
  }
  @media only screen and (max-width: 1024px){
    .header-icon .icon-container{display:none;}
  }
