@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

body,
p,
a,
span,
strong,
h2,
h3,
h4,
h5,
h6,
label,
input,
button,
.titulo {
    text-decoration: none!important;
    font-family: 'Poppins', sans-serif;
    text-rendering: geometricPrecision;
}



:root {
    /* Cores do cabeçalho */
    --fundo-cabecalho: #020933;
    --texto-cabecalho: #f9f9f9;
    --icone-cabecalho: #97bcff;
    --fundo-menu-superior: #020933;
    --texto-menu-superior: #f9f9f9;

    /* Cores barra de newsletter */
    --fundo-newsletter: #020933;
    --botao-newsletter: #005aff;
    --texto-newsletter: #fff;

    /* Cores rodapé */
    --fundo-rodape: #020933;
    --titulo-rodape: #97bcff;
    --texto-rodape: #f9f9f9;

    /* Cores página carrinho */
    --cor-principal-carrinho: #239aa3;
    --cor-botao-finalizar-compra: #005aff;

    /* Cores página produto */
    --cor-botao-comprar: #005aff;
    --cor-preco-comprar: #17bdae;
    --fundo-botao-ativo-variacao: #005aff;
    --texto-botao-ativo-variacao: #ffffff;

    /* Cores gerais */
    --cor-da-marca: #005aff;
    --texto-branco: #ffffff;
    --cor-de-borda: #e8e8e8;
    --cinza-claro: #f9f9fb;
    --cinza: #777D8B;
    --preto: #181818;
    --branco: #ffffff;
    --cor-de-link: #444;

    /* Cor de botões */
    --cor-de-botoes: #005aff;
}


body {
    padding-top: 160px;
}

body.pagina-inicial {
    padding-top: 148px;
}

.lista-redes i:hover {
    color: #666 !important;
}

.lista-redes i {
    background: none !important;
    color: var(--cinza);
}

#corpo {
    margin-bottom: 0px;
}

/* Instagram */

.instagram_gallery li {
    width: 18%;
    float: left;
    margin: 0 1%;
}

#instagram h2 a {
    margin-left: 10px;
    font-weight: bold;
}

#instagram h2 {
    text-align: center;
    margin: 0 0 40px;
    font-size: 20px;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
}

.slide-maisvendido .titulo-categoria {
    font-size: 20px;
    text-align: center;
    display: block;
    border: 0;
    margin: 0;
}

.compre-junto__atributo--lista {
    width: auto;
}

.compre-junto__preco-total--promocional, .compre-junto__preco-total--promocional:empty+.compre-junto__preco-total--regular {
    color: var(--cor-preco-comprar);
}

.compre-junto__comprar button {
    background: var(--cor-botao-comprar);
}

.compre-junto__preco--promocional, .compre-junto__preco--promocional:empty+.compre-junto__preco--regular {
    color: var(--cor-preco-comprar);
}

.compre-junto__etiqueta {
    position: absolute;
    left: 50%;
    top: -12px;
    width: 100px;
    transform: translateX(-50%);
    border-radius: 10px;
    background-color: var(--cor-da-marca);
    text-align: center;
    font-weight: 800;
    color: var(--branco);
}

/* cabecalho */

.promobar {
    background:#f6dd25;
    height: 40px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000;
}

.promobar .conteiner {
    padding: 0 10px;
    position: relative;

}

.promotitle {
    text-align: center;
    width: 100%;
    line-height: 40px;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #2a2c33;
}

.promoclose {
    position: absolute;
    right: 13px;
    top: 0;
    height: 40px;
    color: #2a2c33;
    line-height: 40px;
    width: 40px;
    text-align: right;
    font-size: 15px;
}

#cabecalho.promofixed {
    top: 40px;
}

.identificacao .identificacao-title {
    color: var(--preto);
}

#menuCat.promofixed {
    top: 140px;
}

#cabecalho {
    background-color: var(--fundo-cabecalho);
    background-position: top center;
    background-repeat: repeat;
}


body.promofixed {
    padding-top: 210px;
}

.pagina-inicial.promofixed {
    margin-top: 20px;
}

#menuCat.scroll.active.promofixed {
    top: 140px!important;
}

.conteudo-topo> .superior {
    position: absolute;
    left: -9999px;
}

.barra-inicial, #barraTopo {
    display: none!important;
}

#cabecalho .conteiner {
    padding: 0;
}

.conteudo-topo .inferior {
    padding: 30px 0px 0px 0px;
}

/* Login / Suporte  */

.atd-txt i,
.login-txt i,
.search-txt i {
    display: block;
    font-size: 22px;
    margin-bottom: 5px;
    color: var(--icone-cabecalho);
}

 
.atd-txt,
.login-txt,
.search-txt {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    color: var(--texto-cabecalho);
}

#cabecalho.logo-centro .search-top {
    width: 35%;
    float: left;
    position: relative;
}

.login-top,
.atd-top {
    position: relative;
    float: left;
    width: 9%;
    margin-left: 2%;
}

ul.drop-search:before {
    content: '';
    position: absolute;
    top: -25px;
    right: 0;
    width: 0;
    left: 0;
    padding-top: 14px;
    margin: auto;
    border-bottom: 11px solid #ffffff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
}

ul.drop-search {
    position: absolute;
    width: 300px;
    box-shadow: 0 15px 30px rgba(0,0,0,.25);
    right: -88px;
    top: 100px;
    opacity: 0;
    transition: all .2s;
    z-index: -1;
}

.search-top:hover ul.drop-search {
    opacity: 1;
    z-index: 1000;
    top: 66px;
}

ul.drop-login, ul.drop-atd, .login-top .dropdown-menu {
    position: absolute;
    left: 0;
    background: #fff;
    top: 66px;
    padding: 20px;
    text-align: center;
    margin: 0;
    transition: all .2s;
    box-shadow: 0 15px 30px rgba(0,0,0,.25);
    display: none;
}

.login-top:hover ul.drop-login, .atd-top:hover ul.drop-atd, .login-top:hover ul.dropdown-menu {
    display: block;
    border: 1px solid #d8d8d8;
}

.login-top ul.dropdown-menu {
    left: -61px;
    border-radius: 10px;
    border: 0;
}

#cabecalho.logo-centro .login-top ul.dropdown-menu {
    left: -44px;
    border: 1px solid #d8d8d8;
}

ul.drop-login, ul.drop-atd {
    width: 300px;
    left: -130px;
    border-radius: 20px;
}

.login-top .dropdown-menu a {
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
}

ul.drop-login:before, ul.drop-atd:before, .login-top .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -25px;
    right: 0;
    width: 0;
    left: 0;
    padding-top: 14px;
    margin: auto;
    border-bottom: 11px solid #d8d8d8;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
}

ul.drop-login, ul.drop-login a {
    transition: all .2s;
}

ul.drop-login a {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--preto);
    font-weight: 600;
    line-height: 40px;
    display: block;
}

ul.drop-login li:last-child {
    border-radius: 300px;
}

ul.drop-login li:last-child a {
    line-height: 50px;
    font-weight: 600;
    color: #fff;
    border-radius: 300px;
    background: var(--cor-botao-comprar);

}

.drop-atd li>a {
    font-size: 12px;
    color: var(--preto);
    font-weight: 500;
}

.drop-atd li.hidden-phone {
    font-size: 12px;
}

.drop-atd li {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: var(--preto);
    border-radius: 300px;
}
.drop-atd li:nth-child(2)>span:before {
    content: "Telefone";
    display: block;
    font-size: 12px;
    color: var(--cinza);
    line-height: 12px;
    padding-top: 10px;
}

.drop-atd li.tel-whatsapp>span:before {
    content: "Whatsapp";
    display: block;
    font-size: 12px;
    color: var(--cinza);
    line-height: 12px;
    padding-top: 10px;
}

.drop-atd li.acompanhe-pedido a {
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    margin-top: 20px;
    font-size: 14px;
    color: var(--branco);
}

li.acompanhe-pedido.fundo-principal {
    background: var(--cor-botao-comprar)!important;
}


.drop-atd li.acompanhe-pedido i {
    margin-right: 10px;
    color: var(--branco);
}

/* Carrinho */

.fundo-principal, .fundo-principal *, .fundo-principal *:hover, .fundo-principal:hover, .fundo-principal.botao:hover {
    color: inherit;
}

.carrinho>a i {
    background: none;
}

.carrinho {
    text-align: center;
    position: relative;
}

.carrinho>a span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    width: 100%;
    line-height: 14px;
    color: var(--texto-cabecalho);
}

.carrinho>a i:before {
    margin-bottom: 5px;
}

.carrinho>a strong {
    background: var(--branco);
    color: var(--preto);
    width: 15px;
    height: 15px;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    font-weight: bold;
    border-radius: 30px;
    left: 35px;
    position: absolute;
    top: -7px;
    border: 3px solid var(--fundo-cabecalho);
}

.carrinho {
    background: none;
    border: 0;
}

.conteudo-topo .inferior .span4.hidden-phone {
    width: 9%;
    text-align: center;
}

.carrinho>a i {
    background: none;
    width: auto;
    height: auto;
    line-height: 24px;
    font-size: 22px;
    width: 100%;
    color: var(--icone-cabecalho)!important;
}

.carrinho.vazio>a span {
    float: none;
    display: block;
    margin-left: 55px;
    line-height: 14px;
    padding: 0;
    font-size: 12px;
    margin: 0;
    font-weight: 500;
    color: var(--texto-cabecalho);
}

/* carrinho interno */

#cabecalho .carrinho-interno {
    box-shadow: 0 15px 30px rgba(0, 0, 0,.3);
    border: 0;
    top: 65px;
}

.carrinho-interno>div .botao {
    float: none;
    display: block;
    text-align: center;
    background: var(--cor-de-botoes)!important;
    font-size: 15px;
    font-weight: 600;
    border: 0;
    border-radius: 300px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    text-shadow: none;
}

.carrinho-interno .preco-produto .preco-promocional {
    font-weight: 600;
    color: var(--cor-preco-comprar);
}

.carrinho-interno>div>span.carrinho-info {
    display: block;
    float: none;
    text-align: center;
    background: var(--cor-de-borda);
    padding: 10px 0;
    border-radius: 10px;
    text-transform: uppercase;
}

.carrinho-interno li {
    border: 0;
}

.carrinho-interno>div>span.carrinho-info i {
    font-style: normal;
}

.carrinho-interno .nome-produto {
    text-align: left;
    color: #444;
}

.carrinho-interno>div>span>span {
    font-size: 13px;
      font-weight: 700;
}

.carrinho-interno .preco-produto {
    margin: 30px 0 0;
}

#cabecalho .carrinho-interno:before {
    content: '';
    position: absolute;
    top: -25px;
    right: 0;
    width: 0;
    left: 0;
    padding-top: 14px;
    margin: 0 30px 0 auto;
    border-bottom: 11px solid #d8d8d8;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
}

/* Busca */

.busca input::placeholder {
    color: var(--preto);
}  

.busca input:focus {
    color: var(--preto);
    border-color: none;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(212 212 212 / 38%);
  /*   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(138 138 138 / 44%);
    border-bottom: 1px solid #f1f1f1;*/
}

.conteudo-topo .inferior .span8.busca-mobile {
    width: 66%;
    margin-left: 0%;
}

.busca {
    background: none;
    border: 0;
    padding: 0;
}

.busca input {
    border-radius: 50px;
    height: 52px;
    padding: 0 0 0 30px;
    border: 0px;
    font-size: 12px;
    font-weight: normal;
    box-shadow: none;
    background-color: var(--branco);
    border: 1px solid var(--fundo-cabecalho);
}

#menuCat {
    
    border-bottom: none;
    background: var(--fundo-menu-superior);
}


.busca .botao-busca {
    background: none;
    border: 0;
    border-radius: 10px;
    top: 1px;
    right: 10px;
    color: #aeaeae!important;
    font-size: 18px;
    line-height: 52px;
    padding: 0 20px;
    height: auto;
}

.busca .botao-busca:hover {
    color: var(--preto);
}

.logo a {
    position: relative;
    display: block;
    bottom: -4px !important;
    width: 86%;
}

.pagina-carrinho .carrinho-checkout .logo a {
    bottom: -18px !important;
    height: 60px;
}

table .font-15 {
    color: var(--cor-preco-comprar);
    font-weight: 800;
}

strong {
      font-weight: 800;
    color: var(--cor-preco-comprar);
}

.resumo-compra .total strong {
    font-size: 18px;
    color: var(--cor-preco-comprar);
    margin: 0;
}

.resumo-compra .tabela-carrinho .padding-preco * {
    text-align: left;
    font-weight: 700;
}

/* Cabeçalho Centralizado */

#cabecalho.logo-centro .login-top, #cabecalho.logo-centro .atd-top, #cabecalho.logo-centro .carrinho {
    position: relative;
    float: left;
    width: 30%;
    margin-left: 3.3%;
}

#cabecalho.logo-centro .carrinho>a i {
    float: none;
}

#cabecalho.logo-centro .carrinho>a strong {
    left: 50px;
}

