/* Publicidade */

@media screen and (max-width: 425px){
#ad-placements {
display: block!important;
background-color: #333!important; 
}}

@media screen and (max-width: 425px){
#ad-placements .ad-space-title { 
writing-mode: horizontal-tb!important; 
transform: rotate(0deg)!important; 
text-align: center!important; 
margin: 30px 0 10px 0px!important; 
font-size: 12px!important; 
}}

@media screen and (max-width: 425px){
#ad-placements .ads {
background-color: #333!important; 
}}

@media screen and (max-width: 425px){
.ad-box-2, .ad-box-3, .ad-box-4, .ad-box-5, .ad-box-6, .ad-box-7 {
display: none!important; 
}} 

#ad-placements { 
display: flex; 
position: relative;
background-color: black;
border: 1px solid #222; 
padding-left: 0;
padding-right: 0;
margin: 20px auto 2px;
z-index: 1;
max-width: 960px;
}

#ad-placements .ad-space-title {
-webkit-transform-origin-x: 0;
writing-mode: tb-rl;
transform: rotate(-180deg);
color: #fff;
text-align: right;
text-transform: uppercase;
font-weight: normal;
padding-bottom: 10px;
margin: 0 15px;
font-size: 12px;
line-height: 0;
}

#ad-placements .ads {
background-color: white;
padding: 10px 0 0;
display: flex;
justify-content: space-evenly;
align-content: space-around;
width: 100%;
flex-wrap: wrap;
}

#ad-placements .ad-box-1 .ad-box-2 .ad-box-3 .ad-box-4 .ad-box-5 .ad-box-6 .ad-box-7 {
display: box;
margin-bottom: 10px;
}

#ad-placements {
overflow-x: auto;
}

/* Estilo do botão flutuante */
.float-button-container {
  position: fixed;
  bottom: 20px; /* Distância padrão da parte inferior da tela */
  right: 20px; /* Distância da borda direita da tela */
  z-index: 1; /* Garante que o botão esteja abaixo da barra (ajuste conforme necessário) */
}

.float-button {
  display: inline-block;
  position: relative; /* Necessário para posicionar o botão de fechar relativo a este botão */
  background-color: #ecdab7; /* Cor de fundo dourada clara para o botão */
  color: #000; /* Cor do texto preta para o botão */
  text-decoration: none; /* Remove o sublinhado do link */
  border: none;
  border-radius: 50px; /* Torna o botão redondo */
  padding: 10px 20px; /* Ajuste o tamanho do botão */
  font-size: 14px; /* Tamanho do texto */
  font-weight: bold;
  box-shadow: 0 4px 8px rgb(0 0 0 / 44%); /* Sombra para destacar o botão */
  cursor: pointer;
  transition: background-color 0.3s ease; /* Transição suave ao passar o mouse */
}

/* Efeito ao passar o mouse */
.float-button:hover {
  background-color: #e1c48ad1; /* Cor do botão dourado um pouco mais escuro quando o mouse passa sobre ele */
}

/* Estilo do botão de fechar */
.close-button {
  position: absolute;
  top: -28px; /* Ajusta a posição do botão de fechar acima do botão principal */
  right: -10px;
  width: 30px; /* Largura do botão de fechar */
  height: 30px; /* Altura do botão de fechar */
  background-color: #4D4D4D; /* Cor de fundo cinza escuro para o botão de fechar */
  color: #fff; /* Cor do texto branco para o botão de fechar */
  border-radius: 50%; /* Faz o botão de fechar circular */
  display: flex;
  align-items: normal;
  justify-content: center;
  font-size: 20px; /* Tamanho do texto do botão de fechar */
  cursor: pointer;
  z-index: 10000; /* Garante que o botão de fechar esteja acima do botão principal */
  border: 2px solid #fff; /* Borda branca ao redor do botão de fechar */
}

/* Efeito ao passar o mouse no botão de fechar */
.close-button:hover {
  background-color: #000000; /* Cor dourada clara para o botão de fechar quando o mouse passa sobre ele */
  color: #ffffff; /* Cor do texto preta ao passar o mouse */
}

/* Ajustes específicos para dispositivos móveis */
@media (max-width: 767px) {
  .float-button-container {
        bottom: 65px; /* Ajuste a distância do fundo em dispositivos móveis se necessário */
        padding: 12px 15px; /* Ajuste o tamanho do botão */
        right: 3px;
  }
}


/* Cor whats */
.barra-mobile a[href*="wa.me"] svg {
    fill: #25D366;
}

/* selos */
#selos-pag-produto {
    height: 30px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    #selos-pag-produto {
        height: 28px !important;
    }
}

/* ajustes pagina produto */
@media only screen and (max-width: 1024px) {
    .produto-detalhes .cep-real {
        padding-top: 20px !important;
    }
}