#cabecalho.logo-centro ul.drop-login, #cabecalho.logo-centro ul.drop-atd {
    left: -115px;
    border: 1px solid #d8d8d8;
}

#cabecalho.logo-centro .carrinho-interno:before {
    margin: 0 40px 0 auto;
}

/* menu superior */


.menu.superior .nivel-um>li:hover > a > .titulo {
    color: var(--cor-da-marca) !important;
}

/* Efeito de hover nas categorias do menu: cor + linha inferior de 2px +
   leve expansão do texto, apenas com CSS */
.menu.superior .nivel-um>li>a .titulo {
    display: inline-block;
    position: relative;
    transition: color .2s ease, transform .2s ease;
}

.menu.superior .nivel-um>li>a .titulo::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 2px;
    background: var(--cor-da-marca);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
}

.menu.superior .nivel-um>li:hover>a .titulo {
    transform: scale(1.06);
}

.menu.superior .nivel-um>li:hover>a .titulo::after {
    transform: scaleX(1);
}

.menu.superior li.com-filho:hover >a i {
    color: var(--texto-cabecalho);
}

.menu .titulo {
    display: inline-block;
    white-space: normal;
    font-size: 18px;
    font-weight: 500;
}

.menu.superior {
    margin: 0;
    background: none;
}

#menuCat .conteiner {
    padding: 0;
}

.menu.superior .nivel-um>li .titulo {
    font-size: 14px;
    line-height: 25px;
    padding: 5px 10px;
    margin-bottom: 0;
    color: var(--texto-menu-superior) !important;
    font-weight: bold;
}


.menu.superior > .nivel-um {
    text-align: center;
}

.menu.superior .nivel-dois {
    top: 59px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 1;
    box-shadow: 0 24px 40px -20px rgba(0,0,0,.3);
    border: 1px solid #d8d8d8;
}

.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a {
    border-radius: 20px;
}

.menu.superior .nivel-dois li a {
    color: var(--preto);
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.menu.superior .nivel-dois li {
    text-align: left;
    border: 0;
}

.menu.superior .nivel-um>li {
    margin: 0;
    border: 0;
    background: none;
    float: none;
    display: inline-block;
    padding: 9px 8px;
}

.menu.superior li.com-filho>a i {
    margin: 0;
    background: none;
    color: var(--texto-menu-superior);
    padding: 0;
    width: 10px;
    line-height: 28px;
}

/* Banners */

.secao-banners {
    margin-top: -10px;
    margin-bottom: 10px;
}

.banner.cheio+.row-fluid {
    margin-top: 10px;
}

.banner.tarja {
    text-align: center;
    margin: 0px 0;
}

.tarja * {
    border-radius: 10px;
}

.lateral-fulbanner {
    max-height: 100%;
}

.secao-banners .conteiner {    
    max-width: 1300px;
    margin-top: 20px;
    float: none;
    align-items: center;
    padding: 0 20px 0 20px;
}

/* Fullbanner ocupando 100% da largura da tela, ignorando o max-width e o
   padding do container, em qualquer dispositivo. margin-top zerado para
   não deixar espaço em branco entre o cabeçalho e o banner. */
.secao-banners .row-fluid.banner.cheio {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 0 !important;
}

.secao-banners {
    margin-top: 0;
}

body {
    overflow-x: hidden;
}

.banner .flex-control-paging li a {
    width: 10px;
    height: 10px;
    margin: 1px;
    background: transparent;
    border: 1px solid #666666;
    border-radius: 10px;
    box-shadow: none;
}

.flex-direction-nav {
    display: none;
}

.banner .flex-control-paging li a.flex-active {
    width: 12px;
    height: 12px;
    margin: 0;
    background: var(--cinza-claro);
}

.spanNone.banner.tarja {
    margin-top: 10px;
}

.flexslider {
    border: 0;
    border-radius: 10px;
}

.row-fluid.banner.cheio .span3 {
    width: 27%;
    margin: 0 0 0 3%;
}

.row-fluid.banner.cheio .span9 {
    width: 70%;
}

.mini-banner .modulo.span6 {
    width: 48.717948717948715%;
}

.mini-banner .modulo.span6:nth-child(3) {
    display: none;
}

.mini-banner {
    max-width: 1105px;
    margin: 100px auto;
}

#tarjaTexto .span6 span i {
    font-size: 18px;
    margin-right: 5px;
}

#tarjaTexto .span6 span {
    font-size: 14px;
    line-height: 30px;
}

#tarjaTexto .span6 span.text-tarja {
    color: #222;
}

#tarjaTexto .span6 {
    padding: 10px 0;
}

#tarjaTexto .row-fluid {
    max-width: 1140px;
    margin: 0 auto;
}

#tarjaTexto {
    text-align: center;
    border: 1px solid #d8d8d8;
    margin-top: 30px;
}

#tarjaTexto .span6:first-child {
    border-right: 1px solid #d8d8d8;
}

#tarjaTexto .span6 {
    padding: 10px 0;
    margin: 0;
    width: 50%;
}

/* Listagem por Categoria */

.buy-cat .nav-item.active .nav-link {
    background: #222;
    border: 1px solid #222;
    border-bottom: 0;
}

.buy-cat .nav-item .nav-link {
    padding: 20px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    margin: 0;
    border-bottom: 0;
}

.buy-cat .nav-tabs {
    margin: 0;
    border: 0;
}

.buy-cat .nav-item {
    width: 25%;
    margin: 0;
}

.buy-cat .nav-link>strong {
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    line-height: 16px;
}

.buy-cat .nav-item .nav-link>span, .buy-cat .nav-item .nav-link>strong {
    color: #222;
}

.buy-cat .nav-item.active .nav-link>span, .buy-cat .nav-item.active .nav-link>strong {
    color: #fff;
}

.buy-cat .nav-link>span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 13px;
}

.buy-cat .tab-pane.active {
    background: #222;
}

.buy-cat .tab-content .tab-pane .conteiner {
    padding: 40px;
}

.buy-cat .listagem .listagem-linha {
    padding: 0;
}

.listagem .listagem-linha:first-child {
    padding: 0;
    margin: 0;
    border: 0;
}

.listagem .listagem-linha {
    border-width: 0;
    padding-top: 0;
}

.listagem .listagem-linha + .listagem-linha {
    margin-top: 30px;
}

/* Listagem */

.listagem .preco-parcela, .listagem .preco-parcela strong, .listagem.aproveite-tambem .preco-parcela {
    color: #000;
    font-weight: normal;
    font-size: 16px;
}

.listagem .preco-parcela strong {
    font-weight: 700;
    color: var(--cor-preco-comprar);
}

.pagina-categoria .listagem .preco-parcela, .pagina-categoria .listagem .preco-parcela strong, .pagina-categoria .listagem.aproveite-tambem .preco-parcela {
    font-size: 13px;
}


.listagem-item .preco-parcela:before, .listagem-item .desconto-a-vista strong:before {
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 20px;
    height: 20px;
}

.listagem.com-caixa .listagem-item {
    box-shadow: 0 0 2px rgb(0 0 0 / 0%);
    border: 0;
}

.pagina-inicial #corpo {
    margin-top: 0px;
}

.pagina-inicial .listagem .span3 .imagem-produto {
    height: 270px;
    margin-top: 15px;

}

.listagem .imagem-produto {
    position: relative;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    padding: 24px 16px;
}

.listagem .imagem-produto img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 5px;
    display: block;
}

.listagem .span3 .imagem-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto {
    height: 250px;
}

/* .bandeiras-produto agora cobre todo o quadro da imagem: as bandeiras
   normais (novo, esgotado, etc.) continuam no canto superior esquerdo via
   padding, e a tag de desconto é destacada isoladamente no canto superior
   direito (ver .bandeira-promocao abaixo) */
.bandeiras-produto {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    box-sizing: border-box;
    pointer-events: none;
}

.bandeiras-produto span {
    pointer-events: auto;
}

.pagina-inicial .bandeiras-produto {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
}

.bandeiras-produto span {
    display: inline-block;
    padding: 0 10px;
    line-height: 17px;
    color: #184f4a;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    background: #6ed6cd;
    margin: 0 3px 3px 0;
    border: 1px solid #FFF;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    white-space: nowrap;
}

.bandeiras-produto .bandeira-promocao {
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid var(--branco);
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
    border-radius: 300px;
    line-height: 24px;
}

.bandeiras-produto .bandeira-promocao:before {
    content: "-";
}

.bandeiras-produto .bandeira-promocao:after {
    content: "%";
    font-size: 10px;
    position: relative;
}

/* Tag de desconto e tag de "no carrinho" empilhadas (uma abaixo da outra),
   em todas as páginas e larguras de tela, evitando sobreposição quando
   as duas aparecem juntas */
.listagem .bandeiras-produto .bandeira-carrinho {
    position: absolute;
    top: 48px;
    right: 15px;
    margin: 0;
    background: var(--branco);
    border: 1px solid var(--preto);
    color: var(--preto);
    border-radius: 300px;
}

.bandeiras-produto .adicionado-carrinho {
    border: 0;
    border-radius: 300px;
    box-shadow: none;
}

.listagem-item .acoes-produto .botao {
    text-transform: uppercase;
    text-shadow: none;
    border-radius: 300px;
    border-radius: 300px;
    padding: 12px 50px;
    background: var(--cor-botao-comprar);

}

.listagem-item .acoes-produto {
    border: 0;
    background: none;
    padding: 0;
}

/* Botão que aparece ao passar o cursor sobre o card: fica alinhado ao
   rodapé da imagem (não mais centralizado no meio). O texto "Comprar
   agora" (sem ícone) é definido via JS — troca_botao_ver_mais no
   JS_Tema_corrigido.js — que edita o conteúdo real do link. */
.listagem-item .produto-sobrepor {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 16px;
    box-sizing: border-box;
}

.listagem a[title="Ver detalhes do produto"] {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    white-space: nowrap;
    padding: 10px 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.listagem .listagem-item {
    margin: 0;
    padding: 0 10px 28px;
}



.listagem .listagem-linha li {
    border: 0;
}

.listagem .listagem-linha>ul {
    margin-left: 0;
}

.listagem .span3 .listagem-item .nome-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .listagem-item .nome-produto {
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    color: var(--preto);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin-bottom: 20px;
    border: 0;
    margin: 5px 10px;
}

.listagem .info-produto {
    padding: 15px 5px 10px;
    position: relative;
}

.listagem .preco-produto s.preco-venda {
    display: block;
    color: var(--cinza);
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    margin-bottom: 10px;
}

.listagem .preco-produto>div {
    margin: 5px 10px;

}

.listagem .preco-a-partir span {
    display: block;
    line-height: 17px;
    font-size: 12px;
    color: var(--cinza);
    padding: 5px 0;
}


/* Hierarquia de preços no card (desktop): 1) Preço do produto — maior
   destaque; 2) Pix — destaque intermediário; 3) Parcelado — texto
   secundário. Preço unificado entre "a partir de" e preço fixo, que antes
   tinham tamanhos bem diferentes (25px vs 16px). white-space:nowrap evita
   que "R$" quebre para uma linha separada do valor em colunas estreitas. */
.preco-produto .preco-a-partir .preco-venda:not(.titulo) {
    font-size: 22px;
    font-weight: 800;
    color: var(--cor-preco-comprar);
    margin: 0;
    white-space: nowrap;
}

.listagem .preco-produto strong.titulo {
    font-size: 30px;
    font-weight: 800;
    color: var(--cor-preco-comprar);
    margin: 0;
    white-space: nowrap;
}

.listagem .preco-parcela span {
    font-size: 0;
}

.listagem .preco-parcela, .listagem .preco-parcela strong, .listagem.aproveite-tambem .preco-parcela {
    font-weight: normal;
    font-size: 13px;
    color: var(--cinza);
    white-space: nowrap;
}

.listagem .desconto-a-vista strong {
    font-size: 15px;
    white-space: nowrap;
}

.listagem-item .preco-parcela:before, .listagem-item .desconto-a-vista strong:before {
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 20px;
    height: 20px;
}

.listagem .titulo-categoria strong{
    position: relative;
    padding: 0 30px;
    top: -30px;
    text-transform: normal;
    font-size: 26px;
    color: var(--preto);
    background: var(--branco);
}

.borda-alpha * {
    border-color: rgb(0 0 0 / 6%);
}

.listagem .titulo-categoria {
    text-align: center;
    display: block;
    margin-top: 40px!important;
}

.listagem .titulo-categoria:hover {
    background: none;
    padding-left: 0px;
}

/* Newsletter Vitrine — layout horizontal com background: e-mail + botão à
   esquerda, headline à direita (desktop). No mobile, um item abaixo do
   outro. O agrupamento do título+texto em .newsletter-headline é feito
   via JS (wrapAll), ver JS_Tema_corrigido.js. */
.banner .newsletter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 30px 40px;
    box-sizing: border-box;
    background: var(--fundo-cabecalho);
    border: 0;
    border-radius: 10px;
}

.banner .newsletter-headline {
    order: 2;
    flex: 1 1 280px;
    text-align: right;
}

.banner .newsletter-headline .titulo,
.banner .newsletter-headline .texto-newsletter {
    color: #fff;
}

.banner .newsletter input[type="text"] {
    order: 1;
}

.banner .newsletter .botao {
    order: 1;
}

.banner.vitrine {
    margin-top: 20px;
}

.banner .newsletter .titulo {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

.banner .newsletter .titulo i {
    color: #fff;
}

.banner .newsletter .texto-newsletter {
    text-transform: uppercase;
    color: #fff;
}

@media screen and (max-width: 767px) {
    
  body.pagina-inicial {
    padding-top: 170px;
}  
    .subtotal, .total, .descontos, .desconto {
    text-align: center;
    vertical-align: baseline;
 }

    .banner .newsletter {
        flex-direction: column;
        align-items: stretch;
    }
    .banner .newsletter-headline {
        order: 1;
        text-align: center;
        flex: 1 1 auto;
    }
    .banner .newsletter input[type="text"] {
        order: 2;
    }
    .banner .newsletter .botao {
        order: 3;
        width: 100%;
    }
}

.banner .newsletter input[type="text"] {
    padding: 0 0 0 20px;
    height: 48px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
}

.banner .newsletter .botao {
    padding: 0;
    height: 50px;
    width: 50px;
    border: 0;
    background-image: none;
    border-radius: 10px;
    font-size: 20px;
}

.banner .newsletter .newsletter-confirmacao i {
    display: block;
    float: none;
}

.banner .newsletter .newsletter-confirmacao span {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    color: #fff;
}

/* Instagram */

#instagram, #instagram ul {
    margin: 0;
}

#name-instagram .append-user>a {
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
}

#name-instagram .append-user>span {
    display: block;
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    color: #222;
    margin-top: 40px;
}

#instagram {
    margin-bottom: 40px;
}

/* Barra Newsletter */

#barraNewsletter, #barraNewsletter .show-hide, #barraNewsletter .componente, #barraNewsletter.posicao-rodape .conteiner {
    background-color: var(--fundo-newsletter);
}

#barraNewsletter .componente .newsletter-confirmacao span {
    color: var(--texto-rodapé);
    font-size: 14px;
}

.newsletter .newsletter-confirmacao .icon-ok {
    float: left;
    color: var(--cor-da-marca);
    margin-top: 5px;
}

#barraNewsletter .componente .newsletter-confirmacao .icon-ok {
    margin-top: 5px;
    font-size: 20px;
}

.componente {
    background-color: none;
}

/* Barra horizontal com background: headline (título+subtítulo) à
   esquerda, e-mail + botão à direita (desktop). No mobile, cada item
   empilhado na ordem: Título, Subtítulo, campo de e-mail, botão. O
   agrupamento de título+texto em .newsletter-headline é feito via JS
   (wrapAll). */
#barraNewsletter {
    width: 100%;
}

#barraNewsletter .conteiner {
    max-width: 1140px;
    margin: 0 auto;
}

#barraNewsletter .componente .interno {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

#barraNewsletter .newsletter-headline {
    order: 0;
    text-align: left;
}

#barraNewsletter .componente .titulo i {
    display: none;
    float: none;
    font-size: 70px;
    position: absolute;
    left: 0;
    right: 0;
    opacity: .1;
    top: -25px;
}

#barraNewsletter.posicao-rodape {
    box-shadow: none;
    border-top: 0;
}

.pagina-inicial #barraNewsletter.posicao-rodape {
    border-top: 0;
}

#barraNewsletter .componente .texto-newsletter {
    display: block;
    font-size: 18px;
    font-weight: 800;
    line-height: 18px;
    color: var(--texto-newsletter);
    padding: 0;
}

#barraNewsletter .componente div.newsletter-cadastro {
    order: 2;
    display: flex;
    align-items: center;
    float: none;
    text-align: left;
    margin: 0;
    flex: 0 1 480px;
}

#barraNewsletter .componente input[type="text"] {
    width: auto;
    min-width: 300px;
    flex: 1 1 auto;
    margin: 0;
    border: 1px solid #e6e6e6;
    border-radius: 300px;
    box-shadow: none;
    padding: 0 0 0 20px;
    height: 50px;
}

#barraNewsletter .componente .newsletter-assinar:before {
    content: "ASSINAR NEWSLETTER";
    display: inline-block;
    font-size: 12px;
    font-family: "poppins";
    font-weight: 500;
    color: #fff;
}

#barraNewsletter .componente .newsletter-assinar:after {
    content: "\f105";
    display: inline-block;
    font-family: "Fontawesome";
    font-size: 15px;
    margin-left: 30px;
    color: #fff;
}

#barraNewsletter .componente .botao {
    flex: 0 0 auto;
    border: 0;
    background-image: var(--botao-newsletter);
    border-radius: 300px;
    padding: 0 20px;
    height: 52px;
    margin-left: 10px;
}

.pagina-inicial #barraNewsletter.posicao-rodape .componente .interno {
    padding: 30px 20px;
}

#barraNewsletter.posicao-rodape .componente .interno {
    padding: 40px 20px;
}

@media screen and (max-width: 767px) {
    #barraNewsletter .componente .interno {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    #barraNewsletter .newsletter-headline {
        order: 0;
        text-align: center;
        flex: 1 1 auto;
    }
    #barraNewsletter .componente div.newsletter-cadastro {
        order: 2;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        flex: 1 1 auto;
    }
    #barraNewsletter .componente input[type="text"] {
        width: 100%;
        flex: 1 1 auto;
    }
    #barraNewsletter .componente .botao {
        width: 100%;
        margin-left: 0;
    }
}

/* Marcas */

#marcas {
    margin-bottom: 40px;
}

#marcas .titulo-categoria strong {
    background: #fff;
    position: relative;
    top: -23px;
    padding: 0 30px;
    color: var(--cor-principal);
    text-transform: uppercase;
    font-size: 20px;
}

#marcas .conteiner {
    padding: 0;
}

#marcas .titulo-categoria {
    text-align: center;
    display: block;
    margin-top: 50px;
    padding: 10px 0;
    border-top: 1px solid;
    color: #e3e3e3;
}

/* Voltar ao topo */

.back-top {
    border: 1px solid;
    position: fixed;
    right: 20px;
    bottom: 166px;
    text-align: center;
    border-radius: 300px;
    height: 50px;
    background: #fff;
    transition: all .2s;
    opacity: 0;
    z-index: -1;
}

.back-top span {
    float: right;
    padding: 12px 15px 0 0;
    text-align: left;
    text-transform: uppercase;
    color: #222;
    font-weight: 600;
    font-size: 0px;
}

.back-top.show {
    opacity: 1;
    z-index: 10000;
}

.back-top i {
    float: left;
    padding: 0 0 0 16px;
    line-height: 49px;
    font-size: 16px;
}

/* Sobre Loja */

/*
#sobreLoja {
    background: var(--fundo-rodape);
    padding: 40px 0;
}

#sobreLoja p {
    font-size: 13px;
    color: var(--texto-rodape);
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

.caixa-facebook {
    max-height: 130px;
    overflow: hidden;
}

.sobreLogo .logo a {
    height: 130px;
}

.sobreLoja.span6 {
    display: table;
    min-height: 130px;
}

.sobreFb {
    text-align: right;
} */

/* Rodapé */

span.titulo-categoria.video-titulo {
    text-align: center;
    display: block;
    margin: 0 0 20px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 5px;
}

    .links-rodape-categorias a {
        color: var(--texto-rodape);
    }

/*#rodape .redes-sociais, #rodape .sobre-loja-rodape, #rodape .links-rodape-categorias, .links-rodape-paginas> .titulo {
    display: none!important;
} 

#rodape .institucional>.conteiner>.row-fluid>.span9 {
    width: 100%;
}*/

.links-rodape-paginas>ul>li:hover a {
    color: var(--cinza);
}

.links-rodape ul li {
    list-style: none;
    line-height: 35px;
    font-size: 14px;
}

.links-rodape-paginas>ul>li a {
    color: var(--texto-rodape)!important;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
}

#rodape .institucional {
    background: var(--fundo-rodape);
    text-align: center;
    min-height: auto;
    padding: 0;
}

/*.span4.links-rodape-paginas {
    width: 100%;
    margin: 0;
}

.links-rodape-paginas>ul>li {
    display: inline-block;
    padding: 0 10px;
    text-transform: uppercase;
} */

#rodape .institucional>.conteiner>.row-fluid>.span3 {
    display: none;
}

#rodape .pagamento-selos {
    background: var(--branco);
    padding: 20px 0;
}

#rodape .titulo {
    border: 0;
    font-weight: 700;
    margin: 0;
    font-size: 18px;
    color: var(--titulo-rodape);
}

.span4.selos .titulo.cor-secundaria, .span4.pagamento .titulo.cor-secundaria {
    color: var(--preto) ! IMPORTANT;
}

#rodape .institucional>.conteiner {
    padding: 20px 10px;
}

/*#rodape .pagamento-selos .row-fluid>.span4 li {
    float: none;
    display: inline-block;
}

#rodape .pagamento-selos .row-fluid>.span4 {
    width: 48%;
    text-align: center;
} */

#rodape .gateways-rodape {
    background: none;
    border: 0;
}

/* Assinatura */

.assinatura-rodape .pixel-set img {
    width: 110px;
}

.assinatura-rodape {
    line-height: 10px;
}
.assinatura-rodape .design-monteiro {
    display: inline-block;
    line-height: 24px;
}

.assinatura-rodape .design-monteiro::before {
    content: "Desenvolvimento";
    display: block;
    color: var(--cinza);
}

.assinatura-rodape a:last-child::before {
    content: "Plataforma";
    display: block;
    margin-left: 0px;
    color: var(--cinza);
    font-size: 0px;
}

.assinatura-rodape {
    float: right;
    width: 25%;
}

.assinatura.span12 {
    float: left;
    width: 70%;
    padding: 14px 0;
    line-height: 30px;
}

.assinatura .lista-redes {
    float: left;
    margin-right: 20px;
}

.lista-redes li {
    border: none!important;
    margin-right: 5px;
}

.lista-redes i {
    background: none!important;
    color:  var(--cinza);
}

/* Página Produto */

.desconto-a-vista strong {
    font-size: 16px;
    color: var(--cor-preco-comprar)!important;
    font-weight: bold!important;
    display: flex;
    align-items: center;
}

.pagina-categoria .desconto-a-vista strong {
    font-size: 14px;
}

.desconto-a-vista {
    display: flex;
    align-items: center;
    font-size: 0!important;
    margin: 5px 10px;
}

.desconto-a-vista strong:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 30px;
    margin: 0 10px 0 0;
    background-color: var(--cor-preco-comprar);
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201080%201080%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M814.56%2C800.22a143.36%2C143.36%2C0%2C0%2C1-102-42.23L565.26%2C610.7c-10.34-10.37-28.36-10.33-38.7%2C0L378.73%2C758.53a143.36%2C143.36%2C0%2C0%2C1-102%2C42.23h-29L434.24%2C987.31a149.2%2C149.2%2C0%2C0%2C0%2C211%2C0L832.3%2C800.22Z%22/%3E%3Cpath%20d%3D%22M276.72%2C279.23a143.37%2C143.37%2C0%2C0%2C1%2C102%2C42.24L526.55%2C469.32a27.39%2C27.39%2C0%2C0%2C0%2C38.71%2C0L712.55%2C322a143.37%2C143.37%2C0%2C0%2C1%2C102-42.24H832.3L645.22%2C92.7a149.17%2C149.17%2C0%2C0%2C0-211%2C0L247.7%2C279.23Z%22/%3E%3Cpath%20d%3D%22M987.31%2C434.51l-113.06-113a21.46%2C21.46%2C0%2C0%2C1-8%2C1.62h-51.4a101.6%2C101.6%2C0%2C0%2C0-71.37%2C29.57L596.17%2C499.94a70.76%2C70.76%2C0%2C0%2C1-100%2C0L348.36%2C352.11A101.6%2C101.6%2C0%2C0%2C0%2C277%2C322.54h-63.2A21.35%2C21.35%2C0%2C0%2C1%2C206.2%2C321L92.7%2C434.51a149.17%2C149.17%2C0%2C0%2C0%2C0%2C211L206.19%2C759a21.41%2C21.41%2C0%2C0%2C1%2C7.6-1.54H277a101.59%2C101.59%2C0%2C0%2C0%2C71.37-29.56L496.19%2C580.06c26.72-26.7%2C73.29-26.71%2C100%2C0l147.3%2C147.28a101.56%2C101.56%2C0%2C0%2C0%2C71.36%2C29.57h51.39a21.56%2C21.56%2C0%2C0%2C1%2C8%2C1.62l113-113a149.19%2C149.19%2C0%2C0%2C0%2C0-211Z%22/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201080%201080%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M814.56%2C800.22a143.36%2C143.36%2C0%2C0%2C1-102-42.23L565.26%2C610.7c-10.34-10.37-28.36-10.33-38.7%2C0L378.73%2C758.53a143.36%2C143.36%2C0%2C0%2C1-102%2C42.23h-29L434.24%2C987.31a149.2%2C149.2%2C0%2C0%2C0%2C211%2C0L832.3%2C800.22Z%22/%3E%3Cpath%20d%3D%22M276.72%2C279.23a143.37%2C143.37%2C0%2C0%2C1%2C102%2C42.24L526.55%2C469.32a27.39%2C27.39%2C0%2C0%2C0%2C38.71%2C0L712.55%2C322a143.37%2C143.37%2C0%2C0%2C1%2C102-42.24H832.3L645.22%2C92.7a149.17%2C149.17%2C0%2C0%2C0-211%2C0L247.7%2C279.23Z%22/%3E%3Cpath%20d%3D%22M987.31%2C434.51l-113.06-113a21.46%2C21.46%2C0%2C0%2C1-8%2C1.62h-51.4a101.6%2C101.6%2C0%2C0%2C0-71.37%2C29.57L596.17%2C499.94a70.76%2C70.76%2C0%2C0%2C1-100%2C0L348.36%2C352.11A101.6%2C101.6%2C0%2C0%2C0%2C277%2C322.54h-63.2A21.35%2C21.35%2C0%2C0%2C1%2C206.2%2C321L92.7%2C434.51a149.17%2C149.17%2C0%2C0%2C0%2C0%2C211L206.19%2C759a21.41%2C21.41%2C0%2C0%2C1%2C7.6-1.54H277a101.59%2C101.59%2C0%2C0%2C0%2C71.37-29.56L496.19%2C580.06c26.72-26.7%2C73.29-26.71%2C100%2C0l147.3%2C147.28a101.56%2C101.56%2C0%2C0%2C0%2C71.36%2C29.57h51.39a21.56%2C21.56%2C0%2C0%2C1%2C8%2C1.62l113-113a149.19%2C149.19%2C0%2C0%2C0%2C0-211Z%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.desconto-a-vista strong:after {
    content: "Via Pix";
    font-weight: normal;
    margin: 0 3px;
    font-size: 14px;
    color: var(--preto);
}