/* cronometro carrinho */
.alert-cart {
    background: #373435;
    color: #fff;
    padding: 5px 10px;
    margin: auto;
    text-align: right;
    text-align: center;
    font-weight: 500;
    font-size: 14px;

}
/* botão carrinho */
.tabela-carrinho .input-append button {
    background: #ffffff !important;
    border: 1px solid #999 !important;
    margin: 0.1px !important;
}

/* Cupom */
.cupom2 {
  position: fixed;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2; /* Defina um valor menor que o z-index do menu */
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all .3s ease-in;
}
@media (max-width: 768px) {
.cupom2 {
  top: 70%;
 }
}
.cupom-fechado {
  background-color: #ecdab7;
  color: #000000;
  padding: 8px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl; /* Texto vertical */
  text-align: center;
  transform: rotate(180deg);
  cursor: pointer;
  z-index: 9;
  height: 100px;
  border-radius: 0px 5px 5px 0;
  font-weight: 600;
}

.cupom-aberto {
  display: none;
  background-color: #ffffff;
  border: 1px solid #ecdab7;
  color: #000;
  border-radius: 5px 0px 0px 5px;
  margin-top: 5px;
  flex-direction: row;
  align-items: stretch; /* Estende o conteúdo */
  padding: 0px 10px 0px 0px;
}

.cupom-aberto .cupom-label {
  writing-mode: vertical-rl; /* Texto vertical */
  background-color: #ecdab7;
  color: #000000;
  padding: 8px;
  border-radius: 5px 0 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px; /* Define uma altura mínima */
  transform: rotate(180deg);
  border-radius: 0px 0px 0px 0px;
  font-weight: 600;
}

.cupom-aberto .cupom-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 10px;
  gap: 5px;
}

.cupom2.aberto .cupom-aberto {
  display: flex;
}

.cupom2.aberto .cupom-fechado {
  display: none;
}
@media (max-width: 768px) {
.cupom-fechado {
    padding: 4px!important;
    }
.cupom-aberto .cupom-label {
    padding: 4px!important;
    }
}

/* Descrição produto */
/* Estilo geral para o contêiner específico */
.product-description {
    font-family: 'Arial', sans-serif;
    color: #333;
    line-height: 1.6;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    max-width: 800px;
    margin: 0 auto;
}

/* Estilo para títulos dentro do contêiner */
.product-description h2 {
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
    color: #444;
    margin-bottom: 1rem;
}

/* Estilo para parágrafos dentro do contêiner */
.product-description p {
    font-size: 14px;
    color: #555;
    margin-bottom: 1rem;
}

/* Estilo para parágrafos fortes */
.product-description p strong {
    color: #222;
}

/* Estilo para listas dentro do contêiner */
.product-description ul {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 0;
}

.product-description ul li {
    font-size: 14px;
    margin-bottom: 0.5rem;
}

/* Estilo para tabelas dentro do contêiner */
.product-description .tabela {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.product-description .tabela th,
.product-description .tabela td {
    font-size: 1rem;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.product-description .tabela th {
    background-color: #f7f7f7;
    color: #222;
    font-weight: bold;
}

/* Estilo responsivo para mobile */
@media (max-width: 768px) {
    .product-description h2 {
        font-size: 1.3rem;
    }

    .product-description .tabela th,
    .product-description .tabela td {
        font-size: 0.9rem;
        padding: 8px;
    }
}

/* Estilo adicional para tornar o texto mais elegante */
.product-description span {
    color: #555;
}

/* Ajuste para o texto em negrito */
.product-description strong {
    font-weight: bold;
    color: #333;
}

/* REMOVER LOGO GROOMB*/
html #rodape .rodape-inferior .creditos.agencia {
display: none !important;
}



	/* AJUSTE SELOS RODAPE PAGAMENTOS*/
.gateways-rodape li img {
width: 80px !important;
}

/* AJUSTE RODAPE SELOS PAGAMENTO*/
.gateways-rodape, .gateways-rodape * {
 display: inline-flex !important;
}

/* ALTERA COR BOTÃƒO ROLAGEM FULL BANNER*/

@media only screen and (max-width: 767px) {
#rodape .rodape-social .lista-redes ul li a {
width: 30px !important;
height: 30px !important;
}
}

@media only screen and (max-width: 767px) {
#rodape .rodape-social .lista-redes ul li a svg {
width: 15px;
height: 15px;
}
}

#rodape .rodape-social .lista-redes ul li a {
width: 45px !important;
height: 45px !important;
}

#rodape .rodape-social .lista-redes ul li a svg {
  width: 20px;
  height: 20px;
}