.pagina-produto .acoes-produto .preco-produto > div, .pagina-produto .acoes-produto .preco-produto > span {
    margin: 0;
}

.preco-parcela:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 30px;
    margin: 0 10px 0 0;
    background-color: var(--cinza);
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2222%22%20height%3D%2216%22%20rx%3D%222%22%20ry%3D%222%22/%3E%3Cline%20x1%3D%221%22%20y1%3D%2210%22%20x2%3D%2223%22%20y2%3D%2210%22/%3E%3Cline%20x1%3D%225%22%20y1%3D%2215%22%20x2%3D%229%22%20y2%3D%2215%22/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2222%22%20height%3D%2216%22%20rx%3D%222%22%20ry%3D%222%22/%3E%3Cline%20x1%3D%221%22%20y1%3D%2210%22%20x2%3D%2223%22%20y2%3D%2210%22/%3E%3Cline%20x1%3D%225%22%20y1%3D%2215%22%20x2%3D%229%22%20y2%3D%2215%22/%3E%3C/svg%3E") center / contain no-repeat;
}

.pagina-produto .preco-parcela strong {
    font-weight: bold!important;
    color: var(--cor-preco-comprar)!important;
}

.produto .codigo-produto {
    display: none;
}

.produto .cep ul {
    border-radius: 10px;
}

.info-principal-produto .breadcrumbs {
    text-align: left;
}

.abas-custom .tab-content {
    box-shadow: none;
    border:none;
}

.produto .acoes-flutuante {
    display: none!important;
}

div#blank-product-position1+.abas-custom:before {
    content: "Descrição";
    font-size: 18px;
    padding: 0 30px;
    box-sizing: border-box;
    width: auto;
    text-align: left;
    display: block;
    line-height: 50px;
    margin: 0;
    background: var(--branco);
    border-bottom: 2px solid var(--cor-de-borda);
    font-weight: bold;
    color: var(--preto);
}

.produto .nome-produto {
    font-size: 24px;
    color: #222222;
    letter-spacing: 0;
}

.produto .principal .atributos {
    margin-top: 10px;
}

.produto .codigo-produto {
    border: 0;
}

.produto .codigo-produto>span:first-child> span:before {
    content: "Cód. ";
}

.produto .codigo-produto>span:first-child> b {
    font-size: 0;
}

.produto .codigo-produto>span+span a {
    font-weight: bold;
}

.produto .codigo-produto>span {
    margin: 0 0 0 30px;
    font-size: 14px;
    color: var(--cinza);
}
.produto .codigo-produto>span+span {
    float: left;
    margin: 0;
    color: var(--cinza);
}

.info-principal-produto .breadcrumbs ul li .fa {
    display: none;
}

.info-principal-produto .breadcrumbs ul li:after {
    content: "\f0da";
    margin: 0 5px 0 2px;
    font-family: "fontawesome";
    color: #000;
}

.info-principal-produto .breadcrumbs ul li * {
    font-size: 14px;
    color: #000;
}

.atributo-comum>span {
    font-size: 14px;
}

.atributos ul li a {
    margin: 0!important;
    position: relative;
    box-shadow: 0 0 3px rgb(0 0 0 / 50%);
}


.atributos ul li a:hover {
    border: 1px solid #d8d8d8;
}

.atributo-comum .active a span {
    border-radius: 10px;
}

.atributo-comum .active a span {
    color: var(--texto-botao-ativo-variacao);
}

.atributos ul li.active a span:after {
    display:none;
}

.atributos ul li a, .atributos ul li a:hover  {
  border: 1px solid var(--cor-da-marca) !important;
    box-shadow: none !important;
}

.produto .codigo-produto span {
    display: none;
}

.atributos ul li a, .atributos ul li a:hover {
    border-radius: 10px;
}

.atributos ul li.active a {
    box-shadow: none !important;
    background: var(--fundo-botao-ativo-variacao);
    border-radius:10px;
}

.atributo-comum a span {
    padding:     10px 45px;
    color:   var(--cor-da-marca);
    font-size: 16px;
}

.produto .acoes-produto .comprar {
    float: none;
    text-align: right;
}

.desconto .desconto-valor {
    color: var(--cor-preco-comprar);
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho {
    float: left;
    width: 60px!important;
    position: relative;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho-title {
    left: 0;
    text-align: center;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho {
    width: 60px;
    border-radius: 10px;
    height: 60px;
    font-size: 25px;
    text-align: right;
    padding: 0 7px;
    box-sizing: border-box;
    font-weight: bold;
}

.produto .principal .acoes-produto .botao-comprar i {
    float: right;
    line-height: 80px;
    margin-left: 40px;
    margin-right: 0;
    display: none;
}

.produto .principal .acoes-produto .botao-comprar {
    padding: 0 30px;
    border-radius: 300px;
    border: 0;
    height: 80px;
    line-height: 80px;
    background-image: none;
    font-weight: bold;
    text-shadow: none;
    background: var(--cor-botao-comprar);
    width: 100%;
}

.produto .principal .acoes-produto .botao-comprar {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px !important;
}

/* Tamanhos de fonte da hierarquia de preço (a ordem visual Preço > Pix >
   Parcelado é garantida via JS, reordenando os elementos no DOM — ver
   JS_Tema_corrigido.js — em vez de CSS flex/order, que sobrescrevia o
   display:none que a própria plataforma usa para esconder os blocos de
   licença não selecionados). */
.produto .acoes-produto .preco-produto .titulo {
    font-size: 40px;
    font-weight: 800;
    display: block;
    color: var(--cor-preco-comprar);
}

.preco-parcela {
    display: flex;
    align-items: center;
}

.listagem .preco-parcela strong {
    margin: 0 3px;
    font-weight: 700;
    color: var(--cor-preco-comprar);
}

.produto .acoes-produto .desconto-a-vista, .produto .acoes-produto .desconto-a-vista strong {
    font-weight: bold;
    font-size: 27px;
    color: var(--cor-preco-comprar);
    margin: 0 3px;
}

.produto .acoes-produto .preco-parcela, .produto .acoes-produto .preco-parcela strong {
    font-weight: normal;
    font-size: 18px;
    color: var(--cinza);
    margin: 0 3px;
}

.produto .acoes-produto .preco-produto .preco-venda {
    font-size: 15px;
    font-weight: normal;
    color: var(--cinza);
}

strong.preco-venda.cor-principal.titulo {
    font-size: 30px;
    font-weight: 800;
}

/* "Mais formas de pagamentos": div própria e independente, não vinculada
   ao preço nem às licenças — posicionada logo acima do botão comprar */
.bloco-forma-pagamento {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 0 0 40px;
}

.btn-forma-pagamento {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: normal;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    color: #1a73e8;
    text-decoration: underline;
    cursor: pointer;
    border-radius: 0;
}

@media screen and (max-width: 767px) {
    
    .bloco-forma-pagamento {
        text-align: center;
    }
}

.assinatura.span12 {
    padding: 14px 0;
    line-height: 15px;
}

/* Lista de desejos: link discreto (mantém o ícone de coração), agora
   posicionado abaixo do CEP */
.produto .principal .lista-favoritos {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0;
    box-sizing: border-box;
    margin: 6px 0 0;
    top: 0;
    line-height: normal;
    border: 0;
    background: none;
    color: var(--cinza);
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    border-radius: 0;
    cursor: pointer;
}

.cep label {
    float: none;
    font-size: 15px;
    color: var(--cinza);
}

/* CEP ocupando 100% do espaço lateral disponível (antes o input ficava
   reduzido a 70%, deixando espaço vazio) */
.cep .input-append.input-prepend {
    display: flex;
    width: 100%;
}

.cep .input-append.input-prepend input {
    border-radius: 10px;
    height: 50px;
    padding: 0 0 0 20px;
    width: auto;
    flex: 1 1 auto;
    box-shadow: none;
}

.cep .input-prepend.input-append .btn:last-child {
    border-radius: 10px;
    border: 0;
    height: 52px;
    background: var(--cinza);
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    margin-left: 10px;
    padding: 0 25px;
    flex: 0 0 auto;
}

.produto .principal .lista-favoritos i:before {
    content: "\f004";
}

.produto .principal .lista-favoritos i {
    color: var(--cinza);
    margin-right: 10px;
}

.produto .principal .cep {
    display: block;
    float: none;
    margin-top: 30px;
}

.produto {
    padding-top: 50px;
}

#carouselImagem .elastislide-carousel ul li.active a {
    opacity: 1;
}

#carouselImagem .elastislide-carousel ul li a {
    opacity: .5;
}
#carouselImagem .elastislide-carousel ul li.active a, #carouselImagem .elastislide-carousel ul li a {
    border: 0;
    box-shadow: none;
}

.produto-video p {
    display: none;
}

.produto-video>div {
    width: 0;
}

.produto-video {
    margin: 0;
    border: 0;
    text-align: center;
}

.produto-video i {
    display: inline-block;
    font-size: 17px;
    margin-right: 10px;
}

.produto-video span {
    font-size: 15px;
    display: inline-block;
    font-weight: bold;
}

.produto-video span:after {
    content: " do produto";
}

.produto-compartilhar {
    display: none;
}

/* Página Categoria */

.breadcrumbs {
    text-align: center;
    border: 0;
    margin: 0;
    margin-top: 20px;
    /*display: none;*/
}

.breadcrumbs h1 {
    font-size: 24px;
    margin: 10px 0 0 0;
    line-height: 24px;
    display: block;
    color: var(--preto);
}

.breadcrumbs ul li {
    float: none;
    border: 0;
    display: inline-block;
}

.breadcrumbs ul li * {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.breadcrumbs ul li:first-child i, .breadcrumbs ul li:last-child::after {
    display: none;
}

.breadcrumbs ul li:after {
    content: "\f0da";
    font-family: "Fontawesome";
}

.ordenar-listagem label {
    border-radius: 10px;
    height: 40px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 40px;
    font-size: 14px;
    width: 180px;
}

.menu.lateral .nivel-um>li i {
    background: none!important;
    color: #222;
    margin: 0;
    line-height: 50px;
}

.menu.lateral.outras li .titulo {
    color: #444;
}

.menu.lateral.outras li .titulo {
    font-size: 14px;
}

.menu.lateral .titulo {
    color: var(--preto);
}

.menu.lateral .nivel-um>li {
    border: 0;
    border-radius: 10px;
}
.menu.lateral .nivel-um>li>a {
    box-shadow: none;
    background: var(--branco);
    line-height: 30px;
    padding: 0 20px;
    box-sizing: border-box;
    text-transform: uppercase;
    border-radius: 10px;
}


.ordenar-listagem.topo, .ordenar-listagem.rodape {
    border: 0;
}

.menu.lateral.outras .nivel-um>li>a {
    margin-bottom: 10px;
}

#botaoOrdenar {
    background: #222;
    border-radius: 10px;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    height: 40px;
    padding: 0 20px;
    margin: 0 5px;
    font-size: 18px;
}

.menu.lateral .nivel-dois li a {
    font-weight: 500;
    line-height: 30px;
    color: var(--cinza)
}

.menu.lateral .nivel-dois li {
    border: 0;
}

.menu.lateral .nivel-dois {
    box-shadow: none;
}

.filtro h4 {
    color: black;
    font-weight: 700;
}

.filtro>div>* {
    border-radius: 10px;
}

.filtro h4 .limpar {
    color: red;
}

.filtro {
    box-shadow: none;
    outline: 0;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
}

.filtro.lista ul li.active label {
    color: var(--cor-da-marca);
}

.filtro.lista ul li label {
    line-height: 35px;
}

.filtro.lista ul li label:hover {
    color: var(--branco);
}

.coluna .newsletter.componente {
    border: 0;
}

.coluna .newsletter.componente .interno {
    background: var(--fundo-newsletter); 
    border-radius: 10px;
}

.coluna .newsletter.componente .titulo {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px;
    color: var(--texto-newsletter);
}

.coluna .newsletter.componente .texto-newsletter.newsletter-cadastro {
    font-size: 14px;
    color: var(--texto-newsletter);
}

.coluna .newsletter .botao {
    background-image: none;
    border: 0;
    padding: 0 20px;
    height: 50px;
    border-radius: 10px;
    font-size: 18px;
    top: 1px;
    background: var(--botao-newsletter);

}

.icon-chevron-right:before {
    content: "\f054";
    color: var(--branco);
}

.coluna .newsletter input[type="text"] {
    border: 0;
    height: 50px;
    padding: 0 0 0 20px;
    border-radius: 10px;
    border: 1px solid #d8d8d8;
}

/* Modal Newsletter */

.modal-modalNewsletter, .modal-modalNewsletter .fancybox-skin, .modal-modalNewsletter .fancybox-inner {
    width: 500px!important;
    height: 400px!important;
    padding: 0!important;
    border-radius: 10px;
    text-align: center;
}

#modalNewsletter .componente .interno {
    padding: 50px;
    box-sizing: border-box;
    height: 400px;
}

#modalNewsletter .componente .titulo {
    font-size: 25px;
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

#modalNewsletter .componente .titulo i {
    float: none;
    display: block;
    font-size: 40px;
    color: var(--texto-newsletter);
}

#modalNewsletter .componente .texto-newsletter {
    font-size: 15px;
    text-transform: uppercase;
}

#modalNewsletter .newsletter-cadastro input {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #d8d8d8;
    box-shadow: none;
}

#modalNewsletter .newsletter .botao {
    padding: 0 20px;
    height: 50px;
    border: 0;
    background-image: none;
    line-height: 30px;
    display: block;
    float: none;
    position: relative;
    margin: 20px auto 0;
}

#modalNewsletter .newsletter .botao:before {
    content: "Assinar Newsletter";
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

#modalNewsletter .newsletter .botao:after {
    content: "\f105";
    font-size: 15px;
    margin-left: 20px;
    color: #fff;
}

.modal-modalNewsletter a.fancybox-item.fancybox-close {
    background: none;
    top: 10px;
    right: 10px;
}

.modal-modalNewsletter a.fancybox-item.fancybox-close:before {
    content: "\f00d";
    font-family: "Fontawesome";
    color: var(--cinza);
    font-size: 30px;
}

/* Modal Fale Conosco */

#modalContato {
    border-radius: 10px;
}

#modalContato th, #modalContato tr, #modalContato td {
    border: 0;
}

#modalContato .modal-header .titulo {
    display: block;
    color: #000;
    font-size: 24px;
    line-height: 40px;
}

#modalContato .modal-header {
    border: 0;
    font-size: 14px;
    font-weight: normal;
    padding: 30px 50px 10px;
}

#modalContato .modal-body {
    border: 0;
}

#modalContato .modal-header .close {
    top: 10px;
    position: relative;
    font-size: 30px;
    color: var(--cinza);
    opacity: 1;
}

#modalContato .modal-body {
    padding: 20px 50px 40px;
}

#modalContato .form-horizontal .controls input {
    width: 95%;
    padding: 0 0 0 10px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-radius: 10px;
}

#modalContato .form-horizontal .control-label {
    line-height: 40px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 70px;
}

#modalContato .form-horizontal .controls {
    margin-left: 0;
    display: block;
}

#modalContato .form-horizontal .control-label {
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    float: none;
    font-size: 14px;
    font-weight: normal;
    color: #000;
}

#modalContato textarea {
    width: 91%;
    border-radius: 10px;
}

#modalContato .g-recaptcha {
    margin-left: 0;
}

#modalContato .control-group .botao.principal.pull-right+.botao {
    background: var(--cinza);
    color: #fff;
    font-size: 15px;
    border: 0;
    border-radius: 10px;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    float: none;
}

#modalContato .control-group .botao.principal.pull-right:after {
    content: "\f003";
    font-family: "Fontawesome";
    margin-left: 20px;
    font-weight: normal;
}

#modalContato .control-group .botao.principal.pull-right {
    background-image: none;
    border: 0;
    height: 40px;
    padding: 0 20px;
    text-shadow: none;
    font-size: 15px;
    float: none;
    margin: 0 10px 0 0;
}

/* Página Login */

.pagina-login .cadastro .caixa-sombreada {
    padding: 40px 70px;
    box-shadow: none;
    border: 1px solid #d8d8d8;
}

.cadastro-logar .form-horizontal .controls input {
    width: 100%;
    padding: 0;
    border-radius: 10px;
    height: 40px;
    box-shadow: none;
}

.cadastro-logar .form-horizontal .control-label {
    display: none;
}

.cadastro-logar .form-horizontal .controls {
    margin-left: 0;
    box-sizing: border-box;
}

.cadastro-logar .form-horizontal .controls input, .cadastro-logar input#id_email {
    width: 100%;
    padding: 0 0 0 20px;
    border-radius: 10px;
    height: 40px;
    box-shadow: none;
    box-sizing: border-box;
}

.cadastro legend i {
    display: none;
}

.cadastro legend {
    border: 0;
    padding: 0;
}

.pagina-login .cadastro label {
    display: none;
}

.cadastro-logar button.botao:after {
    content: "\f105";
    float: none;
    font-family: "Fontawesome";
    line-height: 30px;
    position: absolute;
    right: 20px;
    top: 5px;
}

.cadastro-logar button.botao {
    display: block;
    width: 100%;
    padding: 0 20px;
    height: 40px;
    margin: 10px 0 0;
    border-radius: 10px;
    border: 0;
    text-align: left;
    background: var(--cor-da-marca);
    box-sizing: border-box;
    position: relative;
    text-shadow: none;
}

.cabecalho-interno .titulo small {
    display: block;
    font-size: 15px;
}

.cabecalho-interno .titulo {
    font-size: 22px;
    border-radius: 10px;
    color: var(--preto);
    font-weight: 700;
}

.tabela-carrinho .produto-info * {
    color: #444;
}

.cabecalho-interno {
    text-align: center;
    margin-bottom: 30px;
}

.pagina-login .recuperar-senha {
    margin-left: 0;
    color: var(--cinza);
    font-size: 15px;
    margin-top: 30px;
    display: block;
}


.button.botao.principal, a.botao.principal.pequeno {
    background: var(--cinza);
}

/* página carrinho */

.carrinho-checkout .atendimento li .display-table, .carrinho-checkout .atendimento li strong {
    color: var(--texto-cabecalho);
}

.pagina-carrinho #sobreLoja {
    display: none;
}

.total strong {
    font-size: 22px;
    font-weight: bold;
    margin: 0 10px;
    color: var(--cor-preco-comprar);
    vertical-align: baseline;
}

.pagina-carrinho .tabela-carrinho thead h6, .tabela-carrinho .quantidade a, .tabela-carrinho .excluir a {
    color: var(--preto);
}

.subtotal strong {
    font-size: 16px;
    margin: 0 8px;
    font-weight: 600;
    color: var(--cor-preco-comprar);
    white-space: nowrap;
}

.pagina-carrinho th, .pagina-carrinho tr, .pagina-carrinho td {
    border: 0;
    background: var(--branco);
}

.pagina-carrinho .tabela-carrinho.table-body {
    border-bottom: 2px solid var(--cor-de-borda);
    border-top: 2px solid var(--cor-de-borda);
}

.pagina-carrinho .quantidade input {
    border: 0;
    box-shadow: none;
}

.pagina-carrinho .quantidade {
    border: 1px solid #d9d6d6;
    padding: 4px 10px;
    border-radius: 10px;
}

.pagina-carrinho .tabela-carrinho thead h6 {
    font-size: 13px;
}

.pagina-carrinho .acao-editar .botao:not(.grande) {
    background: #ffffff;
    border: 0;
    padding: 0px 0px;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    color: var(--cinza);
    border: 2px solid var(--cor-de-borda);
    font-size: 16px;
    width: 25%;
    border-radius: 10px;
}

.pagina-carrinho .acao-editar {
    position: relative;
}

.pagina-carrinho .acao-editar .botao.grande {
    border: 0;
    padding: 0 70px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    text-shadow: none;
    border-radius: 10px;
    background: var(--cor-botao-comprar);
}

.finalizar-compra .caixa-sombreada {
    padding: 0;
    box-shadow: none;
    border: 2px solid var(--cor-de-borda);
    padding: 20px;
    margin-bottom: 20px;
}

.pagina-carrinho input#calcularFrete {
    border: 2px solid var(--cor-de-borda);
    border-radius: 10px;
    padding: 0;
    height: 46px;
    box-shadow: none;
}

.pagina-carrinho #formCalcularFrete button.btn i {
    display: none;
}

.pagina-carrinho #formCalcularFrete button.btn {
    background-image: none;
    border: 0;
    border-radius: 10px;
    padding: 0 20px;
    font-weight: 600;
    height: 50px;
    font-size: 16px;
    color: var(--branco);
    background: var(--cinza);
    box-shadow: none;
        margin: 0 5px;
}

.pagina-carrinho .tabela-carrinho tbody tr, .pagina-carrinho .tabela-carrinho tr.bg-dark {
    border-top: 1px solid var(--cor-de-borda);
}

.pagina-carrinho #formCalcularFrete .control-label b {
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    padding: 0;
}

.caixa-sombreada {
    box-shadow: none;
    border-radius: 10px;
    border: 1px solid var(--cor-de-borda);
}

.pagina-pagina h1.titulo {
    text-align: center;
}

/* carinho checkout */


body.pagina-carrinho.carrinho-checkout {
    padding-top: 100px;
}

.carrinho-checkout .atendimento li strong {
    display: block;
}

.carrinho-checkout .atendimento li .display-table {
    display: table-cell;
    vertical-align: top;
    line-height: 17px;
}

.carrinho-checkout .caixa-info {
    border: 0;
    box-shadow: none;
    border-radius: 10px;
}

.carrinho-checkout .formas .accordion-group {
    border: 0;
    border-radius: 10px;
}

.carrinho-checkout div#menu-categoria {
    display: none;
}

.carrinho-checkout .span9.hidden-phone.hidden-tablet {
    float: right;
}

.carrinho-checkout .atendimento {
    margin: 4px 0 0;
    border: 0;
}

.carrinho-checkout .atendimento .icone-box {
border: 0;
}

.carrinho-checkout .conteiner-principal #corpo .conteiner {
    box-shadow: none;
}

.fundo-principal, .botao.principal, .menu li:hover>a .fundo-secundario, .flex-control-paging li a.flex-active, .dropdown-menu>li>a:hover, .filtro.lista ul li label:hover, .menu-simples li a:hover, .menu-simples li.active a {
    background-color: var(--cor-de-botoes);
}

.carrinho-checkout .identificacao .control-group .submit-email.botao.principal {
    background: var(--cor-botao-comprar);
    border: 0;
    padding: 0 10px;
    height: 50px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 50px;
    font-weight: 600; 
    text-shadow: none;
}

.carrinho-checkout .identificacao .control-group input {
    box-shadow: none;
    border: 1px solid var(--cor-de-borda);
    border-radius: 10px;
    height: 49px;
    padding: 0 0 0 20px;
}

.carrinho-checkout input {
    border-radius: 10px;
    box-shadow: none;
    border: 2px solid var(--cor-de-borda);
    padding: 0 10px;
    height: 36px;
    line-height: 40px;
}

.carrinho-checkout .campos-pedido legend i {
    display: none;
}

.carrinho-checkout .campos-pedido legend {
    font-weight: 600;
    font-size: 16px;
}

.carrinho-checkout #sobreLoja {
    display: none;
}

.carrinho-checkout .atendimento {
    padding: 25px 20px;
    margin: 0;
}

.carrinho-checkout #exibirFormasPagamento .btn {
    background-image: none;
    background: var(--cor-de-borda);
    box-shadow: none;
    border: 0;
    border-radius: 10px;
    font-size: 13px;
    text-shadow: none;
    font-weight: 600;
}