/* ALTERA COR E TAMANHO PREÇO PROMOÇÃO*/
.preco-produto:not(.banner-preco) s {
    color: #2a2a2a !important;
}
@media only screen and (max-width: 1024px) {
    .preco-produto.destaque-preco s {
        font-size: 13px !important;
    }
}
.preco-produto.destaque-preco s {
    font-size: 14px !important;
}

/* ALTERA POSIÇÃO PREÇO PROMOÇÃO*/
@media only screen and (max-width: 1024px) {
.preco-produto.destaque-preco > :first-child, .preco-produto.destaque-preco > :first-child .preco-a-partir {
flex-direction: initial !important;
align-items: baseline !important;
}
}

/* COR AVALIAÇÃO*/
.product-reviews__overview {
    background: #fff!important;
}

/* COR PIX PAGINA HOME*/
.listagem .listagem-item .pp-avista .listagem-avista-2 .avista-valor {
    color: #201f1f !important;
}

/* esconder marca produto*/
.info-principal-produto .marca-produto a {
    display: none!important;
}

/* esconder descrição categoria*/
.categoria-descricao {
    display: none;
}

/* espaço avaliações e código produto*/
.info-principal-produto .codigo-produto {
    padding-top: 10px!important; 
}

/* diminuir barra menu inferior*/
@media only screen and (max-width: 1024px) {
    .barra-mobile .inside {
        padding: 8px 10px 8px !important;
    }
}

/* barra de rolagem*/
body::-webkit-scrollbar,
.scroll::-webkit-scrollbar {
	width: 12px
}

body::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb {
	background-color: #4c4c4c !important;
	border-radius: 3px;
	border: 3px solid #4c4c4c
}

.scroll::-webkit-scrollbar-track {
	background: #e5e5e5;
	border: 1px solid #4c4c4c
}

body::-webkit-scrollbar-track {
	background: #e5e5e5;
	border: 1px solid #4c4c4c;
	border-top: 0
}


/* konfidency*/
    .carousel-title[data-v-1c9fdd9a] {
    text-align: center;
    font-size: 28px !important;
    line-height: 22px !important;
}


@media only screen and (max-width: 1024px) {
    .carousel-title[data-v-1c9fdd9a] {
    font-size: 20px !important;
    line-height: 20px !important;
    }
}

.konfidency-storeReviewCarousel {
    margin-bottom: -50px !important;
}

/* ajuste vantagem produto*/
.produto-detalhes {
    padding-bottom: 10px !important;
}


/* AJUSTE POSICIONAMENTO FOTOS GALERIA*/
@media only screen and (min-width: 1025px){
.galeria-produtos {
    position: sticky;
    top: 90px;
    z-index: 2;
    background-color: #fff;
    overflow: hidden;
}
}
@media only screen and (min-width: 1025px) {
    .produto-share {
        position: sticky;
        top: 635px;
        overflow: hidden;
        z-index: 4;
        background-color: #fff;
        padding-top: 10px;
        margin-bottom: -5px;
    }
}

/* FIM POSICIONAMENTO FOTOS GALERIA*/

.comprar .botao-whatsapp {
    display: block; /* Garante que seja visível dentro da div .comprar */
}
.botao-whatsapp {
    display: none; /* Oculta o botão do WhatsApp em todos os outros lugares */
}
.produto-detalhes .botao-whatsapp {
    box-shadow: 0px 0px 0px 0px !important;
}
.cores-personalizadas .botao-whatsapp {
    border-color: #616060 !important;
}

/*AJUSTE CAMPO CALCULO FRETE*/
.produto-detalhes .cep #formCalcularCep label {
font-size: 12px;
}

.produto-detalhes .cep #formCalcularCep .input-append {
width: 330px;
}

.produto-detalhes .cep #formCalcularCep input {
height: 35px;
font-size: 12px;
}

.produto-detalhes .cep #formCalcularCep .input-append button {
padding: 0px 15px;
font-size: 12px;
}
/*FIM-AJUSTE CAMPO CALCULO FRETE*/

/* AJUSTE BAIXOU*/

.baixou-interno .baixou-produtos a {
width: 120px !important;
}


.baixou-interno .baixou-produtos.fixarImagem .baixou-img img {
  max-width: 100px !important;
}


.baixou-interno .baixou-produtos .baixou-nome span {
font-size: 08px !important;
}

.baixou-interno .baixou-produtos.fixarImagem .baixou-img img {
max-block-size: 100px !important;
}

.baixou-interno .baixou-produtos .baixou-agora {
font-size: 12px !important;
margin-top: 0px !important;
}

.baixou-interno .baixou-produtos .baixou-era {
color: #ed3051 !important;
font-size: 10px !important;
}

.baixou-interno .baixou-produtos .baixou-nome {
margin-bottom: 4px !important;
}

.baixou-interno .baixou-produtos .baixou-img {
margin-bottom: 0px !important;
object-fit: scale-down !important;
}