.pagina-cadastro .cadastro legend {
    font-size: 16px;
    font-weight: 600;
}

.pagina-cadastro .cadastro legend i {
    display: none;
}

.pagina-cadastro .dados-pessoais input {
    border-radius: 10px;
    padding: 0 0 0 10px;
    height: 36px;
    border: 1px solid var(--cor-de-borda);
    box-shadow: none;
}

.pagina-cadastro .dados-acesso input {
    border-radius: 10px;
    padding: 0 0 0 10px;
    height: 40px;
    border: 2px solid var(--cor-de-borda);
    box-shadow: none;
}

.pagina-cadastro .cadastro select {
    border-radius: 3px!important;
    border: 1px solid var(--cor-de-borda);
    height: 40px;
}

.pagina-cadastro .offset9 {
    width: 100%;
    margin: auto;
    float: right;
}

.pagina-cadastro .acao-editar .botao {
    background-image: none;
    border: 0;
    padding: 0 50px;
    height: 50px;
    border-radius: 10px;
    line-height: 50px;
    text-shadow: none;
    font-size: 16px;
    font-weight: 600;
}

/* pagina conta */

.pagina-conta .abas-conteudo, .pagina-pedido-listar .abas-conteudo, .pagina-favorito-listar .abas-conteudo {
    box-shadow: none;
    border: 2px solid var(--cor-de-borda);
}

.pagina-conta .abas-conta li a i, .pagina-pedido-listar .abas-conta li a i, .pagina-favorito-listar .abas-conta li a i {
    display: none;
}

.pagina-conta .abas-conta li a, .pagina-favorito-listar .abas-conta li a, .pagina-pedido-listar .abas-conta li a {
    box-shadow: none;
    border-radius: 10px;
    border: 2px solid var(--cor-de-borda);
    border-bottom: 0;
}

.pagina-conta .caixa-info, .pagina-pedido-listar .caixa-info, .pagina-favorito-listar .caixa-info {
    border: 0;
    box-shadow: none;
}

.pagina-conta .caixa-dados legend, .pagina-pedido-listar .caixa-dados legend, .pagina-favorito-listar .caixa-dados legend {
    font-weight: bold;
    color: #333;
}

.pagina-conta h3 small, .pagina-pedido-listar h3 small, .pagina-favorito-listar h3 small {
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
}

.pagina-conta .caixa-dados h3, .pagina-favorito-listar .caixa-dados h3, .pagina-pedido-listar .caixa-dados h3 {
    font-weight: bold;
    color: #333;
    font-size: 20px;
}

.pagina-conta .abas-conteudo i, .pagina-pedido-listar .abas-conteudo i {
    display: none;
}

.pagina-favorito-listar .abas-conteudo i {
    display: block;
}

.pagina-conta .caixa-dados, .pagina-pedido-listar .caixa-dados, .pagina-favorito-listar .caixa-dados {
    border: 0;
}

.pagina-conta .abas-conteudo .botao.pequeno, .pagina-pedido-listar .abas-conteudo .botao.pequeno, .pagina-favorito-listar .abas-conteudo .botao.pequeno {
    border: 0;
    background-image: none;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    border-radius: 10px;
    text-shadow: none;
    font-weight: 600;
}

.pagina-conta .conta-menu, .pagina-pedido-listar .conta-menu, .pagina-favorito-listar .conta-menu, .pagina-conta-endereco .conta-menu {
    border: 0;
}

.pagina-conta .conta-menu i, .pagina-pedido-listar .conta-menu i, .pagina-favorito-listar .conta-menu i, .pagina-conta-endereco .conta-menu i {
    display: none;
}

.pagina-conta .conta-menu .menu-simples li.divisor, .pagina-pedido-listar .conta-menu .menu-simples li.divisor, .pagina-favorito-listar .conta-menu .menu-simples li.divisor, .pagina-conta-endereco .conta-menu .menu-simples li.divisor {
    display: none;
}

.pagina-conta .menu-simples li a, .pagina-pedido-listar .menu-simples li a, .pagina-favorito-listar .menu-simples li a, .pagina-conta-endereco .menu-simples li a {
    font-size: 14px;
    font-weight: 600;
    color: var(--cinza);
}

.pagina-conta .menu-simples li:hover a, .pagina-pedido-listar .menu-simples li:hover a, .pagina-favorito-listar .menu-simples li:hover a, .pagina-conta-endereco .menu-simples li:hover a {
    color: #fff;
}

.pagina-conta .conta-menu .nome-usuario, .pagina-pedido-listar .conta-menu .nome-usuario, .pagina-favorito-listar .conta-menu .nome-usuario, .pagina-conta-endereco .conta-menu .nome-usuario {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: bold;
}

.pagina-conta-endereco .cadastro legend {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.pagina-conta-endereco .cadastro legend i {
    display: none;
}

.pagina-conta-endereco input, .pagina-conta-endereco select {
    color: #333;
    border: 2px solid var(--cor-de-borda);
    box-shadow: none;
    border-radius: 10px;
    height: 36px;
    padding: 0 0 0 10px;
}

.pagina-conta-endereco select {
    height: 40px;
}

.pagina-conta-endereco .acao-editar .offset8 {
    width: 100%;
    float: right;
    margin: 0;
}

.pagina-conta-endereco .acao-editar .botao {
    border: 0;
    background-image: none;
    text-shadow: none;
    border-radius: 10px;
    padding: 0 40px;
    height: 40px;
    line-height: 40px;
}

/* Carrinho Popup */

#carrinho-mini th, #carrinho-mini tr, #carrinho-mini td {
    border: 0;
    background: #fff;
}

.modal-comprar-ajax-status .fancybox-skin {
    background: #fff;
    border-radius: 10px;
    padding: 30px!important;
}

.modal-comprar-ajax-status .tabela-carrinho.table-body {
    border-bottom: 2px solid var(--cor-de-borda);
    border-top: 2px solid var(--cor-de-borda);
}

.modal-comprar-ajax-status .quantidade input {
    border: 0;
    box-shadow: none;
}

.modal-comprar-ajax-status .quantidade {
    border: 2px solid var(--cor-de-borda);
    padding: 4px 10px;
}

.modal-comprar-ajax-status .tabela-carrinho thead h6 {
    font-size: 13px;
}

.modal-comprar-ajax-status #comprar-ajax-status .sucesso .buttons .continuar-comprando {
    background-image: none;
    background: #e8e8e8;
    border: 0;
    border-radius: 10px;
    padding: 5px 60px;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    color: var(--cinza);
    font-size: 16px;
}

.modal-comprar-ajax-status #comprar-ajax-status .sucesso .ir-carrinho {
    background-image: none;
    border: 0;
    border-radius: 10px;
    padding: 5px 70px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    text-shadow: none;
}

.fancybox-close {
    width: 30px;
    height: 30px;
    background: none;
    right: 10px;
    top: 10px;
}

.fancybox-close:before {
    content: "\f00d";
    font-family: "Fontawesome";
    font-size: 30px;
    color: var(--cinza);
}

.fancybox-skin {
    border-radius: 10px;
    background: #ffffff;
}

/* carrinho interno */

#cabecalho .carrinho-interno {
    box-shadow: 0 15px 30px rgba(0, 0, 0,.3);
    border: 1px solid #d8d8d8;
    border-radius: 20px;
}

.carrinho-interno>div>span.carrinho-info {
    display: block;
    float: none;
    text-align: center;
    background: #fff;
    padding: 10px 0;
}

.carrinho-interno li {
    border: 0;
}

.carrinho-interno>div>span.carrinho-info i {
    display: none;
}

/* Avise me */

.produto .avise-me .avise-input input {
    border-radius: 10px;
    box-shadow: none;
    border: 2px solid var(--cor-de-borda);
    padding-top: 0;
    padding-bottom: 0;
    height: 50px;
    line-height: 50px;
    color: #333;
}

.produto .avise-me .avise-tit {
    color: #f90000;
}

.listagem-item .produto-avise .avise-me-list .avise-me-list-btn {
    background-image: none;
    border-radius: 10px;
    border: 0;
    line-height: 28px;
    color: #333;
    font-weight: bold;
}

.produto .avise-me .avise-btn .botao {
    background-image: none;
    font-size: 15px;
    padding: 0;
    height: 50px;
    line-height: 50px;
    background: #000;
}

.produto .avise-me .avise-input i {
    top: 5px;
}

/* Header Fixo */

#cabecalho {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 1001;
    padding: 0;
}

#cabecalho .conteudo-topo.span9 {
    width: 74%;
    margin-left: 2%;
    float: right;
}

#cabecalho>.conteiner>.row-fluid>.span3 {
    width: 24%;
    transition: width .6s;
}

#menuCat {
    position: fixed;
    top: 100px;
    right: 0;
    left: 0;
    z-index: 1000;
    transition: all -0.4s;
}

#menuCat.scroll {
    top: 0px;
    border-bottom: 1px solid #d8d8d8;
}

#cabecalho.scroll {
    border-bottom: 1px solid #d8d8d8;
}

#cabecalho.scroll .cat {
    padding: 35px 10px;
    opacity: 1;
    box-sizing: border-box;
}

#cabecalho .conteiner {
    position: relative;
}

#cabecalho.scroll>.conteiner>.row-fluid>.span3 {
    width: 20%;
}

.cat span.category {
    display: block;
    width: 28px;
    margin: 0 auto;
    height: 20px;
}

#menuCat.scroll.active {
    top: 100px!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(138 138 138 / 52%);
}

/* -- Menu Hamburguer */

.category>i {
    width: 28px;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    top: 10px;
}

.hamb-1 {
    width: 28px;
    height: 2px;
    margin-bottom: 4px;
    transition: all .3s;
    background-color: var(--texto-cabecalho);
}

.hamb-1:last-child {
    margin: 0 auto 0 0;
    width: 13px;
}

.hamb-1:first-child {
    width: 21px;
    margin: 0 0 4px auto;
}

.cat {
    padding: 35px 0;
    float: left;
    opacity: 0;
    transition: all .4s;
    position: absolute;
    left: 20%;
}

.cat:hover .hamb-1 {
    width: 28px;
}

.category.active .hamb-1:nth-child(2) {
    opacity: 0;
}

.category.active .hamb-1:last-child {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 28px;
    position: absolute;
    top: 0;
}

.category.active .hamb-1:first-child {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 28px;
    position: absolute;
    top: 0;
}

#cabecalho.logo-centro>.conteiner>.row-fluid>.conteudo-topo {
    position: relative;
}

#cabecalho.scroll .cat {
    padding: 35px 0px;
    opacity: 1;
    box-sizing: border-box;
}

#cabecalho.logo-centro>.conteiner>.row-fluid>.conteudo-topo:first-child>.inferior>.span12 {
    width: 100%;
    float: right;
    transition: all .6s;
}

#cabecalho.logo-centro.scroll>.conteiner>.row-fluid>.conteudo-topo:first-child>.inferior>.span12 {
    width: 87%;
    float: right;
}

#cabecalho.logo-centro .cat {
    width: 28px;
    left: 0;
    right: auto;
}

/* Modal Pagamento */

.pagina-produto #meuModal .modal-header h3 {
    font-size: 24px;
    color: #000;
}

.pagina-produto #meuModal {
    border-radius: 10px;
    padding: 20px 30px;
}

.carrinho-checkout #cabecalho>.conteiner>.row-fluid>.span3 {
    width: 23.076923076923077%;
}

@media screen and (max-width: 767px) {

    .tabela-carrinho .quantidade a, .tabela-carrinho .excluir a {
        font-size: 20px;
    }
    
    .listagem > .titulo {
        font-size: 18px;
        font-weight: 600;
        color: var(--preto);
    }
    
   .preco-produto strong.titulo {
        font-size: 26px;
        font-weight: bold;
        color: var(--cor-preco-comprar);
    }
    
.preco-produto .preco-venda {
    font-size: 14px;
    color: gray;
}
    
.flexslider {
    border-radius: 0;
}

    strong.preco-venda.cor-principal.titulo {
    font-size: 28px !important;
    font-weight: 800 !important;
}

/* Título do produto: menor no grid de 2 colunas do mobile, evita quebras
   feias e deixa a leitura do card mais limpa */
.listagem .span3 .listagem-item .nome-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .listagem-item .nome-produto {
    font-size: 14px;
    line-height: 18px;
    padding-top: 2px;
    margin: 8px 6px;
}

/* Hierarquia de preços no card (mobile): 1) Preço do produto — maior
   destaque; 2) Pix — destaque intermediário; 3) Parcelado — texto
   secundário, menor. Vale tanto para preço fixo (strong.titulo) quanto
   para "a partir de" (preco-a-partir .preco-venda), deixando os dois
   casos com o mesmo peso visual. white-space:nowrap evita que "R$"
   quebre para uma linha separada do valor. */
.listagem .preco-produto strong.titulo, .listagem .preco-a-partir .preco-venda:not(.titulo) {
    font-size: 17px;
    font-weight: 800;
    line-height: 20px;
    white-space: nowrap;
}

.listagem .preco-a-partir span {
    font-size: 11px;
    padding: 2px 0;
}

.listagem .desconto-a-vista strong {
    font-size: 13px;
    white-space: nowrap;
}

.listagem .desconto-a-vista strong:before {
    width: 18px;
    height: 20px;
    margin: 0 6px 0 0;
}

.listagem .desconto-a-vista strong:after {
    font-size: 11px;
}

.listagem .preco-parcela, .listagem .preco-parcela strong, .listagem.aproveite-tambem .preco-parcela {
    font-weight: normal;
    font-size: 11px;
    color: var(--cinza);
    white-space: nowrap;
}

.listagem-item .preco-parcela:before, .listagem-item .desconto-a-vista strong:before {
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 14px;
    height: 14px;
}

.desconto-a-vista strong {
    font-size: 15px;
    color: var(--cor-preco-comprar) !important;
    font-weight: bold !important;
    display: flex;
    align-items: center;
}

    .conteudo h1 {
    font-size: 20px;
    color: var(--preto);
}

.caixa-destaque {
    margin: 50px 0;
    text-align: center;
}

.tabela-carrinho .quantidade a {
        font-size: 14px;
}
  
#cabecalho>.conteiner>.row-fluid>.span3 > .fundo-principal .qtd-carrinho {
    font-size: 12px;
    font-weight: bold;
    background: var(--branco);
    width: 16px;
    height: 16px;
    border: 3px solid var(--fundo-cabecalho);
    border-radius: 81px;
    display: block;
    position: absolute;
    right: 0px;
    top: 6px;
    color: var(--preto);
    line-height: 16px;
}
    
.menu.superior .nivel-um>li:hover > a > .titulo {
    color: var(--cor-da-marca) !important;
}

.menu.superior .nivel-um > li:hover {
    background: var(--fundo-cabecalho);
}    

.preco-parcela {
    justify-content: center;
}

.desconto-a-vista {
    justify-content: center;
}
    
/* BARRA NEWSLETTER */   

div#barraNewsletter {
    display: block !important;
    width: 100%;
}


#barraNewsletter .componente div.newsletter-cadastro {
    margin: 0;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

#barraNewsletter .componente input[type="text"] {
    width: 100%;
    margin: 0;
    border: 1px solid #e6e6e6;
    border-radius: 300px;
    box-shadow: none;
    padding: 0 0 0 20px;
    height: 50px;
    text-align: left;
    box-sizing: border-box;
}

#barraNewsletter .componente .botao {
    border: 0;
    border-radius: 300px;
    padding: 0 20px;
    height: 52px;
    width: 100%;
    margin-left: 0;
}

.flex-direction-nav {
    display: block;
}    

.produto .acoes-produto .preco-parcela, .produto .acoes-produto .preco-parcela strong, .produto .acoes-produto .desconto-a-vista, .produto .acoes-produto .desconto-a-vista strong {
    text-align: center !important;
    justify-content: center;
}    
    
i.icon-phone, i.fa.fa-whatsapp, i.fa.fa-skype, i.fa.fa-envelope {
    color: var(--texto-rodape);
    display:none;
}    

.secao-banners .conteiner {
    max-width: 100%;
    margin-top: -15px;
    padding: 0;
}    

.busca input::placeholder {
    color: var(--preto) !important;
}   

.listagem .preco-produto strong.titulo {
    font-size: 22px;
    
}

.preco-produto strong.titulo {
    font-size: 22px;
    font-weight: bold;
    color: var(--cor-preco-comprar);
  
}



.spanNone.banner.tarja {
    display: none;
}    

.instagram_gallery li {
    width: 48%;
    margin: 1%;
}

.instagram_gallery li:last-child {
    display: none;
}

#instagram h2 a {
    display: block;
}    

.atributos div > span {
    font-size: 16px;
    display: block;
}

.atributos div ul {
    margin: 15px 0 0;
}

.pagina-carrinho .acao-editar .botao.grande {
    box-sizing: border-box;
    width: 100%;
    left: 0;
    margin: 0;
}
    
.pagina-carrinho .acao-editar .botao:not(.grande) {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    top: 60px;
    left: 0;
}
    
.pagina-carrinho .acao-editar {
     position: relative;
}    

.hamb-1:first-child {
    width: 28px;
}    

.hamb-1:last-child {
    width: 28px;
}

.linkbg {
    display: none;
}    

.logo a img {
    left: 0;
}    

.pagina-carrinho .acao-editar .botao:not(.grande) {
    background-image: none;
    background: var(--cor-de-borda);
    border: 0;
    padding: 0px 0px;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    color: var(--cinza);
    font-size: 16px;
    width: 100%;
    left: 0;
    margin: 0;
}

.pagina-carrinho .acao-editar .botao.grande {
    box-sizing: border-box;
    width: 100%;
    left: 0;
    margin: 0;
}

/*.contador {
    display: none!important;
}   */

.tabela-carrinho .bg-dark {
    background-color: #fff;
}    

.produto .nome-produto {
    font-size: 24px;
    color: #222222;
    letter-spacing: 0;
}

.category>i {
    width: 28px;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    top: 0px;
}    

.busca .botao-busca {
    background: none;
    border: 0;
    border-radius: 10px;
    top: 0px;
    right: 0px;
    font-size: 18px;
    line-height: 52px;
    padding: 0 20px;
    height: auto;
}

.busca input::placeholder {
    color: #d8d8d8;
} 

.secao-banners {
    margin-top: 0px;
}

.hamb-1 {
    height: 2px;
}

.row-fluid.banner.cheio .span9 {
    width: 100%;
}

.mini-banner .modulo.span4:last-child {
    display: none;
}

.carrinho-checkout #cabecalho>.conteiner>.row-fluid>.span3 {
    width: 100%;
}

.carrinho-checkout .cat {
    display: none;
}

.conteudo-topo .inferior .span8.busca-mobile {
    width: 100%;
    padding: 0;
    border-radius: 10px;
    background-color: var(--fundo-cabecalho);
}

.cat span.category {
    top: 0px;
    position: relative;
}

#cabecalho .conteudo-topo.span9 {
    width: 100%;
    margin-left: 0;
    float: none;
}

.conteudo-topo .busca-mobile .atalho-menu {
    display: none!important;
}

.busca {
    margin: 0;
    background-color: var(--fundo-cabecalho);
}

.conteiner .logo {
    margin: 0;
    width: 40%;
    display: inline-block;
    float: none;
}

#cabecalho>.conteiner>.row-fluid>.span3 {
    width: 100%;
}

#cabecalho .conteiner {
    text-align: center;
}

.cat {
    padding: 15px 0;
    float: none;
    opacity: 1;
    transition: all .4s;
    position: absolute;
    left: 10px;
    display: block;
    width: 50px;
    height: 20px;
    top: 30px;
}

#cabecalho>.conteiner>.row-fluid>.span3 > .fundo-principal {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: none;
    border: 0 ;
    position: absolute;
    right: 10px;
    top: 30px;
    font-size: 28px;
    color: var(--icone-cabecalho)!important;
}

.icon-shopping-cart:before {
    content: "\f07a";
}

.conteudo-topo .inferior {
    padding: 0;
}

.busca input {    
    width: 90%;
    font-size: 15px;
    background: var(--branco);
    border: 0;
    margin-bottom: 5px;
}

#cabecalho .cab-nav {
    background: var(--fundo-cabecalho);
    height: 90px;
    z-index: 1000;
}

#cabecalho .acc-nav a.icon-shopping-cart {
    margin-left: 5px;
}

#cabecalho .acc-nav {
    float: right;
    padding: 0 20px;
    position: relative;
    top: 20px;
}

#cabecalho .close-nav {
    float: left;
    padding: 0;
    width: 50px;
    text-align: center;
    position: relative;
    top: 20px;
    left: 20px;
    height: 50px;
}

#cabecalho .nivel-um .close-nav-full {
    width: 0;
}

#cabecalho .nivel-um.active .close-nav-full {
    width: 20%;
    position: fixed;
    right: 0;
    min-height: 100%;
}

#cabecalho .menu.superior .nivel-um::-webkit-scrollbar {
    display: none;
}

.menu.superior .nivel-dois li a, .menu.lateral .nivel-dois li a {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: var(--branco);
}

.menu.superior .nivel-um > li> a {
    font-size: 15px;
    text-align: left;
}

.menu.superior .nivel-dois li, .menu.lateral .nivel-dois li {
    padding: 0;
}

.menu.superior .nivel-um>li .titulo {
    color: -var(--texto-menu-superior)!important;
}

.menu.superior .nivel-um .titulo, .menu.lateral .nivel-um .titulo {
    font-size: 16px;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 40px;
    font-weight: bold;
    margin: 0;
}

.menu.superior .nivel-um > li, .menu.lateral .nivel-um > li {
    border: 0;
}

#cabecalho .cab-nav a {
    float: left;
    width: 40px;
    border: 0;
    top: 0;
    font-size: 24px;
}

.menu.superior .nivel-um {
    position: fixed;
    background: #fff;
    z-index: 10000;
    left: -130%;
    top: 0;
    width: 80%;
    box-shadow: 0 0 0 160px rgba(0,0,0,.5);
    bottom: 0;
    margin: 0;
    border: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    min-height: 100%;
    transition: all .5s;
    display: block!important;
    opacity: 0;
}

.atalhos-mobile {
    position: absolute;
    left: -9999px;
    top: auto;
    right: auto;
}

.menu.superior .nivel-um.active {
    left: 0;
    opacity: 1;
}

.menu.superior .nivel-dois {
    webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    border: 0;
    box-shadow: none;
    top: 0;
}

.menu.superior .nivel-um >li {
    padding: 0 20px;
}

.menu.superior .nivel-um>li {
    display: block;
}

.menu.superior .nivel-um {
    border: 0;
    position: fixed;
    width: 80%;
    top: 0;
    background: var(--fundo-menu-superior);
    z-index: 1000;
    margin: 0;
}

.menu.superior .categoria-marcas .nivel-dois li a, .menu.superior .categoria-paginas .nivel-dois li a {
    padding: 0;
}

.cab-nav .category .hamb-1:nth-child(2) {
    opacity: 0;
}

.cab-nav .category .hamb-1:last-child {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 28px;
    position: absolute;
    top: 0;
}

.cab-nav .category .hamb-1:first-child {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 28px;
    position: absolute;
    top: 0;
}

.close-nav .category>i {
    margin: 0;
}

.close-nav span.category:after {
    content: "Fechar";
    text-transform: uppercase;
    color: #fff;
    display: block;
    line-height: 10px;
    font-size: 11px;
    font-family: sans-serif;
}

.close-nav span.category {
    height: 22px;
    display: block;
    padding: 0;
    text-align: center;
    width: 50px;
    border: 0;
    line-height: 32px;
}

#cabecalho .cab-nav a.icon-signout {
    text-align: center;
    width: 50px;
    font-size: 30px;
    color: var(--texto-cabecalho);
}

#cabecalho .cab-nav a.icon-signout:after {
    content: "Sair";
    text-transform: uppercase;
    color: var(--texto-cabecalho);
    display: block;
    line-height: 10px;
    font-size: 11px;
    font-family: sans-serif;
    font-weight: bold;
}

#cabecalho .cab-nav a.icon-user {
    text-align: center;
    width: 50px;
    font-size: 30px;
    color: var(--texto-cabecalho);
}

#cabecalho .cab-nav a.icon-user:after {
    content: "Conta";
    text-transform: uppercase;
    color: var(--texto-cabecalho);
    display: block;
    line-height: 10px;
    font-size: 11px;
    font-family: sans-serif;
    font-weight: bold;
}

.menu.superior .nivel-um>li .titulo {
    line-height: 50px;
    font-weight: bold;
    font-size: 14px;
    color: var(--texto-menu-superior) !important;
}

#strong.cor-secundaria {
    color: #f1f1f1;
}

.mini-banner.hidden-phone {
    display: block!important;
    margin: 0;
}

.pagina-inicial #corpo {
    margin-top: 0;
}

.mini-banner .modulo.span4 {
    margin-bottom: 0px;
    width: 100%;
    float: left;
    padding: 6px;
}

.mini-banner .modulo.span4:nth-child(2) {
    padding-left: 5px;
}

.mini-banner .modulo.span4:first-child {
    padding-right: 5px;
}

.modulo.span4.sem-banner {
    display: none!important;
}

.modal-modalNewsletter, .modal-modalNewsletter .fancybox-skin, .modal-modalNewsletter .fancybox-inner {
    width: 300px!important;
    height: 340px!important;
}

#modalNewsletter .newsletter .botao {
    width: 100%;
}

#modalNewsletter .newsletter .botao:before {
    content: "Assinar";
}

#modalNewsletter .componente .interno {
    padding: 20px;
    height: 340px;
}

#modalNewsletter .componente .titulo {
    font-size: 26px;
}


.pagina-inicial .listagem .span3 .imagem-produto, .listagem .span4 .imagem-produto, .listagem .span6 .imagem-produto {
        height: 180px;
    }
    