.baixou .baixou-botao {
bottom: 190px !important;
width: 65px !important;
}

@media only screen and (max-width: 1024px) {
.baixou .baixou-botao {
bottom: 240px !important;
}
}

.baixou .baixo-rodape {
margin-top: 0px !important;
margin-bottom: 10px !important;
}

.baixou .baixou-preview span {
width: 50px !important;
height: 50px !important;
margin: 2px !important;
}


.baixou .baixou-preview img {
  object-fit: scale-down !important;
  display: flex !important;
  height: 100% !important;
  width: 100% !important;
}


.baixou .baixo-rodape svg {
width: 15px !important;
height: 15px !important;
}

.baixou .baixo-rodape {
margin-top: 5px !important;
margin-bottom: 8px !important;
}

@media only screen and (max-width: 1024px) {
.baixou-interno .baixou-produtos .baixou-nome span {
display: ruby !important;
}
}

@media only screen and (max-width: 1024px) {
.baixou-interno .baixou-produtos .baixou-barato {
font-size: 10px !important;
}
}

@media only screen and (min-width: 1024px) {
.baixou-interno {
bottom: 145px !important;
}
}

.baixou .baixou-titulo span {
font-size: 12px !important;
}

/* FIM AJUSETE BAIXOU*/



@media only screen and (max-width: 1024px) {
.notificacao-venda .notp-nome {
font-size: 8px !important;
line-height: 10px !important;
}
}

/* AJUSETE NOTIFICACAO VENDA*/

@media only screen and (max-width: 1024px) {
.notificacao-venda .notp-preco {
margin-top: 7px !important;
font-size: 10px !important;
line-height: 8px !important;
}
}


@media only screen and (max-width: 1024px) {
.notificacao-venda .notp-compras {
font-size: 10px !important;
}
}


@media only screen and (max-width: 1024px) {
.notificacao-venda img {
width: 30px !important;
}
}

@media only screen and (max-width: 1024px) {
.notificacao-venda {
font-size: 10px !important;
line-height: 10px !important;
width: 180px !important;
}
}

@media only screen and (max-width: 1024px) {
 .notificacao-venda .notp-nome {
font-size: 10px !important;
line-height: 10px !important;
}
}

/* FIM AJUSTE NOTIFICAÇÃO*/

/* AJUSTE ÚLTIMAS UNIDADES\*/
.qtde_estoque {
    color: #000000;
    font-weight: 900 !important;
}
/* FIM AJUSTE ÚLTIMAS UNIDADES*/

/* AJUSTE OFERTAS*/
.pp-ofertas .ofertas-detalhes {
    font-size: 12px !important;
}
.pp-ofertas .ofertas-detalhes strong {
    color: #ed3051 !important;
}
/* FIM AJUSTE OFERTAS*/

/* AJUSTE comprar junto*/
.compre-junto__comprar button {
    background: #36c5c4 !important;
}
/* FIM AJUSTE comprar junto*/

/* AJUSTE WHATS*/
@media (max-width: 1023px) {
  .whats-s3 {
    display: none!important;
  }
}

@media screen and (max-width: 767px){.whats-s3 {     width: 46px!important;    height: 46px!important;    background: none!important;    border-radius: initial!important;    right: 10px!important;    top: initial!important;    bottom: 10px!important;    margin-top: 0!important;    margin: 0px!important; }}@media screen and (max-width: 767px){.whats-2 {    display: none!important; }}@media screen and (max-width: 767px){.whats-s3 img {    width: 40px!important;    max-width: 200%!important; }}.whats-s3 {    width: 120px;    height: 50px;    background: #58d164;    border-radius: 5px;    position: fixed;    right: 0;    top: 89%;    margin-top: 0px;    display: flex;    justify-content: center;    align-items: center;    z-index: 99;    line-height: 1;    margin: 10px 10px;}.whats-s3 .whats-1 {    padding-right: 10px;}.whats-s3 img {    width: 30px;}.whats-s3 span {    font-size: 12px;    color: #fff;    font-family: "Roboto","Arial","Calibri",sans-serif;}.whats-s3 a {    position: absolute;    width: 100%;    height: 100%;    left: 0;    top: 0;    text-indent: -99999px;}
/* FIM AJUSTE WHATS*/



/* cor pix e cor botão*/
.cores-personalizadas .produto-detalhes .pp-avista {
    background: #36c5c4 !important;
}
.cores-personalizadas .produto-detalhes .pp-avista svg {
    fill: #ffffff !important;
}
.cores-personalizadas .produto-detalhes .avista-valor, .cores-personalizadas .produto-detalhes .pp-avista .avista-desconto {
    color: #ffffff !important;
}

.cores-personalizadas .botao.principal, .cores-personalizadas .bandeira-personalizar {
    background: #27251f !important;
}