.listagem .span3 .imagem-produto, .listagem .span4 .imagem-produto, .listagem .span6 .imagem-produto {
    height: 230px;
}

#modalNewsletter .componente .texto-newsletter {
        margin-top: 10px;
}

.listagem .listagem-item .acoes-produto-responsiva {
    display: none!important;
}

.listagem .listagem-item {
    padding: 0 6px 16px;
    text-align: center;
}

.listagem .imagem-produto {
    padding: 10px;
}

.listagem .listagem-linha>ul {
    display: flex;
    flex-wrap: wrap;
}

.listagem .listagem-linha li.span3 {
    width: 50%;
    float: none;
    margin: 0;
    box-sizing: border-box;
}

#rodape .redes-sociais, #rodape .sobre-loja-rodape, #rodape .links-rodape-categorias, .links-rodape-paginas> .titulo {
    display: block!important;
}

.links-rodape-paginas>ul>li {
    display: block;
}

.links-rodape ul li a {
    line-height: 30px;
    color: var(--texto-rodape);
    font-weight: normal;
    font-size: 14px;
}

.links-rodape-paginas>ul>li a {
    color: var(--texto-rodape);
    line-height: 30px;
}

.sobre-loja-rodape p {
    color: var(--texto-rodape)!important;
}

#rodape .visible-phone li a {
    color: var(--texto-rodape);
    font-weight: 400;
    font-size: 14px;
}

#rodape .pagamento-selos .row-fluid>.span4 {
    width: 100%;
}

.assinatura-rodape {
    float: none;
    width: 100%;
    text-align: center;
}

.assinatura .lista-redes {
    float: none;
    margin-right: 20px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

#rodape .titulo {
    color: var(--titulo-rodape);
}

.lista-redes ul li, .lista-redes ul li.visible-phone {
    float: none;
    border: none!important;
    display: inline-block!important;
}

.lista-redes ul li {
    border-left: none;
}

.lista-redes li {
    margin-right: 5px;
}

.assinatura.span12 {
    float: none;
    width: 100%;
    text-align: center;
}

#instagram > ul > li {
    float: left;
    width: 50%;
    padding: 5px;
}

.info-principal-produto .breadcrumbs {
    text-align: center;
}

.info-principal-produto .breadcrumbs ul li {
    display: inline-block;
}

.produto .nome-produto {
    text-align: center;
    border-bottom: 0px;
}

.info-principal-produto {
    border-bottom: 0px;
}

.produto .codigo-produto {
    border: 0;
    text-align: center;
}

.produto .codigo-produto>span+span, .produto .codigo-produto>span {
    float: none;
    display: inline-block;
    margin: 0 10px;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho {
    border-bottom: 0;
    width: 100%!important;
    margin: 0;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho {
    width: 100%;
    text-align: center;
    height: 40px;
    border: 1px solid #f1f1f1;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho-title {
    left: 10px;
    line-height: 40px;
    right: auto;
}

.produto .principal .acoes-produto .botao-comprar {
    padding: 0 30px;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
}

.produto .principal > div, .acoes-produto .preco-produto, .produto-compartilhar {
    border: 0;
    text-align: center;
}

.acoes-produto .preco-produto, .produto-compartilhar {
        padding: 0 0 5px;
        margin: 0 0;

    }

.btn-forma-pagamento {
    width: auto;
}

.produto .principal .cep {
    text-align: center;
}

.atributos div ul li {
    margin: 0 6px 12px;
}

/* Opções de Licença (Primária/Secundária) centralizadas e ~30% maiores no
   mobile, seguindo o alinhamento central do restante da página de produto */
.atributos div > span {
    text-align: center;
}

.atributos div ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.atributos ul li a span {
    padding: 8px 33px;
    font-size: 18px;
}

.atributo-comum .active a span {
    height: 32px;
}

.ordenar-listagem .filtro-mobile-itens .filtro.lista label {
    margin: 5px 5px 0 0;
    border-radius: 10px;
    width: 100%;
}

.produto .principal .atributos {
    padding-top: 20px;
}

.cep .input-append.input-prepend input {
    width: 60%;
}

div#blank-product-position1+.abas-custom:before {
    width: 100%;
}

.produto-video {
    padding-bottom: 30px;
    border-bottom: 1px solid #d8d8d8;
}

.produto .conteiner-imagem > div {
    border: 0;
}

.produto {
    padding-top: 10px;
}

.pagina-produto #meuModal {
    padding: 20px 10px;
}

.pagina-login .cadastro .caixa-sombreada {
    padding: 20px 30px;
    box-shadow: none;
}

.listagem .listagem-item .imagem-produto, .listagem .listagem-item .info-produto {
    float: left;
    width: 100%;
}

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

body {
    padding-top: 0;
}

.conteudo-topo .inferior .span8.busca-mobile {
    width: 60%;
}

#menuCat, #cabecalho {
    position: relative;
    top: 0;
}

}

/* Atualização 1.1 */

.sugestoes>.titulo {
    border: 0;
}

.banner .sugestoes {
    border: 0;
    box-shadow: none;
    outline: 1px solid #d8d8d8;
}

/* Logo centro mobile */

@media screen and (max-width: 767px) {
    
.produto .acoes-produto .desconto-a-vista, .produto .acoes-produto .desconto-a-vista strong {
    font-weight: bold;
    font-size: 16px;
    color: var(--cor-preco-comprar);
    margin: 0 3px;
}

.produto .acoes-produto .preco-parcela, .produto .acoes-produto .preco-parcela strong {
    font-weight: normal;
    font-size: 12px;
    color: var(--cinza);
    margin: 0 3px;
}

    .produto .acoes-produto .comprar {
        float: none;
        text-align: center;
    }    

span.titulo-categoria.video-titulo {
    text-align: center;
    display: block;
    margin: 0 0 20px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 5px;
 }

.logo a {
    height: 100px;
    width: 200px;
    right: 20px;
}

.pagina-inicial .bandeiras-produto {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 12px;
   }

.bandeiras-produto {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px;
}

/* Tag de desconto e tag de "no carrinho" empilhadas (uma abaixo da outra)
   no mobile, evitando sobreposição quando as duas aparecem juntas */
.bandeiras-produto .bandeira-promocao {
    top: 12px;
    right: 12px;
}

.listagem .bandeiras-produto .bandeira-carrinho {
    position: absolute;
    top: 48px;
    right: 12px;
    margin: 0;
}

#cabecalho.logo-centro .cat {
    width: 50px;
    left: 10px;
    right: auto;
    color: #fff;
}

#tarjaTexto {
    display: none;
}

.conteudo-topo .busca-mobile {
    overflow: hidden;
    padding: 0;
    background-color: #fff;
    border-radius: 10px;
}

#cabecalho>.conteiner>.row-fluid>.span6 > .fundo-principal {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: none;
    border: 0;
    position: absolute;
    right: 10px;
    top: 17px;
    font-size: 30px;
    color: #fff;
}

.pagina-inicial .row-fluid.banner.vitrine.hidden-phone .newsletter {
    display: none;
}

.pagina-inicial .row-fluid.banner.vitrine.hidden-phone {
    display: block!important;
}

#cabecalho .cab-nav .hamb-1 {
    background: var(--texto-cabecalho);
}

}



/* ICONES MENU */
@media screen and (min-width: 768px) {
  
  .listagem .listagem-item {
    margin: 0;
    padding: 0 10px 12px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ececec;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.listagem .listagem-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,.15);
    border-color: var(--branco);
}

    .sobreFb .caixa-facebook {
        display: none;
    }
    .sobreFb .span12.visible-phone > span {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .sobreFb .span12.visible-phone ul {
        margin: 20px 0px 0 0;
    }
    .sobreFb .span12.visible-phone * {
        color: #fff;
    }
    .sobreFb .span12.visible-phone {
        display: block !important;
        text-align: left;
        color: #fff;
    }


    /* Desenhos */

    .menu.superior .nivel-um>li.categoria-id-3333623>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat 0 -6px;
        width: 29px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Cinema */

    .menu.superior .nivel-um>li.categoria-id-3319677>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -77px 0;
        width: 32px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Games */

    .menu.superior .nivel-um>li.categoria-id-3264657>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -150px 0;
        width: 26px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Musica */

    .menu.superior .nivel-um>li.categoria-id-3386981>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -217px 0px;
        width: 32px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Transportes */

    .menu.superior .nivel-um>li.categoria-id-4037928>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -305px 2px;
        width: 32px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Brinquedos */

    .menu.superior .nivel-um>li.categoria-id-4037934>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -416px 0;
        width: 30px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Objetos */

    .menu.superior .nivel-um>li.categoria-id-4037933>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -509px 0px;
        width: 28px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Futebol */

    .menu.superior .nivel-um>li.categoria-id-4045311>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -588px 0px;
        width: 30px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Frases */

    .menu.superior .nivel-um>li.categoria-id-3721888>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -658px -1px;
        width: 30px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Arte */

    .menu.superior .nivel-um>li.categoria-id-3264166>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -724px 0px;
        width: 28px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Kids */

    .menu.superior .nivel-um>li.categoria-id-4041736>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -776px 0;
        width: 30px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Linha básica */

    .menu.superior .nivel-um>li.categoria-id-3721894>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -855px 0;
        width: 32px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Meias */

    .menu.superior .nivel-um>li.categoria-id-3945653>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/526/526021/arquivos/sprite-menu-v2.png') no-repeat -939px 0px;
        width: 25px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }


    /* Personalize */

    .menu.superior .nivel-um>li.categoria-id-3914376>a>.titulo:after {
        content: "";
        background: url('https://cdn.awsli.com.br/2093/2093093/arquivos/banner-contador-mob.jpg') no-repeat -1034px 0;
        width: 32px;
        height: 32px;
        display: block;
        margin: 0 auto;
    }

    /* Contador */

    .cooldown > a > div {
        width: 80px;
        height: 80px;
        float: left;
        background: rgb(27 12 34 / 71%);
        margin: 0px 10px;
        color: #fff;
        text-align: center;
        line-height: 70px;
        font-size: 50px;
    }
    
    .cooldown > a {
        float: left;
        margin-left: 60px;
        position: relative;
        display: flex;
        padding: 65px 0;
    }
    .cooldown {
        margin: 0!important;
        height: 200px;
        display: flex;
        align-items: center;
        position: relative;
        justify-content: center;
    }
    
    .cooldown > a > div.cd-data {
        display: none;
    }
    
    .cooldown > a > div.cd-segundo:after {
        content: "Seg.";
        text-transform: uppercase;
        display: block;
        line-height: 0;
        font-size: 12px;
        position: relative;
        top: -9px;
    }
    
    .cooldown > a > div.cd-minuto:after {
        content: "Min.";
        text-transform: uppercase;
        display: block;
        line-height: 0;
        font-size: 12px;
        position: relative;
        top: -9px;
    }
    .cooldown > a > div.cd-hora:after {
        content: "Horas";
        text-transform: uppercase;
        display: block;
        line-height: 0;
        font-size: 12px;
        position: relative;
        top: -9px;
    }
    .cooldown > a > div.cd-dia:after {
        content: "Dia";
        text-transform: uppercase;
        display: block;
        line-height: 0;
        font-size: 12px;
        position: relative;
        top: -9px;
    }
    
    
    .contador>.conteiner>.row-fluid {
        position: relative;
    }
    .contador>.conteiner>.row-fluid>a {
        max-width: 1140px;
        min-width: 1140px;
        display: block;
        height: 200px;
        position: absolute;
        z-index: 1000;
        left: 0;
        top: 0;
    }

    .contador {
        margin-top: 20px;
    }


}

@media screen and (max-width: 767px) {

.listagem .listagem-item {
    margin: 0;
    padding: 0 6px 16px;
}

  .conteiner.slide-maisvendido {
      overflow: hidden;
  }

  .slider-new {
      width: 160px!important;
      height: 350px!important;
  }

  .slider-new img {
        width: 190px!important;
    }

    #sliderNew {
        height: 350px!important;
    }

}




/*adequaçao contador de celular*/
@media screen and (max-width: 767px) {

    .cooldown.cd-home.span12 {
        background-image: url(https://cdn.awsli.com.br/2093/2093093/arquivos/banner-contador-mob.jpg) !important;
        height: 400px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cd-dia, .cd-hora, .cd-minuto, .cd-segundo {
        height: 63px;
        width: 63px;
        color: #fff;
        background: rgba(0,0,0,.70);
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;
        margin-top: 242px;
        margin-left: 13px;
        flex-direction: column;
        background-position: center;
    }
    
    .cd-dia:after {
        content: "dias";
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .cd-hora:after {
        content: "horas";
        font-size: 12px;
        text-transform: uppercase;
    }
    .cd-minuto:after {
        content: "min.";
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .cd-segundo:after {
        content: "seg.";
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .contador > .conteiner > .row-fluid > a {
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
    }
    
    .contador > .conteiner > .row-fluid {
        position: relative;
    }
    
}