.cores-personalizadas .produto-detalhes .pp-avista {
    background: #ffffff00 !important;
} .listagem .listagem-item .pp-avista .listagem-avista-2 .avista-desconto {
    color: white !important;
} .listagem .listagem-item .pp-avista {
    background: #000000 !important;
} .cores-personalizadas.fundo-claro .categoria-newsletter .newsletter input {
background: #eeeeee !important
} .categoria-newsletter .newsletter {
background: white !Important;
} .cores-personalizadas .newsletter input {
 color: #4d4d4d !important;
} .categoria-ordem .input-append {
background: white !important;
border-radius: 10px !important;
} .cores-personalizadas .suporte-botao svg, .cores-personalizadas .suporte-header svg {
fill: white !important;
} .cores-personalizadas .suporte-botao, .cores-personalizadas .suporte-header, .cores-personalizadas .suporte-atendente-b b {
background: #393939 !important;
} .cores-personalizadas .produto-detalhes .avista-valor, .cores-personalizadas .produto-detalhes .pp-avista .avista-desconto {
    color: white !important;
} .cores-personalizadas .produto-descricao {
background: white !important;
} .tabela-carrinho .descontos {
color: #3cc43c !important;
} strong.cor-principal.titulo.font-15 {
color: #3cc43c !important;
} .tabela-carrinho .bg-dark {
    background: white !important;
} .preco-produto.destaque-preco>:nth-child(2) * {
    color: #4bd54b !important;
} .produto-detalhes .cep #formCalcularCep .input-append {
background: #e0e0e0 !important;
} b.text-parcelas.pull-right {
    color: #3cc43c !important;
} .listagem .listagem-item .info-produto .titulo {
color: #353535 !important;
} .slick-next.slick-arrow {
background: none !important;
} .slick-prev.slick-arrow {
background: none !important;
} .produto .acoes-produto .preco-produto .titulo {
    color: black !important;
} .tabela-carrinho .preco-produto>:nth-child(1) strong {
    color: #444444 !important;
} .cores-personalizadas .info-principal-produto .lancamento-produto1 b {
    color: black !important;
} .produto-detalhes .pp-avista .avista-desconto, .produto-detalhes .preco-produto .desconto-a-vista span, .produto-share .share-icons-container {
margin-right: 4px !important;
} .cores-personalizadas .vitrine-video {
background: #1d1d1d !important;
} .cores-personalizadas .vitrine-video .titulo-categoria strong {
Color: white !important;
} .cores-personalizadas .vitrine-video .titulo-categoria strong svg {
    fill: white !important;
} .cores-personalizadas .comentarios-count svg, .cores-personalizadas .slick-arrow svg, .cores-personalizadas .titulo-categoria svg {
    fill: #838383 !important;
} .cores-personalizadas #rodape .institucional svg {
 fill: #00ee67 !important;
} .a-block.cw a .a-block-icon svg {
 fill: #17f5c6 !important;
} .com-ofertas-pp.ofertas-destaque .produto-detalhes-detalhes>.principal {
background: #161616 !important;
} .info-principal-produto .nome-produto {
color: white !important;
} .produto .acoes-produto .preco-produto .titulo {
color: white !important;
} .cores-personalizadas .produto-detalhes .pp-avista {
background: #ffffff00 !important;
} .cores-personalizadas .produto-detalhes .avista-valor, .cores-personalizadas .produto-detalhes .pp-avista .avista-desconto {
color: white !important;
font-size: 0.93rem !important;
font-weight: bolder !important;
} .produto-detalhes .parcelas-produto .accordion {
background: white !important;
} .produto .acoes-produto .comprar .qtde-adicionar-carrinho {
background: white !important;
} .produto-detalhes .cep #formCalcularCep label {
color: white !important;
} .produto-detalhes .cep ul {
background: white !important;
} .produto .cep .aviso-disponibilidade {
color: white !important;
} .produto .acoes-produto .comprar span span {
    color: white !important;
} .produto-detalhes-detalhes>.principal {
background: linear-gradient(160deg, #0b0f1a, #101a33) !important;
} .info-principal-produto .nome-produto {
margin-top: 8px !important;
} .produto-detalhes-detalhes>.principal {
padding: 20px !important;
} .cores-personalizadas .produto-detalhes .avista-valor, .cores-personalizadas .produto-detalhes .pp-avista .avista-desconto {
    font-size: 0.93rem !important;
}







.listagem .listagem-item .pp-avista {
  position: relative;
  overflow: hidden;
  color: #00ffd5 !important;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px; /* reduzido para manter o tamanho original */
  font-size: 14px;
  line-height: 1.2;
  transition: transform 0.2s ease;
  box-sizing: border-box;
}

.listagem .listagem-item .pp-avista::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.25) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: reflexoPix 4s infinite;
  pointer-events: none; /* evita interferir em cliques */
}

@keyframes reflexoPix {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}

.listagem .listagem-item .pp-avista:hover {
  transform: scale(1.02);
}






.produto-detalhes .tag-frete-gratis {
font-size: 19px !important;
} .produto-detalhes .tag-frete-gratis span {
 color: #04ff00  !important;
} .produto-detalhes .tag-frete-gratis strong {
    color: #04ff00  !important;
} .produto-detalhes .tag-frete-gratis svg {
    fill: #04ff00 !important;
}






.parcelas-produto .accordion .accordion-group .accordion-body .accordion-inner ul {
font-size: 11px !important;
} b.text-parcelas.pull-right {
font-size: 15px !important;
}







.cores-personalizadas .ofertas-listagem svg, .cores-personalizadas .pp-ofertas .ofertas-campanha svg {
    fill: white !important;

} .cores-personalizadas .menu-desktop .menu-ofertas>a svg {
    fill: white !important;
}






/*Listagem produtos*/

.listagem .listagem-item .listagem-item-wrap {
background: white !important;
} .listagem .listagem-item:hover .listagem-item-wrap {
background: white !important
} .ofertas-listagem {
margin: 0 0px !important;
border-radius: 0px !important;
} .listagem .listagem-item .info-produto.prodTxt-3 .nome-produto {
color: #191919 !important;
} .listagem .listagem-item .info-produto .titulo {
color: #191919 !important;
} .produto .acoes-produto .comprar span span {
font-size: 17px !important;
} .cores-personalizadas .botao-whatsapp {
border: none !important;
} .listagem .listagem-item:hover .listagem-item-wrap {
    border: none !important;
} .listagem .listagem-item .listagem-item-wrap {
    border: none !Important;
} .listagem .listagem-item .imagem-produto {
    background: white !important;
    
} .cores-personalizadas .ofertas-listagem, .cores-personalizadas .pp-ofertas .ofertas-full {
   background: black !important;
   color: white !important;
} .cores-personalizadas .bandeira-personalizar, .cores-personalizadas .botao.principal {
padding: 7px !important;
background: #4bd54b !important;
color: #ffffff !important;
} .banners-full {
border-bottom: none !important;
    
}  

.produto-descricao .conteiner {
  wid/th: 100% !important;
  max/-width: 100vw !important;
  over/flow-x: auto !important;
  word/-wrap: break-word !important;
  whit/e-space: normal !important;
  box-/sizing: border-box !important;
  padd/ing: 0 10px !important; /* margem interna pra evitar encostar nas bordas */
}

.produto-descricao .conteiner * {
  max/-width: 100% !important;
  box-/sizing: border-box !important;
}

.produto-descricao .conteiner img {
  he/ight: auto !important;
  dis/play: block !important;
  marg/in: 0 auto !important;
}







.cores-personalizadas #cabecalho {
background: white !important;
} .cores-personalizadas #cabecalho .busca {
background: #222222 !important;
} .cores-personalizadas #cabecalho .painel .a>svg, .cores-personalizadas .busca-topo svg, .cores-personalizadas .icone-carrinho svg, .cores-personalizadas .menu-mobile-button svg {
fill: black !important;
} .cores-personalizadas .info-destaque {
background: black !important;
} .cores-personalizadas .info-destaque .info-texto {
color: white !important;
} .cores-personalizadas #cabecalho .menu-rapido li a, .cores-personalizadas #cabecalho .painel .a, .cores-personalizadas #cabecalho .painel .a a {
color: black !important;
} .cores-personalizadas .info-destaque svg {
    fill: #24ffd4 !important;
} .cores-personalizadas .vantagem-icone svg {
fill: white !important;
} .cores-personalizadas .vantagem-texto strong {
color: #4bff9a !important;
} .cores-personalizadas .vantagem-texto span {
color: black !important;
}





/* RGB glow apenas no <strong> */
.cores-personalizadas .vantagem-texto strong {
  position: relative;
  display: inline-block;         /* garante transform/animation limpas */
  color: white !important;                /* texto principal em branco */
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: none;          /* ajuste se quiser maiúsculas */
  -webkit-font-smoothing: antialiased;
  text-shadow:
    0 0 6px rgba(255,0,0,0.85),
    0 0 12px rgba(0,255,0,0.55),
    0 0 18px rgba(0,0,255,0.35);
  animation: rgbGlow 2.8s linear infinite, subtleFloat 3.6s ease-in-out infinite;
}

/* animação que varre o RGB (muda intensidade das sombras) */
@keyframes rgbGlow {
  0% {
    text-shadow:
      0 0 6px rgba(255,0,0,0.95),
      0 0 12px rgba(0,255,0,0.45),
      0 0 18px rgba(0,0,255,0.25);
    filter: none;
  }
  33% {
    text-shadow:
      0 0 6px rgba(0,255,0,0.95),
      0 0 12px rgba(0,0,255,0.45),
      0 0 18px rgba(255,0,0,0.25);
  }
  66% {
    text-shadow:
      0 0 6px rgba(0,0,255,0.95),
      0 0 12px rgba(255,0,0,0.45),
      0 0 18px rgba(0,255,0,0.25);
  }
  100% {
    text-shadow:
      0 0 6px rgba(255,0,0,0.95),
      0 0 12px rgba(0,255,0,0.45),
      0 0 18px rgba(0,0,255,0.25);
  }
}

/* leve "flutuação" pra dar vida sem exagerar */
@keyframes subtleFloat {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}

/* acessibilidade: desativa animação para quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
  .cores-personalizadas .vantagem-texto strong {
    animation: none;
    text-shadow:
      0 0 6px rgba(255,0,0,0.9),
      0 0 10px rgba(0,255,0,0.6),
      0 0 14px rgba(0,0,255,0.35);
  }
}









.cores-personalizadas .barra-mobile {
background: white !important;
} .cores-personalizadas .barra-mobile a span {
color: black !important;
} .cores-personalizadas .barra-mobile a svg {
fill: black !important
} .cores-personalizadas .hamburger--collapse .hamburger-inner {
    background: black !important;
} .cores-personalizadas #abas-desc li a {
background: #e8e8e8 !important;
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
padding: 15px !important;
} .listagem .listagem-item .pp-avista .listagem-avista-1 svg {
    fill: white !important;
} .listagem .listagem-item .pp-avista .listagem-avista-2 .avista-valor {
   color: #ffffff !important;
} .listagem .listagem-item .info-produto {
background: white !important;
} .listagem-item.indisponivel .bandeiras-produto .bandeira-indisponivel {
display: flex !important;
} .produto-detalhes .avise-me .avise-descr {
color: white !important;
} .avise-me .avise-btn .botao {
 color: #2c2c2c !important;
} .preco-produto>:first-child * {
color: #4d4d4d !Important;
} .produto-detalhes .avise-me .controls-row input {
    color: black !Important;
    
} .listagem .listagem-item .acoes-produto {
padding: 10px 5px 5px !important;
} .listagem .listagem-item .acoes-produto {
    margin: 0px !important;
    
} .cores-personalizadas .vitrine-depoimentos {
    
background: #1d1d1d !important;
} .cores-personalizadas #barraNewsletter, .cores-personalizadas .categoria-newsletter {
    background: white !important;
    
} .cores-personalizadas #rodape .rodape-social .lista-redes ul li a svg {
    fill: black !important;
    
} .com-ofertas-pp.ofertas-destaque .produto-detalhes-detalhes {
    border: none !important;
    
} .cores-personalizadas .newsletter-confirmacao, .cores-personalizadas .newsletter-titulo {
    
    color: black !important;
}  .cores-personalizadas .newsletter input {
    background: #eeeeee !important;
} .cores-personalizadas #cabecalho .painel .carrinho>a strong {
    background: #24ffd4 !important;
    color: black !important;
}



















.progresso-alerta progress[value]::-webkit-progress-value {
    background: #35fb62 !important;
    border: none !important;
}

.progresso-alerta progress[value]::-webkit-progress-bar {
    background: #222 !important; /* opcional */
    border: none !important;
} .progresso-alerta progress::-moz-progress-bar {
    background: #35fb62 !important;
    border: none !important;
} .cores-personalizadas .alerta-completo .progresso-alerta b {
    border: none !important;
    background: #35fb62 !important;
    
} .alerta-completo .progresso-alerta svg {
    fill: black !important;
} .cores-personalizadas.carrinho-lateral .modal-comprar-ajax-status .carrinho-lateral-topo {
    background: white !important;
} .cores-personalizadas.carrinho-lateral .modal-comprar-ajax-status .carrinho-lateral-topo strong, .cores-simples.carrinho-lateral .modal-comprar-ajax-status .carrinho-lateral-topo strong {
    color: black !important;
} .cores-personalizadas .vitrine-instagram .instagram-follow a svg, .cores-personalizadas.carrinho-lateral .modal-comprar-ajax-status .carrinho-lateral-topo svg, .cores-simples.carrinho-lateral .modal-comprar-ajax-status .carrinho-lateral-topo svg {
    fill: black !important;
} .cores-personalizadas .progresso-titulo strong {
    color: #35fb62 !important;
} strong.titulo.preco-carrinho-total {
    color: #00a749 !important;
    background: #ffffff !important;
    border-radius: 9px !important;
    padding: 5px !important;
    margin: -5px !important;
} .cores-personalizadas .baixou .baixou-interno .baixou-produtos .baixou-agora strong, .cores-personalizadas .compre-junto__preco--promocional, .cores-personalizadas .compre-junto__preco--promocional:empty+.compre-junto__preco--regular, .cores-personalizadas .compre-junto__preco-total--promocional, .cores-personalizadas .compre-junto__preco-total--promocional:empty+.compre-junto__preco-total--regular, .cores-personalizadas .preco-produto>:first-child, .sugestao-carrinho .sugestao-content strong {
    color: #201f1f !important;
} .carrinho-checkout .cupom-codigo {
    background: #181818 !important;
    color: white !important;
    font-weight: bold !important;
} .tabela-carrinho .cupom-sucesso .cupom-codigo {
    background: #161616 !important;
    color: white !important;
} span.visible-phone {
    padding: 14px !important;
} .cores-personalizadas .menu-desktop .todas-categorias > a > svg {
    fill: black !important;
} .menu-mobile .painel-mobile svg, .painel-mobile img, .painel-mobile svg {
    fill: black !important;
} .cores-personalizadas #abas-desc li a, .cores-personalizadas .produto-descricao .titulo-categoria strong {
    display: none !important;
    padding: 35px !important;
} .preco-produto>:first-child, .preco-produto>:first-child strong {
    color: black !important;
} .atributos span, .banners-vantagens .vantagem-texto span, .produto-pequeno .preco-produto .desconto-a-vista span {
    color: #00ce36 !important;
} .pagina-produto .atributo-comum a span {
    color: black !important;
} .menu-rapido li a strong {
    color: black !important;
} .cores-personalizadas .banners-vantagens {
    background: #1d1d1d !important;
} .cores-personalizadas .barra-mobile {
    display: none !important;
} h1.s954l._3TUsN._39p7O {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
} .atributos div > span {
    color: white !important;
} .cores-personalizadas #rodape .institucional {
    background: white !important;
}































.cores-personalizadas .bannerp-wrap {
   background: #1d1d1d !important;
}

/* Animação premium (bem suave) */
@keyframes premium-flow {
    0% {
        filter: brightness(0.95) saturate(1.05);
        background-position: 0% 0%, 100% 100%, center;
    }
    50% {
        filter: brightness(1.08) saturate(1.15);
        background-position: 8% 12%, 92% 88%, center;
    }
    100% {
        filter: brightness(0.95) saturate(1.05);
        background-position: 0% 0%, 100% 100%, center;
    }
}






 

/* TEXTO DO BOTÃO */
.cores-personalizadas .banner-produto .bannerp-botao span {
    

    
   
    

    background: #24ffd4;
    
    border-radius: 12px;

    font-size: 15px;
    font-weight: 700;
    color: black;
}

/* HOVER (DESKTOP) */
@media (hover:hover) {
    .cores-personalizadas .banner-produto .bannerp-botao span:hover {
        filter: brightness(1.15);
        transform: scale(1.02);
        transition: 0.25s ease;
    }
}

/* MOBILE FIX — impede bug do texto estourar */
@media (max-width: 480px) {

    .cores-personalizadas .banner-produto .bannerp-botao {
        
        border-radius: 12px;
    }

    .cores-personalizadas .banner-produto .bannerp-botao span {
        
        font-size: 14px;
        border-radius: 10px;
    }

    .cores-personalizadas .banner-produto .bannerp-botao::before {
        inset: -6px;
        filter: blur(14px);
    }
}

.cores-personalizadas .menu-desktop .menu-ofertas.destaque>a {
    background: #1d1d1d !important;
} .banner-produto .bannerp-preco2 {
    color: #00ff00 !important;
}

































/* Efeito 1 — Reflexo Premium */
h1.s954l._3TUsN._39p7O {
    position: relative;
    overflow: hidden;
}

/* Reflexo diagonal passando */
h1.s954l._3TUsN._39p7O::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -30%;
    width: 40%;
    height: 200%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0.0) 0%,
        rgba(255,255,255,0.15) 50%,
        rgba(255,255,255,0.0) 100%
    );
    transform: rotate(20deg);
    animation: shine 4s ease-in-out infinite;
}

@keyframes shine {
    0% { left: -50%; }
    60% { left: 150%; }
    100% { left: 150%; }
} @media (max-width: 768px) {
  .banner-produto .conteiner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
} body.fixed #cabecalho {
    box-shadow: 0px 7px 13px black !important;
} .carrinho-lateral .modal-comprar-ajax-status .alerta-carrinho {
    margin: 0 0px !important;
    background: black !important;
    color: white !important;
}



























.bandeiras-info {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.bandeiras-header {
    margin-bottom: 14px;
}

.bandeiras-header h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #ffffff;
}

.bandeiras-header p {
    font-size: 13px;
    color: #bdbdbd;
}

.bandeira-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.bandeira-icone {
    width: 42px;
    height: 42px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.bandeira-icone img {
    width: 30px;
    height: 31px;
}

.bandeira-texto {
    display: flex;
    flex-direction: column;
}

.bandeira-texto strong {
    font-size: 14px;
    color: #ffffff;
}

.bandeira-texto span {
    font-size: 13px;
    color: #cfcfcf;
} .bandeira-texto {
    text-align: left !important;
} .bandeiras-header {
    text-align: center !important;
}


















.envia-game-institucional {
  width: 100%;
  padding: 60px 20px;
  background-color: #1d1d1d;
}

.envia-game-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 40px;
  align-items: center;
}

.envia-game-texto {
  flex: 1;
  color: #e5e5e5;
}

.envia-game-texto h2 {
  font-size: 28px;
  margin-bottom: 20px;
  color: #24ffd4;
}

.envia-game-texto p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 16px;
  color: #cfcfcf;
}

.envia-game-texto strong {
  color: #ffffff;
}

.envia-game-imagem {
  flex: 1;
  display: flex;
  justify-content: center;
  width: 173px;
}

.envia-game-imagem img {
  max-width: 100%;
  border-radius: 12px;
  background: white !important;
}

/* Responsivo */
@media (max-width: 768px) {
  .envia-game-container {
    flex-direction: column;
    text-align: center;
  }

  .envia-game-texto h2 {
    font-size: 24px;
  }
}

















.envia-game-confianca {
  width: 100%;
  padding: 40px 20px;
  background-color: #1d1d1d;
}

.envia-game-confianca-container {
  max-width: 1420px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.confianca-card {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px 18px;
  border-radius: 15px;
  background: white !important;
  border: 1px solid rgba(124, 255, 0, 0.12);
}

.confianca-icone {
  font-size: 20px;
  line-height: 1;
  margin-top: 2px;
}

.confianca-card strong {
  display: block;
  font-size: 14px;
  color: black;
  margin-bottom: 4px;
}

.confianca-card p {
  font-size: 13px;
  line-height: 1.4;
  color: black;
  margin: 0;
}

/* Mobile: ainda mais compacto */
@media (max-width: 600px) {
  .envia-game-confianca {
    padding: 30px 15px;
  }

  .confianca-card {
    padding: 14px 16px;
  }
}






















.envia-game-contador {
  width: 100%;
  padding: 20px;
  border-radius: none !important;
  background: #1d1d1d !important;
  border: none !important;
  text-align: center;
}

.contador-motivo {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #7CFF00;
  margin-bottom: 12px;
}

.contador-tempo {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.tempo-box {
  min-width: 60px;
  padding: 10px 8px;
  border-radius: 12px;
  background-color: white;
}

.tempo-box strong {
  display: block;
  font-size: 18px;
  color: black;
  line-height: 1;
}

.tempo-box span {
  font-size: 11px;
  color: black;
}

/* Mobile */
@media (max-width: 600px) {
  .tempo-box {
    min-width: 52px;
  }
}






















.envia-game-produto-vendedor {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}

.vendedor-linha {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #e5e5e5;
}

.vendedor-linha .icone img {
  width: 18px;
  height: auto;
  display: block;
}

.vendedor-linha strong {
  color: #ffffff;
  font-weight: 600;
}

.vendedor-linha.destaque {
  color: #7CFF00;
}

.tabela-carrinho .bg-dark {
  margin-left: auto;
  margin-right: auto;
}














.contador-carrinho-envia {
  background: white !important;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 10px;
  text-align: center;
  font-family: inherit;
}

.contador-carrinho-envia .contador-titulo {
  font-size: 14px;
  font-weight: 600;
  color: black;
}

.contador-carrinho-envia .contador-subtitulo {
  font-size: 12px;
  color: black;
  margin-top: 2px;
}

.contador-carrinho-envia .contador-tempo {
  font-size: 22px;
  font-weight: 700;
  color: #ff0000; /* verde conversão */
  margin-top: 6px;
  letter-spacing: 1px;
}













.cupons-envia-game {
  background: #1d1d1d;
  border-radius: 14px;
  padding: 39px;
  margin: 15px 30px !important;
}

.cupons-titulo {
  font-size: 15px;
  font-weight: 600;
  color: white !important;
  margin-bottom: 10px;
}

.cupons-lista {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.cupom-card {
  background: white !important;
  border-radius: 12px;
  padding: 10px;
  border: 1px solid #1f1f1f;
}

.cupom-desconto {
  font-size: 14px;
  font-weight: 700;
  color: black !important;
}

.cupom-desc {
  font-size: 12px;
  color: black !important;
  margin: 2px 0 6px;
}

.cupom-codigo {
  font-size: 12px;
  font-weight: 700;
  background: #00e676;
  color: #0f0f0f;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 8px;
  letter-spacing: 0.5px;
}

/* Mobile */
@media (max-width: 600px) {
  .cupons-lista {
    grid-template-columns: 1fr;
  }
}










.alerta-carrinho {
    background: #ffffff !important;
    padding: 13px !important;
    color: black !important;
}


















.produto-detalhes .pp-avista {
padding: 10px 64px !important;
}  .produto-detalhes-detalhes>.principal .comprar {
max-width: 402px !important;
} .produto-detalhes .botao-whatsapp {
max-width: 402px !important;
}



.envia-badge-mais-vendido {
  background: white !important;
  color: #000;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 12px;
  text-align: center;
  animation: badgePulse 1.8s infinite;
}

/* Mobile */
@media (max-width: 768px) {
  .envia-badge-mais-vendido {
    font-size: 13px;
    padding: 8px 12px;
  }
}















.tabela-carrinho .bg-dark {
    justify-items: center !important;
}



















.produto-detalhes .mais-formas svg {
fill: white !important;
} .produto-detalhes .mais-formas span {
color: white !important

} .parcelamento-full {
  display: flex !important;
  flex-direction: column !important;
  padding: 5px 0px !important;
}














} .titulo-categoria strong {
    color: white !important;
} .menu-ofertas #countdown .tempo strong, .vitrine-instagram .instagram-nome {
color: #0a8eff !important!
} .vitrine-instagram .instagram-seguidores {
    color: white !important;
} .cores-personalizadas .vitrine-depoimentos .depoimento .dep-nome, .cores-personalizadas .vitrine-depoimentos .titulo-categoria strong {
    color: white !important;
}







/* ===============================
   CONTAINER DA IMAGEM (FIX LI)
================================ */
.envia-game-imagem {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #ffffff;
  padding: 18px;
  border-radius: 14px;

  max-width: 270px;
  width: 100%;

  box-sizing: border-box;

  /* ESSENCIAL PARA O RGB APARECER */
  overflow: visible !important;
  z-index: 2;
}

/* ===============================
   RGB GAMER FORTE (ATRÁS)
================================ */
.envia-game-imagem::after {
  content: "";
  position: absolute;

  top: -18px;
  left: -18px;
  right: -18px;
  bottom: -18px;

  border-radius: 22px;

  background: linear-gradient(
    45deg,
    #ff004c,
    #ff8a00,
    #ffe600,
    #00ff9d,
    #00c8ff,
    #7a5cff,
    #ff00c8,
    #ff004c
  );

  background-size: 400% 400%;
  filter: blur(22px);
  opacity: 1;

  z-index: -1;
  pointer-events: none;

  animation: rgb-strong 6s linear infinite;
}

/* ===============================
   IMAGEM
================================ */
.envia-game-imagem img {
  display: block;
  max-width: 100%;
  height: auto;

  border-radius: 10px;
  position: relative;
  z-index: 3;
}

/* ===============================
   ANIMAÇÃO RGB
================================ */
@keyframes rgb-strong {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 400% 50%;
  }
}

/* ===============================
   GARANTIA CONTRA CORTES DO TEMA
================================ */
.envia-game-institucional,
.envia-game-container {
  overflow: visible !important;
} .com-barrainferior {
    padding-bottom: 0px !important;
} .cores-personalizadas #rodape .rodape-social .lista-redes ul li a {
    background: #24ffd4 !important;
} #rodape {
    border-top: none !important;
} .produto-detalhes .pp-avista svg {
    width: 31px !important;
    height: 33px !important;
}





.pp-avista {
    margin-bottom: 13px !important;
} .produto-detalhes .preco-produto>:nth-child(3), .produto-detalhes .preco-produto>:nth-child(3) * {
    padding: 0px !important;
} .produto-detalhes .preco-produto {
    margin-bottom: -16px !important;
} .caixa-destaque {
    color: white !important;
}






#corpo {
    background: #1d1d1d !important;
} .tabela-carrinho .total strong {
    color: #00a347 !important!
} .resumo-compra .preco-produto .titulo, .resumo-compra .subtotal strong, .resumo-compra .frete-preco strong, .resumo-compra .desconto-preco strong {
    font-size: 1.425rem !important; /* 26px */
} .tabela-carrinho .total strong {
    font-size: 1.575rem !important; /* 30px */
} strong.titulo.valor-total {
    color: black !important;
}











.cores-personalizadas .bandeira-personalizar,
.cores-personalizadas .botao.principal {
    position: relative;
    overflow: hidden;
}

/* Reflexo forte */
.cores-personalizadas .bandeira-personalizar::after,
.cores-personalizadas .botao.principal::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 70%;
    height: 100%;

    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.35) 45%,
        rgba(255, 255, 255, 0.65) 50%,
        rgba(255, 255, 255, 0.35) 55%,
        transparent 100%
    );

    transform: skewX(-25deg);
    animation: reflexo-auto 2.8s ease-in-out infinite;
    pointer-events: none;
}

@keyframes reflexo-auto {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}


.pagina-categoria-busca .secao-principal .coluna {
    color: white !important;
}










form#formCalcularFrete {
    display: no/ne !important;
} .formas-envio {
    display: no/ne !important;
} .cep.cep-real {
    display: n/one !important;
}



















/* ===== TOTAL CARRINHO – AJUSTE LINHA PIX ===== */
.envia-total-box {
  padding: 14px 0;
  font-family: Montserrat, sans-serif;
  text-align: right;
}

.envia-total {
  font-size: 15px;
  color: #6b7280;
  margin-bottom: 6px;
}

/* Linha PIX */
.envia-pix-linha {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.envia-pix-logo {
  width: 22px;
  height: 22px;
}

.envia-pix-valor {
  font-size: 28px;
  font-weight: 800;
  color: #16a34a;
  line-height: 1;
}

.envia-pix-via {
  font-size: 14px;
  font-weight: 600;
  color: #4b8f6b;
}

/* Parcelamento */
.envia-parcelas {
  font-size: 13px;
  color: #7b8fa3;
  margin-top: 6px;
} /* ===== CORREÇÃO DESKTOP – ALINHAMENTO ===== */
@media (min-width: 768px) {
  .envia-total-box {
    text-align: right !important;
  }

  .envia-total-box * {
    text-align: right !important;
  }
}


















/* Esconde apenas os preços antigos, preservando Avise-me */
.pagina-produto .principal .preco-produto.destaque-preco > 
div:not(#meu-preco-customizado-exclusivo):not(.avise-me),
.pagina-produto .principal .preco-produto.destaque-preco > span,
.pagina-produto .principal .preco-produto.destaque-preco > strong {
    display: none !important !important;
}


#meu-preco-customizado-exclusivo {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    padding: 10px 0 !important;
}

.tag-verde-topo {
    color: #00FF42 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    margin-bottom: 5px !important;
    text-transform: uppercase;
}

.mini-riscado {
    color: #999 !important;
    font-size: 14px !important;
    text-decoration: line-through !important;
    margin-bottom: 2px !important;
}

/* Container do Preço + Logo */
.bloco-pix-principal {
    display: flex !important;
    align-items: center !important; /* Alinha o valor grande com a logo/texto */
    gap: 10px !important;
    margin-bottom: 5px !important;
}

.valor-pix-foco {
    color: #fff !important;
    font-size: 46px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

/* Container específico da frase "no pix" + ícone */
.label-pix-wrapper {
    display: flex !important;
    align-items: center !important; /* Centraliza verticalmente o texto e a imagem */
    gap: 6px !important;
}

.texto-no-pix {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

.custom-logo-pix {
    height: 22px !important; /* Tamanho levemente maior para destacar */
    width: auto !important;
    display: block !important;
}

.mini-parcelado {
    color: #bbb !important;
    font-size: 15px !important;
}







/* Container que engloba o Valor Grande e o bloco "no pix + logo" */
.bloco-pix-principal {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important; /* Alinha o texto pela base da escrita */
    gap: 12px !important;
    margin: 5px 0 !important;
    line-height: 1 !important;
}

.valor-pix-foco {
    color: #fff !important;
    font-size: 48px !important;
    font-weight: 900 !important;
    line-height: 0.8 !important; /* Estreita o espaço da linha para o valor principal */
    letter-spacing: -1px;
}

/* Container do "no pix" + logo */
.label-pix-wrapper {
    display: inline-flex !important;
    align-items: center !important; /* Alinha texto e logo entre si */
    gap: 6px !important;
    position: relative !important;
    top: -2px !important; /* AJUSTE FINO: mude para 2px ou -4px se precisar subir/descer o bloco */
}

.texto-no-pix {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

.custom-logo-pix {
    height: 22px !important; 
    width: auto !important;
    display: block !important;
    /* Remove qualquer margem que a imagem possa ter por padrão */
    margin: 0 !important; 
}

/* Espaçamento extra para o parcelamento não colar */
.mini-parcelado {
    color: #bbb !important;
    font-size: 15px !important;
    margin-top: 8px !important;
}












#custom-total-detalhado-carrinho {
    padding: 15px;
    text-align: right; /* Alinha à direita como nos seus prints */
    border-top: 1px solid #eee;
    background: #fff;
}

.linha-total-antigo {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

.linha-pix-nova {
    display: flex;
    align-items: baseline; /* Alinhamento que funcionou no produto */
    justify-content: flex-end;
    gap: 8px;
}

.pix-logo-carrinho {
    height: 18px !important;
    width: auto;
    position: relative;
    top: 2px; /* Ajuste fino para o ícone não "voar" */
}

.pix-valor-carrinho {
    font-size: 28px;
    font-weight: 900;
    color: #00a650; /* Verde Pix padrão ou conforme seu print */
}

.pix-label-carrinho {
    font-size: 16px;
    color: #00a650;
    font-weight: bold;
}

.linha-parcelas-nova {
    font-size: 13px;
    color: #888;
    margin-top: 2px;
} span.carrino-total {
    displqay: nonqe !important;
} .subtotal {
    displqay: nqone !important;
}











/* Container Principal do Novo Bloco no Carrinho */
#meu-total-detalhado-carrinho {
    background-color: #f9f9f9 !important; /* Fundo levemente cinza para destacar do branco */
    border-radius: 8px !important;
    padding: 15px !important;
    margin: 10px 0 !important;
    border: 1px dashed #ddd !important; /* Borda pontilhada para dar estilo de cupom/oferta */
}

/* O "Total" antigo (riscado ou menor) */
.linha-total-antigo-carrinho {
    display: block !important;
    font-size: 13px !important;
    color: #888 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 2px !important;
}

/* Bloco de Destaque do PIX */
.linha-pix-detalhada {
    display: flex !important;
    align-items: baseline !important; /* Mantém o alinhamento que aprovamos */
    justify-content: flex-end !important;
    gap: 6px !important;
}

/* O Valor em Destaque */
.valor-pix-carrinho-destaque {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: #00a650 !important; /* Verde oficial do Pix */
    line-height: 1 !important;
}

/* Texto "no pix" ao lado do valor */
.label-pix-carrinho-destaque {
    font-size: 14px !important;
    color: #00a650 !important;
    font-weight: 700 !important;
    text-transform: lowercase !important;
}

/* Logo do PIX com ajuste fino */
.logo-pix-carrinho-ajustada {
    height: 18px !important;
    width: auto !important;
    position: relative !important;
    top: 3px !important; /* Ajuste para não "flutuar" em relação ao texto */
}

/* Linha do Parcelamento */
.linha-parcelamento-carrinho {
    display: block !important;
    font-size: 13px !important;
    color: #666 !important;
    margin-top: 5px !important;
    font-weight: 500 !important;
}










/* Container Principal */
#resumo-carrinho-premium {
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    font-family: 'Inter', sans-serif !important;
}

/* Itens de linha (Subtotal e Parcelado) */
.resumo-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}

.resumo-item.subtotal span:first-child {
    color: #666 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.resumo-item.subtotal span:last-child {
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Bloco de Destaque PIX */
.destaque-pix {
    display: flex !important;
    flex-direction: column !important;
    background: #f0fff4 !important; /* Verde bem clarinho de fundo */
    border: 1px solid #c6f6d5 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin: 15px 0 !important;
    align-items: flex-start !important; /* Alinha tudo à esquerda */
}

.pix-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}

.pix-header img {
    height: 20px !important;
    width: auto !important;
}

.pix-tag {
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #00a650 !important;
    letter-spacing: 1px !important;
}

.pix-valor-bloco {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
}

.pix-valor {
    color: #00a650 !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.pix-label {
    color: #00a650 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Linha de Parcelamento */
.resumo-item.parcelamento {
    margin-bottom: 0 !important;
    padding-top: 10px !important;
    border-top: 1px solid #f0f0f0 !important;
}

.resumo-item.parcelamento span {
    color: #888 !important;
    font-size: 13px !important;
}


/* Ajuste da linha de parcelamento com ícone */
.parcelamento-premium {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-top: 15px !important;
    border-top: 1px solid #f0f0f0 !important;
    margin-top: 5px !important;
}

.icon-cartao-resumo {
    height: 20px !important; /* Tamanho proporcional ao ícone do Pix */
    width: auto !important;
    opacity: 0.7 !important; /* Um pouco mais discreto que o Pix */
}

.texto-parcelas {
    display: flex !important;
    gap: 5px !important;
    align-items: center !important;
}

.label-cartao {
    color: #666 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.valor-parcelas {
    color: #444 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Garante que o container do Pix continue em destaque */
.destaque-pix {
    background: #f0fff4 !important;
    border: 1px solid #c6f6d5 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin: 15px 0 !important;
}



#resumo-carrinho-premium {
    display: block !important;
    padding: 15px !important;
    background: #fff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
}

.subtotal-linha {
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
}

.bloco-pix-destaque {
    background: #f0fff4 !important;
    border: 1px solid #c6f6d5 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-bottom: 12px !important;
}

.linha-cartao-premium {
    display: flex !important;
    align-items: center !important;
    padding-top: 10px !important;
    border-top: 1px solid #f5f5f5 !important;
}

.cartao-logo-p {
    height: 18px !important;
    width: auto !important;
    margin-right: 10px !important;
}

.label-cinza { color: #777 !important; font-size: 14px !important; }
.valor-preto { color: #333 !important; font-size: 16px !important; }
.valor-grande-pix { color: #00a650 !important; font-size: 26px !important; font-weight: 800 !important; }
.texto-parcelamento { font-size: 13px !important; color: #666 !important; }














/* Container Principal */
.precos-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 2px !important;
}

/* 1. Preço Riscado */
.ordem-1-riscado {
    order: 1 !important;
    font-size: 11px !important;
    color: #999 !important;
    text-decoration: line-through !important;
    display: block !important;
}

/* 2. Bloco PIX (O Grande Destaque) */
.ordem-2-pix {
    order: 2 !important;
    margin: 4px 0 !important;
    display: block !important;
}

/* Valor do PIX */
.ordem-2-pix .avista-valor strong {
    font-size: 22px !important; /* Tamanho grande da print */
    color: #333 !important; /* Cor escura para contraste */
    font-weight: 800 !important;
    letter-spacing: -1px;
}

/* Texto "no pix" ao lado do valor */
.ordem-2-pix .avista-valor span {
    font-size: 14px !important;
    color: #333 !important;
    font-weight: 600 !important;
    margin-left: 4px;
}

/* Esconde o selo preto/caixa se existir para limpar o visual */
.ordem-2-pix .avista-desconto, 
.ordem-2-pix .listagem-item-pix-selo {
    display: none !important;
}

/* 3. Parcelamento no Cartão (Menor e abaixo) */
.ordem-3-cartao {
    order: 3 !important;
    font-size: 13px !important;
    color: #666 !important;
}

/* Remove o negrito excessivo do valor do cartão para não brigar com o PIX */
.ordem-3-cartao strong {
    font-weight: 700 !important;
    color: #333 !important;
}

/* Texto "Ou" antes do parcelamento */
.ordem-3-cartao:before {
    content: "Ou ";
    font-size: 13px;
} /* Container do novo preço */
.meu-novo-preco-vitrine {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 10px 0 !important;
    background: transparent !important;
}

/* 1. Preço Riscado */
.v-riscado-novo {
    font-size: 12px !important;
    color: #999 !important;
    text-decoration: line-through !important;
    margin-bottom: 2px !important;
}

/* 2. Bloco do Pix (O Destaque) */
.v-pix-destaque-novo {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 2px 0 !important;
}

.v-pix-destaque-novo .valor-grande {
    font-size: 24px !important; /* Tamanho da print image_94a244 */
    font-weight: 900 !important;
    color: #333 !important;
    letter-spacing: -1px !important;
}

.v-pix-destaque-novo .label-pix {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

.v-pix-destaque-novo .mini-logo-pix {
    height: 16px !important;
    width: auto !important;
}

/* 3. Preço no Cartão */
.v-cartao-novo {
    font-size: 13px !important;
    color: black !important;
    margin-top: 2px !important;
}

.v-cartao-novo strong {
    color: #333 !important;
    font-weight: 700 !important;
}

/* Remove qualquer resquício de banners ou fundos escuros da vitrine original */
.desconto-a-vista, .avista-desconto, .listagem-item .selo-desconto {
    display: none !important;
}





/* Garante que o resumo espelhado sempre apareça, mesmo que o original esteja oculto */
#resumo-espelhado-rapido {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
}

/* Oculta o total padrão da loja no carrinho rápido para dar lugar ao seu resumo */
.carrinho-rodape .carrinho-total {
    display: none !important;
}








/* Container que envolve todo o resumo premium */
.pix-container-premium {
    background-color: #f9fdfb; /* Fundo levemente esverdeado para remeter ao PIX */
    border: 1px solid #c6f6d5; /* Borda verde clara */
    border-radius: 12px;       /* Bordas arredondadas profissionais */
    padding: 15px;             /* Espaçamento interno */
    margin: 15px 0;            /* Margem para afastar do botão e produtos */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* Sombra suave para dar profundidade */
    font-family: 'Open Sans', sans-serif;
    transition: all 0.3s ease;
}

/* Alinhamento dos blocos de texto e ícones */
.pix-container-premium div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Estilo do rótulo "Total via PIX" */
.pix-container-premium span {
    letter-spacing: 0.05em;
    font-weight: 600;
}

/* Estilo específico para as logos/ícones */
.pix-container-premium img {
    display: inline-block;
    vertical-align: middle;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1)); /* Leve destaque nos ícones */
}

/* Destaque para o Valor do PIX */
.pix-container-premium .pix-value {
    color: #00a650;           /* Verde oficial para sucesso/pagamento */
    font-size: 26px !important; /* Tamanho grande para destaque total */
    font-weight: 900 !important;
    margin: 4px 0;
}

/* Linha divisória e seção do cartão */
.pix-container-premium div[style*="border-top"] {
    border-top: 1px solid #e2e8f0 !important; /* Linha cinza clara divisória */
    margin-top: 10px;
    padding-top: 10px;
}

/* Texto do parcelamento e valor original */
.pix-container-premium .cartao-label {
    color: #4a5568;           /* Cinza mais escuro para leitura */
    font-size: 12px;
    line-height: 1.4;
}

/* Destaque para as parcelas em negrito */
.pix-container-premium .cartao-label strong {
    color: #2d3748;
    font-weight: 700;
}

/* Ajuste para telas menores (Celular) */
@media (max-width: 768px) {
    .pix-container-premium {
        padding: 10px;
    }
    .pix-container-premium .pix-value {
        font-size: 22px !important;
    }
}









/* Container Principal */
.container-resumo-pix {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f4fff8; /* Fundo verde bem clarinho */
    border: 1px solid #00a650;
    border-radius: 8px;
    padding: 15px;
    margin: 10px 0;
    width: 100%;
    box-sizing: border-box;
    visibility: visible !important; /* Garante que apareça mesmo com o pai oculto */
}

/* Alinhamento das linhas com ícones */
.linha-pix, .linha-cartao {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-weight: normal !important;
}

.linha-pix span {
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
}

/* Destaque Máximo do Valor PIX */
.valor-pix-destaque {
    color: #00a650 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    margin: 5px 0 !important;
    line-height: 1 !important;
}

/* Linha do Cartão */
.linha-cartao {
    border-top: 1px solid #d4edda;
    margin-top: 8px;
    padding-top: 8px;
    width: 100%;
    justify-content: center !important;
    font-size: 11px !important;
    color: #444 !important;
}

.linha-cartao strong {
    color: #000;
}

/* Tamanho dos ícones */
.icon-pix { height: 14px; width: auto; }
.icon-cartao { height: 11px; width: auto; }

/* Forçar remoção de qualquer lixo visual do tema */
.carrinho-total {
    text-indent: -9999px !important; /* Remove o texto "Total:" original */
    line-height: 0 !important;
}
.carrinho-total * {
    text-indent: 0px !important;
    line-height: normal !important;
} /* Esconde o texto "Total:" original sem quebrar o layout */
.pai-resumo-oculto {
    font-size: 0 !important;
    color: transparent !important;
}

/* Container do Box - Ajustado para não vazar */
.box-pix-otimizado {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 10px !important;
    margin: 5px auto !important;
    max-width: 250px; /* Impede que o box fique gigante */
    font-size: 14px !important;
    color: #333 !important;
    visibility: visible !important;
}

/* Alinhamento dos ícones e textos */
.linha-header, .linha-footer-cartao {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100%;
}

/* Controle rigoroso do tamanho das logos (Resolve o problema de ficar gigante) */
.mini-icon { 
    height: 16px !important; 
    width: auto !important; 
    max-width: 60px !important;
}

.mini-icon-cartao { 
    height: 12px !important; 
    width: auto !important;
}

/* Valor do PIX com Destaque Equilibrado */
.preco-pix-grande {
    color: #00a650 !important;
    font-size: 22px !important; /* Tamanho ajustado para não poluir */
    font-weight: 800 !important;
    margin: 4px 0 !important;
    line-height: 1 !important;
}

/* Linha do Cartão - Menor e discreta */
.linha-footer-cartao {
    border-top: 1px solid #eee;
    margin-top: 6px;
    padding-top: 6px;
    font-size: 11px !important;
    color: #777 !important;
}

.linha-footer-cartao strong { color: #333; }

/* Só mostra o box se o carrinho da Loja Integrada estiver ativo/visível */
#carrinho:not(:hover) .box-pix-otimizado {
    display: none !important;
} /* 1. Esconde o "Total:" antigo do tema */
.hide-old-total {
    font-size: 0 !important;
    color: transparent !important;
}

/* 2. Container do novo Box */
.checkout-pix-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background: #fdfdfd !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 6px !important;
    padding: 10px !important;
    margin: 5px auto !important;
    width: 100% !important;
    max-width: 280px !important; /* Evita que fique gigante */
    box-sizing: border-box !important;
}

/* 3. Alinhamento e Destaque do PIX */
.pix-main {
    text-align: center !important;
    font-size: 13px !important;
    color: #444 !important;
}

.pix-txt {
    display: block !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}

.pix-price {
    color: #00a650 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

/* 4. Linha do Cartão (Total + Parcelas) */
.card-footer {
    border-top: 1px solid #eee !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
    font-size: 11px !important;
    color: #777 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

/* 5. Controle de Tamanho das Logos (Resolve o bug do tamanho gigante) */
.img-pix {
    height: 18px !important;
    width: auto !important;
    margin-bottom: 5px !important;
}

.img-card {
    height: 12px !important;
    width: auto !important;
}

/* 6. Corrige o bug de aparecer longe do carrinho */
#carrinho:not(:hover) .checkout-pix-box {
    display: none !important;
}






/* Esconde qualquer resíduo do texto "Total:" (image_974df5) */
.hide-old-label {
    font-size: 0 !important;
    color: transparent !important;
    display: block !important;
    text-align: center !important;
}

/* Container Principal Centralizado (image_966c26) */
.pix-box-carrinho {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid #00a650 !important;
    border-radius: 8px !important;
    padding: 12px !important;
    margin: 10px auto !important;
    max-width: 280px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

/* Destaque do Preço PIX (image_967eca) */
.preco-pix-destaque {
    color: #00a650 !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    margin: 5px 0 !important;
    line-height: 1 !important;
    letter-spacing: -1px !important;
    visibility: visible !important;
}

/* Linhas de ícones e textos alinhados (image_96eb66) */
.pix-linha-principal, .pix-linha-cartao {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    visibility: visible !important;
    font-family: sans-serif !important;
}

.label-pix {
    font-size: 11px !important;
    color: #666 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

/* Tamanho das logos (Resolve o problema de ficar gigante) - image_96f749 */
.logo-pix-small { height: 16px !important; width: auto !important; }
.logo-cartao-small { height: 12px !important; width: auto !important; }

/* Linha do cartão (image_96fb81) */
.pix-linha-cartao {
    border-top: 1px solid #eee !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
    font-size: 11px !important;
    color: #444 !important;
}

.pix-linha-cartao strong { color: #000 !important; }
/* 1. Remove o "Total:" antigo que estava sobrando (image_974df5) */
.carrinho-total.hide-old-label {
    font-size: 0 !important;
    color: transparent !important;
}

/* 2. Box de Resumo (image_96eb66) */
.pix-box-carrinho {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid #00a650 !important;
    border-radius: 8px !important;
    padding: 10px !important;
    margin: 5px auto !important;
    width: 90% !important;
    max-width: 260px !important;
}

/* 3. FIX DAS LOGOS GIGANTES (image_96f749) */
.logo-pix-small { 
    height: 18px !important; /* Altura de um ícone */
    width: auto !important; 
    max-width: 80px !important;
    margin-bottom: 2px !important;
    display: inline-block !important;
}

.logo-cartao-small { 
    height: 14px !important; 
    width: auto !important;
    max-width: 40px !important;
    display: inline-block !important;
}

/* 4. Textos e Preços (image_967eca) */
.preco-pix-destaque {
    color: #00a650 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    margin: 2px 0 !important;
    line-height: 1 !important;
    visibility: visible !important;
}

.pix-linha-principal, .pix-linha-cartao {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    visibility: visible !important;
}

.label-pix {
    font-size: 11px !important;
    color: #666 !important;
    text-transform: uppercase !important;
}

/* Linha do cartão (image_96fb81) */
.pix-linha-cartao {
    border-top: 1px solid #eee !important;
    margin-top: 6px !important;
    padding-top: 6px !important;
    font-size: 11px !important;
    color: #444 !important;
} /* Container do Box (image_975fc6) */
.box-pix-final {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #00a650 !important;
    border-radius: 8px !important;
    padding: 10px !important;
    margin: 5px auto !important;
    max-width: 250px !important;
    font-size: 14px !important;
    line-height: normal !important;
}

/* FIX DAS LOGOS GIGANTES (image_975481) */
.logo-fix { 
    height: 16px !important; 
    width: auto !important; 
    display: inline-block !important;
}
.logo-fix-card { 
    height: 12px !important; 
    width: auto !important;
    display: inline-block !important;
}

/* Textos e Alinhamento */
.linha-topo, .linha-base {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    visibility: visible !important;
}

.txt-pix {
    font-size: 11px !important;
    color: #666 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

/* Preço em Destaque (image_967eca) */
.preco-pix {
    color: #00a650 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    margin: 2px 0 !important;
    visibility: visible !important;
}

/* Linha do Cartão */
.linha-base {
    border-top: 1px solid #eee !important;
    margin-top: 6px !important;
    padding-top: 6px !important;
    font-size: 11px !important;
    color: #444 !important;
    width: 100% !important;
    justify-content: center !important;
}.linha-topo, .linha-base {
    color: black !important;
}









.conteiner {
    max-width: 1434px !important;
    width: 100% !important;
    margin: 0 auto !important; /* Isso centraliza o site na tela */
    box-sizing: border-box !important; /* Garante que o padding não "empurre" a largura para fora */
}







.meu-novo-preco-vitrine {
    display: flex !important;
    flex-direction: column !important;
}

.v-riscado-novo {
    min-height: 16px !important;
    display: block !important;
    visibility: visible !important;

    color: #999 !important;
    font-size: 13px !important;
    text-decoration: line-through !important;
    margin-bottom: 4px !important;
}

.v-riscado-novo:empty {
    visibility: hidden !important;
}

.v-pix-destaque-novo {
    margin-top: 0 !important;
}

.v-cartao-novo {
    display: block !important;
    margin-top: 4px !important;

    color: #666 !important;
    font-size: 13px !important;
} /* ===== AJUSTES MOBILE PARA PREÇO ===== */
@media (max-width: 768px) {

    .meu-novo-preco-vitrine {
        gap: 2px !important;
    }

    /* Preço riscado menor e mais discreto */
    .v-riscado-novo {
        min-height: 14px !important;
        font-size: 11px !important;
        margin-bottom: 2px !important;
    }

    /* PIX mais compacto */
    .v-pix-destaque-novo {
        gap: 2px !important;
    }

    .v-pix-destaque-novo .valor-grande {
        font-size: 18px !important;
        line-height: 1.1 !important;
    }

    .v-pix-destaque-novo .label-pix {
        font-size: 11px !important;
    }

    .v-pix-destaque-novo img {
        width: 14px !important;
        height: 14px !important;
    }

    /* Parcelamento compacto */
    .v-cartao-novo {
        font-size: 11px !important;
        line-height: 1.2 !important;
        margin-top: 2px !important;
    }

}





/* Tag superior (ex: OFERTA EXCLUSIVA) */
.preco-produto > :first-child .tag-verde-topo {
    color: #ffffff !important;
}

/* Preço riscado pequeno */
.preco-produto > :first-child .mini-riscado {
    color: #ffffff !important;
}

/* Bloco principal do PIX */
.preco-produto>:first-child span.valor-pix-foco {
    color: #ffffff !important;
} /* Bloco principal do PIX */
.preco-produto>:first-child span.texto-no-pix {
    color: #ffffff !important;
}

/* Parcelamento compacto */
.preco-produto > :first-child .mini-parcelado {
    color: #ffffff !important;
}


/* ===== MOBILE – AJUSTE FINO DOS CARDS ===== */
@media (max-width: 768px) {

    /* Container de preço */
    .meu-novo-preco-vitrine {
        min-height: 86px !important;   /* padroniza altura */
        gap: 2px !important;
    }

    /* Remove excesso do riscado no mobile */
    .v-riscado-novo {
        font-size: 11px !important;
        min-height: 12px !important;
        margin-bottom: 2px !important;
    }

    /* PIX mais compacto */
    .v-pix-destaque-novo {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }

    .v-pix-destaque-novo .valor-grande {
        font-size: 17px !important;
        line-height: 1.1 !important;
    }

    .v-pix-destaque-novo .label-pix {
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    /* Parcelamento SEM QUEBRAR */
    .v-cartao-novo {
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }

    /* Evita que o botão seja empurrado */
    .acoes-produto {
        margin-top: auto !important;
    }
    
} .preco-produto>:first-child span.avise-tit {
    color: white !important;
} .banners-vantagens {
    border-bottom: none !important;
}
 









.banner-pix-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.banner-pix-valor {
    font-size: 34px;
    font-weight: 900;
    color: #00e676;
}

.banner-pix-label {
    font-size: 13px;
    font-weight: 600;
    color: #00e676;
}

.banner-pix-parcela {
    font-size: 15px;
    color: #7aff7a;
}




























.banner-natalino {
    position: relative;
    width: 100%;
    min-height: 420px;
    background: linear-gradient(135deg, #0b0b0b, #121212);
    overflow: hidden;
    border-radius: 14px;
    margin-bottom: 40px;
}

#neve-canvas {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.banner-natal-conteudo {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    padding: 40px;
}

.banner-natal-img img {
    max-height: 320px;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,.6));
}

.banner-natal-info {
    max-width: 520px;
    color: #fff;
}

.banner-natal-titulo {
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 18px;
}

.preco-antigo {
    font-size: 18px;
    color: #aaa;
    text-decoration: line-through;
}

.pix-bonito {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pix-valor {
    font-size: 44px;
    font-weight: 900;
    color: #00ff88;
}

.pix-texto {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.pix-bonito img {
    width: 20px;
}

.parcelado {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    color: #ccc;
}

.banner-natal-botao {
    display: inline-block;
    margin-top: 24px;
    background: #00ff88;
    color: #000;
    font-weight: 800;
    padding: 14px 28px;
    border-radius: 10px;
    text-decoration: none;
    transition: transform .2s ease;
}

.banner-natal-botao:hover {
    transform: scale(1.05);
}

@media (max-width: 768px) {
    .banner-natal-conteudo {
        flex-direction: column;
        text-align: center;
    }

    .pix-valor {
        font-size: 36px;
    }
} .pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus {
    background-color: white !important;
}



















/* BLOCO PIX – MINI CARRINHO */
.subtotal-pix-bloco {
    background: #eafff1;
    border-radius: 12px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

/* Cabeçalho PIX */
.subtotal-pix-bloco .pix-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 13px;
    color: #0a8f4d;
    text-transform: uppercase;
}

.subtotal-pix-bloco .pix-header img {
    width: 22px;
    height: auto;
}

/* Valor PIX */
.subtotal-pix-bloco .valor-pix {
    font-size: 28px;
    font-weight: 800;
    color: #00a650;
    line-height: 1.1;
}

/* Texto auxiliar */
.subtotal-pix-bloco .pix-info {
    font-size: 12px;
    color: #3fa66a;
    text-align: center;
}

/* Evita que a linha fique esmagada */
.subtotal-pix-linha td {
    padding: 10px 8px !important;
}






td.col-item-unit-price.precos-wrap {
    justify-self: anchor-center !important;
} /* CORRIGE A IMAGEM DO PIX */
.subtotal-pix-bloco img {
    width: 24px !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain;
    display: block;
} .subtotal-pix-bloco > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
} .produto-detalhes .mais-formas {
    margin-top: 14px !important;
}


 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* ================================
   CALCULAR FRETE – ALINHAMENTO
================================ */

/* Container do CEP */
#formCalcularFrete {
    text-align: center;
}

/* Linha input + botão */
#formCalcularFrete .controls {
    display: inline-flex;
    align-items: center;          /* 🔥 CORRIGE O “TORTO” */
    gap: 8px;
}

/* Input CEP */
#formCalcularFrete input[type="text"] {
    height: 38px;
    line-height: 38px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    font-size: 14px;
    box-sizing: border-box;
}

/* ================================
   BOTÃO PERSONALIZADO
================================ */
#btn-frete {
    height: 38px;
    padding: 0 18px;
    border-radius: 8px;
    border: none;

    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;

    cursor: pointer;
    transition: all 0.2s ease;
}

/* Hover */
#btn-frete:hover {
    filter: brightness(1.05);
}

/* Clique */
#btn-frete:active {
    transform: scale(0.97);
}

/* Ícone dentro do botão (se existir) */
#btn-frete i {
    margin-right: 6px;
}

/* ================================
   LINK "NÃO SEI MEU CEP"
================================ */
#formCalcularFrete .help-inline {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;

    margin-top: 6px;
    font-size: 12px;
    color: #6b7280;
}

/* ================================
   MOBILE – MICRO AJUSTE
================================ */
@media (max-width: 768px) {

    #formCalcularFrete .controls {
        gap: 6px;
    }

    #formCalcularFrete input[type="text"],
    #btn-frete {
        height: 36px;
        font-size: 13px;
    }
} /* ================================
   LISTA DE FRETE – ESTILO
   (SEM MOVER POSIÇÃO)
================================ */

/* Remove espaços extras */
.formas-envio ul {
    margin: 0;
    padding: 0;
}

/* Cada item */
.formas-envio li {
    margin-bottom: 6px;
}

/* Card do frete */
.formas-envio label.radio {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #fff;

    font-size: 13px;
    line-height: 1.3;
}

/* Radio */
.formas-envio input[type="radio"] {
    flex-shrink: 0;
    transform: scale(0.9);
}

/* Prazo */
.formas-envio b.prazo {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
}

/* Preço */
.formas-envio .cor-principal.valor {
    font-size: 14px;
    font-weight: 600;
    color: #16a34a;
    margin-left: auto;
    white-space: nowrap;
}

/* Transportadora */
.formas-envio .nome {
    display: block;
    font-size: 11px;
    color: #6b7280;
    margin-top: 2px;
}

/* Hover */
.formas-envio label.radio:hover {
    background: #f9fafb;
}

/* Selecionado */
.formas-envio input[type="radio"]:checked ~ b,
.formas-envio input[type="radio"]:checked ~ .cor-principal.valor {
    color: #15803d;
}

/* ================================
   MOBILE – AINDA MAIS COMPACTO
================================ */
@media (max-width: 768px) {

    .formas-envio label.radio {
        padding: 6px 8px;
        gap: 8px;
    }

    .formas-envio b.prazo {
        font-size: 12px;
    }

    .formas-envio .cor-principal.valor {
        font-size: 13px;
    }

    .formas-envio .nome {
        font-size: 10px;
    }
}













/* =====================================
   BOTÃO SEMPRE VISÍVEL NO DESKTOP
===================================== */

@media (min-width: 769px) {

    /* Container das ações */
    .listagem-item .acoes-produto {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        pointer-events: auto !important;

        transform: none !important;
        transition: none !important;

        margin-top: 12px;
        padding: 0;
        background: transparent;
    }

    /* Remove comportamento de hover do tema */
    .listagem-item:hover .acoes-produto {
        opacity: 1 !important;
        visibility: visible !important;
        bottom: auto !important;
    }
} @media (min-width: 769px) {
    .listagem-item .acoes-produto .botao {
        width: 100%;
        border-radius: 6px;
        font-weight: 600;
    }
}


















/* =====================================
   PAGINAÇÃO – ESTILO GAMER
===================================== */

.pagination {
    display: flex;
    justify-content: center;
    margin: 40px 0;
}

/* Lista */
.pagination ul {
    display: flex;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Cada botão */
.pagination li {
    min-width: 38px;
    height: 38px;

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

    border-radius: 8px;
    background: #0f172a; /* azul escuro gamer */
    border: 1px solid #1e293b;

    color: #94a3b8;
    font-weight: 600;
    font-size: 14px;

    transition: all 0.2s ease;
}

/* Links */
.pagination li a {
    color: inherit;
    text-decoration: none;
    width: 100%;
    height: 100%;

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

/* Hover */
.pagination li:hover:not(.disabled):not(.active) {
    background: #020617;
    color: #22c55e;
    border-color: #22c55e;
    box-shadow: 0 0 12px rgba(34, 197, 94, 0.5);
}

/* Página ativa */
.pagination li.active {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #020617;
    border: none;
    box-shadow: 0 0 14px rgba(34, 197, 94, 0.6);
}

/* Desabilitado */
.pagination li.disabled {
    opacity: 0.35;
    cursor: not-allowed;
    box-shadow: none;
}

/* Setinhas (<< >>) */
.pagination li a[rel="prev"],
.pagination li a[rel="next"] {
    font-size: 16px;
}

/* ================================
   MOBILE – UM POUCO MENOR
================================ */
@media (max-width: 768px) {

    .pagination li {
        min-width: 34px;
        height: 34px;
        font-size: 13px;
    }
}



















/* Container do frete */
.formas-envio {
    display: block !important;
}

/* Cada opção de frete */
.formas-envio label.radio {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
}

/* Prazo */
.formas-envio .prazo {
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Valor do frete */
.formas-envio .cor-principal.valor {
    margin: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

/* Texto "Frete SP" */
.formas-envio .nome {
    margin-left: 4px !important;
    white-space: nowrap !important;
}

/* Remove qualquer empurrão automático */
.formas-envio span {
    margin-left: 0 !important;
}




















/* ======================================================
   RESET DO QUE NUNCA DEVERIA TER ESTILO
====================================================== */

.listagem.vitrine-produtos .slick-slide,
.listagem.vitrine-produtos .listagem-item {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* ======================================================
   CARD REAL DO PRODUTO
====================================================== */

.listagem.vitrine-produtos .listagem-item-wrap {
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
    overflow: hidden !important;
    position: relative !important;
    transition: 
        transform .25s ease,
        box-shadow .25s ease !important;
}

/* ======================================================
   HOVER GAMER (DESKTOP)
====================================================== */

@media (hover: hover) {
    .listagem.vitrine-produtos .listagem-item-wrap:hover {
        transform: translateY(-6px) !important;
        box-shadow:
            0 18px 40px rgba(0,0,0,.18),
            0 0 0 2px rgba(34,197,94,.35) !important;
    }
}

/* ======================================================
   IMAGEM
====================================================== */

.listagem.vitrine-produtos .imagem-produto img {
    transition: transform .35s ease !important;
}

@media (hover: hover) {
    .listagem.vitrine-produtos .listagem-item-wrap:hover img {
        transform: scale(1.06) !important;
    }
}

/* ======================================================
   BANDEIRAS (OFF / PROMO)
====================================================== */

.listagem.vitrine-produtos .bandeiras-produto span {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    border-radius: 6px !important;
    padding: 6px 8px !important;
    box-shadow: 0 4px 10px rgba(22,163,74,.35) !important;
}

/* ======================================================
   NOME DO PRODUTO (SEM VAZAR FONTE)
====================================================== */

.listagem.vitrine-produtos .nome-produto {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    line-height: 1.35 !important;
    margin: 10px 0 6px !important;
}

/* ======================================================
   PREÇOS
====================================================== */

.listagem.vitrine-produtos .preco-antigo,
.listagem.vitrine-produtos .v-riscado-novo {
    font-size: 13px !important;
    color: #9ca3af !important;
}

.listagem.vitrine-produtos .valor-grande,
.listagem.vitrine-produtos .preco-produto strong {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #16a34a !important;
}

/* ======================================================
   BOTÃO
====================================================== */

.listagem.vitrine-produtos .botao-comprar,
.listagem.vitrine-produtos .botao-comprar-ajax {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    transition: transform .2s ease, filter .2s ease !important;
}

@media (hover: hover) {
    .listagem.vitrine-produtos .botao-comprar:hover {
        transform: scale(1.02) !important;
        filter: brightness(1.1) !important;
    }
}

/* ======================================================
   MOBILE
====================================================== */

@media (max-width: 768px) {
    .listagem.vitrine-produtos .nome-produto {
        font-size: 14px !important;
    }

    .listagem.vitrine-produtos .valor-grande {
        font-size: 20px !important;
    }
} /* ======================================================
   PIX – PADRÃO VITRINE (SEGURO)
====================================================== */

.listagem.vitrine-produtos .v-pix-destaque-novo,
.listagem.vitrine-produtos .pix,
.listagem.vitrine-produtos .preco-produto .pix {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #065f46 !important;
}

/* Valor PIX */
.listagem.vitrine-produtos .valor-grande,
.listagem.vitrine-produtos .v-pix-destaque-novo .valor-grande {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #16a34a !important;
    line-height: 1.1 !important;
}

/* Ícone PIX */
.listagem.vitrine-produtos img.mini-logo-pix {
    width: 16px !important;
    height: auto !important;
    opacity: .9 !important;
} /* ======================================================
   BANDEIRA OFF / PROMO – PADRÃO VITRINE
====================================================== */

.listagem.vitrine-produtos .bandeira-promocao,
.listagem.vitrine-produtos .percentual-desconto,
.listagem.vitrine-produtos .tag-off {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    padding: 6px 8px !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 10px rgba(22,163,74,.35) !important;
    text-transform: uppercase !important;
}

/* Garante que não fique fora do card */
.listagem.vitrine-produtos .bandeiras-produto {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 5 !important;
}

















/* =========================================================
   BENEFÍCIOS — BASE
========================================================= */

.banners-vantagens .vantagem {
    padding: 18px 22px !important;
}

.banners-vantagens .vantagem a {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    text-decoration: none !important;
}

/* =========================================================
   ÍCONE
========================================================= */

.banners-vantagens .vantagem-icone {
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #0b1f4c, #091f4c) !important;
    box-shadow: 
        0 0 0 1px rgba(255,255,255,.08),
        0 8px 20px rgba(0,0,0,.4) !important;
}

.banners-vantagens .vantagem-icone svg {
    width: 22px !important;
    height: 22px !important;
    fill: #22c55e !important;
    filter: drop-shadow(0 0 6px rgba(34,197,94,.6)) !important;
}

/* =========================================================
   TEXTO — CONTAINER
========================================================= */

.banners-vantagens .vantagem-texto {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

/* =========================================================
   TEXTO PRINCIPAL (STRONG) — COM ::BEFORE
========================================================= */

.banners-vantagens .vantagem-texto strong {
    position: relative !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: .4px !important;
    line-height: 1.2 !important;
    padding-left: 14px !important;
    text-transform: none !important;
}

/* Barra gamer lateral */
.banners-vantagens .vantagem-texto strong::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: 4px !important;
    height: 80% !important;
    border-radius: 4px !important;
    background: linear-gradient(
        180deg,
        #22c55e,
        #16a34a
    ) !important;
    box-shadow:
        0 0 6px rgba(34,197,94,.8),
        0 0 14px rgba(34,197,94,.4) !important;
}

/* Glow sutil animado */
.banners-vantagens .vantagem-texto strong {
    text-shadow:
        0 0 6px rgba(255,255,255,.25),
        0 0 14px rgba(34,197,94,.35) !important;
}

/* =========================================================
   TEXTO SECUNDÁRIO (SPAN)
========================================================= */

.banners-vantagens .vantagem-texto span {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #86efac !important;
    letter-spacing: .2px !important;
    opacity: .95 !important;
}

/* =========================================================
   HOVER — EFEITO GAMER DISCRETO
========================================================= */

@media (hover: hover) {

    .banners-vantagens .vantagem:hover .vantagem-icone {
        box-shadow:
            0 0 0 1px rgba(34,197,94,.4),
            0 0 18px rgba(34,197,94,.45),
            0 10px 26px rgba(0,0,0,.6) !important;
        transform: translateY(-2px) scale(1.05);
        transition: all .25s ease !important;
    }

    .banners-vantagens .vantagem:hover strong::before {
        height: 100% !important;
        transition: height .25s ease !important;
    }
}

/* =========================================================
   MOBILE AJUSTES
========================================================= */

@media (max-width: 768px) {

    .banners-vantagens .vantagem {
        padding: 14px 16px !important;
    }

    .banners-vantagens .vantagem-texto strong {
        font-size: 14px !important;
    }

    .banners-vantagens .vantagem-texto span {
        font-size: 12px !important;
    }
} 



 
 
 
 
 
 
 
 
 
 
 
 /* =========================================================
   CARD DO VÍDEO – MESMO VISUAL DA VITRINE
   (SEM VAZAR PARA PÁGINA DE PRODUTO)
========================================================= */

/* container do vídeo */
.video-wrap,
.video-media {
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
    position: relative !important;
}

/* efeito hover gamer */
.video-wrap:hover,
.video-media:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 35px rgba(0,0,0,.16) !important;
}

/* animação suave */
.video-wrap,
.video-media {
    transition: transform .25s ease, box-shadow .25s ease !important;
}

/* thumbnail do vídeo */
.video-wrap iframe,
.video-wrap img,
.video-media iframe,
.video-media img {
    display: block !important;
    width: 100% !important;
    border-radius: 0 !important; /* vídeo continua reto */
}

/* =========================================================
   BANDEIRA DO VÍDEO (IGUAL À VITRINE)
========================================================= */

.video-wrap .bandeira-produto,
.video-wrap .bandeira-promocao,
.video-media .bandeira-produto,
.video-media .bandeira-promocao {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;

    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    padding: 6px 8px !important;
    border-radius: 6px !important;
    z-index: 5 !important;
}

/* =========================================================
   PREÇO DO PRODUTO ABAIXO DO VÍDEO
========================================================= */

.video-wrap .valor-grande,
.video-media .valor-grande {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #16a34a !important;
}

.video-wrap .label-pix,
.video-media .label-pix {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #065f46 !important;
}

/* =========================================================
   MOBILE – SEGURANÇA
========================================================= */

@media (max-width: 768px) {
    .video-wrap,
    .video-media {
        border-radius: 12px !important;
    }
}











.icone-place {
    align-items: center !important;
}














/* =========================================================
   CONTAINER GERAL
========================================================= */

.envia-game-confianca {
    background: transparent !important;
    padding: 40px 0 !important;
}

/* grid */
.envia-game-confianca-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 22px !important;
}

/* =========================================================
   CARD
========================================================= */

.envia-game-confianca .confianca-card {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 22px 20px !important;

    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;

    box-shadow: 0 10px 25px rgba(0,0,0,.08) !important;
    position: relative !important;
    overflow: hidden !important;

    transition: 
        transform .25s ease,
        box-shadow .25s ease !important;
}

/* efeito gamer */
.envia-game-confianca .confianca-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 
        0 18px 40px rgba(0,0,0,.18),
        0 0 0 2px rgba(34,197,94,.15) !important;
}

/* =========================================================
   ÍCONE (BADGE GAMER)
========================================================= */

.envia-game-confianca .confianca-icone {
    min-width: 48px !important;
    height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 14px !important;
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;

    color: #ffffff !important;
    font-size: 22px !important;

    box-shadow:
        0 6px 18px rgba(34,197,94,.45) !important;

    position: relative !important;
}

/* glow */
.envia-game-confianca .confianca-icone::after {
    content: "" !important;
    position: absolute !important;
    inset: -6px !important;
    border-radius: 18px !important;
    background: radial-gradient(
        circle,
        rgba(34,197,94,.35),
        transparent 70%
    ) !important;
    opacity: .6 !important;
    z-index: -1 !important;
}

/* =========================================================
   TEXTO
========================================================= */

.envia-game-confianca .confianca-card strong {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #111827 !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.envia-game-confianca .confianca-card p {
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #374151 !important;
    margin: 0 !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .envia-game-confianca-container {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .envia-game-confianca .confianca-card {
        padding: 18px !important;
    }

    .envia-game-confianca .confianca-icone {
        min-width: 44px !important;
        height: 44px !important;
        font-size: 20px !important;
    }

    .envia-game-confianca .confianca-card strong {
        font-size: 15px !important;
    }

    .envia-game-confianca .confianca-card p {
        font-size: 13px !important;
    }
}






/* ================================
   DEPOIMENTOS - BASE
================================ */

.depoimentos {
    padding: 40px 0 !important;
    position: relative !important;
}

/* ================================
   TÍTULO
================================ */

.titulo-categoria {
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 30px !important;
}

.titulo-categoria strong {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: .5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.titulo-categoria strong svg {
    width: 28px !important;
    height: 28px !important;
    fill: #22c55e !important;
    filter: drop-shadow(0 0 6px rgba(34,197,94,.6)) !important;
}

/* ================================
   CARD DEPOIMENTO
================================ */

.depoimento {
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 22px 20px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.15) !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
    position: relative !important;
    height: 100% !important;
}

.depoimento:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 45px rgba(0,0,0,.25) !important;
}

/* ================================
   TEXTO DO DEPOIMENTO
================================ */

.dep-msg {
    position: relative !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #374151 !important;
    padding: 10px 0 18px !important;
}

/* Aspas gamer */
.dep-msg::before {
    content: "“" !important;
    position: absolute !important;
    top: -10px !important;
    left: -5px !important;
    font-size: 50px !important;
    color: #22c55e !important;
    opacity: .15 !important;
    font-weight: 900 !important;
}

.dep-msg::after {
    content: "”" !important;
    position: absolute !important;
    bottom: -25px !important;
    right: 0 !important;
    font-size: 50px !important;
    color: #22c55e !important;
    opacity: .15 !important;
    font-weight: 900 !important;
}

/* Remove ícones font-awesome se existirem */
.dep-msg i {
    display: none !important;
}

/* ================================
   RODAPÉ DO CARD
================================ */

.dep-content {
    margin-top: 15px !important;
    text-align: center !important;
}

.dep-nome {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #111827 !important;
    margin-bottom: 6px !important;
}

/* estrelas */
.dep-estrela {
    width: 90px !important;
    margin: 0 auto !important;
}

/* ================================
   SETAS DO SLIDER
================================ */

.depoimentos .slick-prev,
.depoimentos .slick-next {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.55) !important;
    z-index: 10 !important;
}

.depoimentos .slick-prev::before,
.depoimentos .slick-next::before {
    font-size: 20px !important;
    color: #22c55e !important;
    opacity: 1 !important;
}

/* ================================
   MOBILE
================================ */

@media (max-width: 768px) {

    .titulo-categoria strong {
        font-size: 22px !important;
    }

    .depoimento {
        padding: 20px 18px !important;
    }

    .dep-msg {
        font-size: 14px !important;
    }
}

















/* =====================================================
   VITRINE — CATEGORIA / BUSCA (SEM VAZAMENTO)
===================================================== */

.pagina-categoria .listagem,
.pagina-busca .listagem {
    background: transparent !important;
}

/* =====================================================
   CARD BASE
===================================================== */

.pagina-categoria .listagem-item-wrap,
.pagina-busca .listagem-item-wrap {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.18) !important;
    overflow: hidden !important;
    position: relative !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}

.pagina-categoria .listagem-item-wrap:hover,
.pagina-busca .listagem-item-wrap:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 22px 45px rgba(0,0,0,.35) !important;
}

/* =====================================================
   IMAGEM
===================================================== */

.pagina-categoria .imagem-produto,
.pagina-busca .imagem-produto {
    overflow: hidden !important;
}

.pagina-categoria .imagem-produto img,
.pagina-busca .imagem-produto img {
    transition: transform .35s ease !important;
}

.pagina-categoria .listagem-item-wrap:hover img,
.pagina-busca .listagem-item-wrap:hover img {
    transform: scale(1.06) !important;
}

/* =====================================================
   NOME DO PRODUTO
===================================================== */

.pagina-categoria .nome-produto,
.pagina-busca .nome-produto {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #111827 !important;
    margin: 10px 0 6px !important;
    min-height: 42px !important;
}

/* =====================================================
   PREÇOS
===================================================== */

/* riscado */
.pagina-categoria .v-riscado-novo,
.pagina-busca .v-riscado-novo {
    color: #9ca3af !important;
    font-size: 13px !important;
}

/* PIX */
.pagina-categoria .valor-grande,
.pagina-busca .valor-grande {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #16a34a !important;
}

/* texto pix */
.pagina-categoria .label-pix,
.pagina-busca .label-pix {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #065f46 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* parcelamento */
.pagina-categoria .v-cartao-novo,
.pagina-busca .v-cartao-novo {
    font-size: 13px !important;
    color: #374151 !important;
}

/* =====================================================
   BANDEIRA PROMOÇÃO (OFF)
===================================================== */

.pagina-categoria .bandeira-promocao,
.pagina-busca .bandeira-promocao {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    border-radius: 8px !important;
    padding: 6px 9px !important;
    box-shadow: 0 0 12px rgba(34,197,94,.6) !important;
}

/* =====================================================
   BOTÃO ADICIONAR
===================================================== */

.pagina-categoria .botao-comprar,
.pagina-busca .botao-comprar {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 12px !important;
    transition: transform .2s ease, filter .2s ease !important;
}

.pagina-categoria .botao-comprar:hover,
.pagina-busca .botao-comprar:hover {
    transform: scale(1.03) !important;
    filter: brightness(1.1) !important;
}

/* =====================================================
   QUANTIDADE
===================================================== */

.pagina-categoria .quantity-button,
.pagina-busca .quantity-button,
.pagina-categoria .qtde-adicionar-carrinho input,
.pagina-busca .qtde-adicionar-carrinho input {
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 768px) {

    .pagina-categoria .listagem-item-wrap,
    .pagina-busca .listagem-item-wrap {
        border-radius: 14px !important;
    }

    .pagina-categoria .nome-produto,
    .pagina-busca .nome-produto {
        font-size: 14px !important;
        min-height: auto !important;
    }

    .pagina-categoria .valor-grande,
    .pagina-busca .valor-grande {
        font-size: 20px !important;
    }
}






















.cores-personalizadas .banners-vantagens {
background: #0a214c !important;
 } .envia-game-contador {
Background: #0a214c !important;
} .vitrine-lancamento {
Background: #0a214c !important;
} .envia-game-confianca {
Background: #0a214c !important;
} .vitrine-mas-vendido {
Background: #0a214c !important;
} .cores-personalizadas .vitrine-video {
Background: #0a214c !important;
} .envia-game-institucional {
Background: #0a214c !important;
} .vitrine-destaque {
Background: #0a214c !important;
} .vitrine-instagram {
Background: #0a214c !important;
} .cores-personalizadas .vitrine-depoimentos {
Background: #0a214c !important;
}







































/* =========================================================
   RESET DE SEGURANÇA (estado normal)
========================================================= */
#cabecalho {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transition: background .3s ease, backdrop-filter .3s ease, box-shadow .3s ease;
}

/* garante que nenhum pseudo-elemento cause sombra */
#cabecalho::before,
#cabecalho::after {
  display: none !important;
}

/* =========================================================
   SOMENTE QUANDO FICA FIXO (SCROLL)
========================================================= */
body.fixed #cabecalho {
  background: rgba(255, 255, 255, 0.65) !important;
  backdrop-filter: blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
}

/* =========================================================
   CORREÇÃO DE CONTRASTE (ICONS E TEXTO)
========================================================= */
body.fixed #cabecalho,
body.fixed #cabecalho a,
body.fixed #cabecalho span,
body.fixed #cabecalho strong {
  color: #111827 !important;
}

body.fixed #cabecalho svg {
  fill: #111827 !important;
}

/* =========================================================
   BUSCA (NÃO FICA TRANSPARENTE)
========================================================= */
#cabecalho .busca input {
  background: #1f1f1f !important;
}

body.fixed #cabecalho .busca input {
  background: #1f1f1f !important;
}

/* =========================================================
   MOBILE (MENOS BLUR = MAIS PERFORMANCE)
========================================================= */
@media (max-width: 768px) {
  body.fixed #cabecalho {
    background: rgba(255,255,255,.85) !important;
    backdrop-filter: blur(10px) !important;
  }
}















/* =========================================================
   VARIÁVEIS VISUAIS (AJUSTE FÁCIL)
========================================================= */
:root {
  --azul-primario: #091f4c;
  --azul-secundario: #0b2a6f;
  --verde-neon: #22c55e;
  --verde-escuro: #16a34a;
  --branco: #ffffff;
  --cinza-texto: #374151;
}

/* =========================================================
   BARRA PIX (TOPO)
========================================================= */
.info-destaque {
  background: linear-gradient(
    90deg,
    #000000,
    #050505,
    #000000
  ) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.info-destaque a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 0 !important;
}

.info-destaque .icone-place svg {
  width: 22px !important;
  height: 22px !important;
  fill: var(--verde-neon) !important;
  filter: drop-shadow(0 0 6px rgba(34,197,94,.6));
}

.info-destaque .info-texto strong {
  color: var(--branco) !important;
  font-weight: 700 !important;
}

.info-destaque .info-texto span {
  color: var(--verde-neon) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

/* =========================================================
   CABEÇALHO BASE
========================================================= */
#cabecalho {
  background: var(--branco) !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
  z-index: 100 !important;
}

/* =========================================================
   CABEÇALHO STICKY COM BLUR
========================================================= */
body.fixed #cabecalho {
  background: rgba(255,255,255,.78) !important;
  backdrop-filter: blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

/* =========================================================
   LOGO
========================================================= */
#cabecalho .logo img {
  max-height: 56px !important;
  transition: transform .25s ease !important;
}

#cabecalho .logo img:hover {
  transform: scale(1.05);
}

/* =========================================================
   BUSCA
========================================================= */
#cabecalho .busca input {
  background: #1f1f1f !important;
  border-radius: 999px !important;
  border: 2px solid transparent !important;
  color: var(--branco) !important;
  padding: 14px 18px !important;
  font-size: 14px !important;
}

#cabecalho .busca input::placeholder {
  color: #9ca3af !important;
}

#cabecalho .busca input:focus {
  border-color: var(--verde-neon) !important;
  box-shadow: 0 0 0 4px rgba(34,197,94,.25) !important;
}

#cabecalho .busca button svg {
  fill: var(--verde-neon) !important;
}

/* =========================================================
   MENU PRINCIPAL
========================================================= */
#cabecalho .menu > ul > li > a {
  color: #111827 !important;
  font-weight: 600 !important;
  position: relative;
  padding: 16px 14px !important;
}

/* underline gamer */
#cabecalho .menu > ul > li > a::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    var(--verde-neon),
    #4ade80
  );
  transition: .25s ease;
  transform: translateX(-50%);
}

#cabecalho .menu > ul > li:hover > a::after {
  width: 70%;
}

/* =========================================================
   ITEM "O PRESENTE PERFEITO"
========================================================= */
.menu-ofertas > a {
  background: linear-gradient(
    135deg,
    var(--azul-primario),
    var(--azul-secundario)
  ) !important;
  color: var(--branco) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
}

.menu-ofertas svg {
  fill: var(--verde-neon) !important;
}

/* =========================================================
   ÍCONES (ATENDIMENTO, CONTA, CARRINHO)
========================================================= */
#cabecalho .painel a {
  color: #111827 !important;
  font-weight: 600 !important;
  gap: 8px !important;
}

#cabecalho .painel svg {
  width: 28px !important;
  height: 28px !important;
  fill: #111827 !important;
  transition: transform .2s ease, fill .2s ease;
}

#cabecalho .painel a:hover svg {
  transform: scale(1.1);
  fill: var(--verde-neon) !important;
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 768px) {

  #cabecalho {
    background: var(--branco) !important;
  }

  body.fixed #cabecalho {
    background: rgba(255,255,255,.9) !important;
    backdrop-filter: blur(10px) !important;
  }

  #cabecalho .busca input {
    font-size: 14px !important;
    padding: 12px 16px !important;
  }

}

















/* =====================================================
   CABEÇALHO FIXO COM EFEITO VIDRO (SEM BUG)
===================================================== */

/* Estado normal (topo da página) */
#cabecalho {
    background: #ffffff !important;
    position: relative !important;
    z-index: 50 !important;
    transition: background .3s ease, box-shadow .3s ease;
}

/* Quando a página fixa o header (classe body.fixed da LI) */
body.fixed #cabecalho {
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(10px) saturate(1.2);
    -webkit-backdrop-filter: blur(10px) saturate(1.2);
    box-shadow: 0 6px 20px rgba(0,0,0,.08) !important;
}

/* Container interno – NÃO deixa transparente */
#cabecalho .container,
#cabecalho .row-fluid {
    background: transparent !important;
}

/* =====================================================
   BUSCA (SEM ESTICAR / SEM DESLOCAR)
===================================================== */

#cabecalho .busca {
    border-radius: 999px !important;
    background: linear-gradient(135deg, #0f172a, #020617) !important;
    box-shadow: inset 0 0 0 2px rgba(34,197,94,.45);
    transition: box-shadow .25s ease;
}

#cabecalho .busca input {
    background: transparent !important;
    color: #ffffff !important;
}

#cabecalho .busca input::placeholder {
    color: #cbd5e1 !important;
}

#cabecalho .busca:focus-within {
    box-shadow:
        inset 0 0 0 2px #22c55e,
        0 0 0 4px rgba(34,197,94,.15);
}

/* =====================================================
   MENU CATEGORIAS – HOVER VERDE GAMER
===================================================== */

.menu-desktop .nivel-um > li > a,
.menu-desktop .nivel-um > li > a strong {
    position: relative;
    color: #0f172a !important;
    font-weight: 600 !important;
    transition: color .25s ease;
}

/* Linha verde animada */
.menu-desktop .nivel-um > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #22c55e, #16a34a);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .25s ease;
}

/* Hover */
.menu-desktop .nivel-um > li:hover > a,
.menu-desktop .nivel-um > li:hover > a strong {
    color: #16a34a !important;
}

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

/* =====================================================
   ITEM DESTAQUE "O PRESENTE PERFEITO"
===================================================== */

.menu-desktop .menu-ofertas > a {
    background: linear-gradient(135deg, #0f172a, #020617) !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 10px 18px !important;
    box-shadow: 0 0 0 0 rgba(34,197,94,0);
    transition: box-shadow .3s ease, transform .2s ease;
}

.menu-desktop .menu-ofertas:hover > a {
    box-shadow:
        0 0 0 2px rgba(34,197,94,.6),
        0 0 22px rgba(34,197,94,.45);
    transform: translateY(-1px);
}

/* =====================================================
   ÍCONES DO PAINEL (ATENDIMENTO / CONTA / CARRINHO)
===================================================== */

#cabecalho .painel a svg {
    transition: transform .25s ease, fill .25s ease;
}

#cabecalho .painel a:hover svg {
    transform: scale(1.1);
    fill: #22c55e !important;
}

/* =====================================================
   SUBMENUS (NÃO VAZA / NÃO BUGA)
===================================================== */

.menu-desktop .submenu {
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.18) !important;
    overflow: hidden !important;
    z-index: 100 !important;
}

 /* =====================================================
   CABEÇALHO FIXO FUNCIONAL (LOJA INTEGRADA)
===================================================== */

#cabecalho {
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
}

/* fallback caso algum navegador não respeite sticky */
@supports not (position: sticky) {
    #cabecalho {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
    }

    body {
        padding-top: 110px !important;
    }
}

/* =====================================================
   ESTADO NORMAL (ANTES DE ROLAR)
===================================================== */

#cabecalho {
    background: #ffffff !important;
    box-shadow: none !important;
    transition: background .3s ease, box-shadow .3s ease;
}

/* =====================================================
   ESTADO FIXADO (QUANDO ROLA)
===================================================== */

body.fixed #cabecalho {
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(10px) saturate(1.15);
    -webkit-backdrop-filter: blur(10px) saturate(1.15);
    box-shadow: 0 6px 20px rgba(0,0,0,.10) !important;
}


 /* Corrige apenas o texto "O presente perfeito" */
.menu-desktop .menu-ofertas .titulo {
    color: #ffffff !important;
}




















/* ===============================
   BLOCO PRINCIPAL DA OFERTA
================================ */

.produto-detalhes .preco-produto {
  background: linear-gradient(160deg, #0b0f1a, #101a33) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.6) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* efeito glow de fundo */
.produto-detalhes .preco-produto::before {
  content: "" !important;
  position: absolute !important;
  inset: -40% !important;
  background: radial-gradient(circle at top left, rgba(46,255,134,.15), transparent 60%) !important;
  pointer-events: none !important;
}

/* ===============================
   TAG OFERTA EXCLUSIVA
================================ */

.preco-produto .tag-verde-topo {
  background: linear-gradient(135deg, #1aff88, #00c46a) !important;
  color: #001f12 !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  display: inline-block !important;
  box-shadow: 0 0 25px rgba(26,255,136,.6) !important;
}

/* ===============================
   PREÇO ANTIGO
================================ */

.preco-produto .mini-riscado {
  color: rgba(255,255,255,.45) !important;
  text-decoration: line-through !important;
  font-size: 14px !important;
}

/* ===============================
   PREÇO PIX (DESTAQUE TOTAL)
================================ */

.preco-produto .bloco-pix-principal {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(46,255,134,.35) !important;
  border-radius: 16px !important;
  padding: 18px !important;
  margin-top: 14px !important;
  backdrop-filter: blur(10px) !important;
}

/* valor grande */
.preco-produto .valor-pix-foco {
  font-size: 42px !important;
  font-weight: 900 !important;
  color: #2eff86 !important;
  text-shadow: 0 0 20px rgba(46,255,134,.5) !important;
}

/* texto "no pix" */
.preco-produto .texto-no-pix {
  color: #b6ffe0 !important;
  font-weight: 600 !important;
}

/* ===============================
   PARCELAMENTO
================================ */

.preco-produto .mini-parcelado {
  color: #d7e6ff !important;
  font-size: 14px !important;
  margin-top: 6px !important;
}

/* ===============================
   BOTÃO COMPRAR (NOVO VISUAL)
================================ */

.acoes-produto .botao-comprar,
.acoes-produto .botao.botao-comprar {
  background: linear-gradient(135deg, #1aff88, #00c46a) !important;
  color: #001f12 !important;
  font-weight: 900 !important;
  border-radius: 14px !important;
  height: 56px !important;
  font-size: 18px !important;
  letter-spacing: .5px !important;
  box-shadow: 0 0px 30px rgba(26,255,136,.6) !important;
  transition: all .3s ease !important;
}

.acoes-produto .botao-comprar:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 18px 45px rgba(26,255,136,.9) !important;
}

/* ===============================
   WHATSAPP / DÚVIDAS
================================ */

.botao-whatsapp {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 10px !important;
} .com-ofertas-pp.ofertas-destaque .produto-detalhes-detalhes>.principal {
    background: linear-gradient(160deg, #0b0f1a, #101a33) !important;
}


.botao-whatsapp:hover {
  background: rgba(46,255,134,.15) !important;
  border-color: #2eff86 !important;
}

/* ===============================
   INFO DE ENTREGA / URGÊNCIA
================================ */

.disponibilidade-produto,
.estoque {
  color: #9affc9 !important;
  font-weight: 600 !important;
}

/* texto de urgência */
.estoque b {
  color: #2eff86 !important;
} .cores-personalizadas .botao-whatsapp a span {
    color: #ffffff !important;
} .pp-ofertas .ofertas-detalhes strong {
    color: #18f683 !important;
} .envia-badge-mais-vendido {
    background: #262626 !important;
    color: #ffffff !important;
} .cores-personalizadas .botao-whatsapp svg {
    fill: white !important;
}










/* ===============================
   BLOCO OFERTAS – BASE
================================ */

.pp-ofertas {
    background: linear-gradient(135deg, #000000 0%, #0b0b0b 100%);
    color: #ffffff;
    padding: 14px 16px;
    margin-bottom: 14px;
    font-family: inherit;
}

/* ===============================
   CAMPANHA (O presente perfeito)
================================ */

.pp-ofertas .ofertas-campanha {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.pp-ofertas .icone-ofertas svg {
    width: 26px;
    height: 26px;
    fill: #ffffff;
}

.pp-ofertas .ofertas-textos strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.pp-ofertas .ofertas-textos span {
    font-size: 13px;
    opacity: 0.85;
}

/* ===============================
   CONTADOR (encerramento)
================================ */

.pp-ofertas .ofertas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
}

.pp-ofertas .encerrar {
    font-size: 13px;
    opacity: 0.7;
    white-space: nowrap;
}

.pp-ofertas .tempos {
    display: flex;
    gap: 6px;
}

.pp-ofertas .tempos span {
    background: #ffffff;
    color: #000000;
    font-weight: 700;
    font-size: 13px;
    padding: 6px 8px;
    min-width: 32px;
    text-align: center;
}

/* ===============================
   DETALHES (estoque restante)
================================ */

.pp-ofertas .ofertas-detalhes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.08);
    font-size: 14px;
}

.pp-ofertas .ofertas-estoque {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.pp-ofertas .ofertas-estoque svg {
    width: 18px;
    height: 18px;
    fill: #ffffff;
    opacity: 0.9;
}

.pp-ofertas .ofertas-estoque span {
    opacity: 0.85;
}

.pp-ofertas .ofertas-estoque strong {
    font-weight: 700;
    color: #00ff88;
}

/* ===============================
   RESPONSIVO
================================ */

@media (max-width: 768px) {

    .pp-ofertas {
        padding: 12px 14px;
    }

    .pp-ofertas .ofertas-campanha {
        gap: 10px;
    }

    .pp-ofertas .ofertas-textos strong {
        font-size: 14px;
    }

    .pp-ofertas .ofertas-textos span {
        font-size: 12px;
    }

    .pp-ofertas .tempos span {
        font-size: 12px;
        padding: 5px 7px;
    }

    .pp-ofertas .ofertas-detalhes {
        font-size: 13px;
    }
} #corpo {
    background: #0a214c !important;
} .produto-detalhes-detalhes>.principal {
     background: linear-gradient(160deg, #0b0f1a, #101a33) !important;
}


 
 
 
 
 
 
 
 
 
 
 
 
 .bandeira-icone {
    width: 42px;
    height: 42px;

    background: radial-gradient(
        circle at top,
        #ffe9a8,
        #d4a83f 60%,
        #8b6516
    );

    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow:
        0 6px 18px rgba(212, 168, 63, 0.45),
        inset 0 0 6px rgba(255,255,255,0.25);
}

.bandeira-icone img {
    width: 20px;
    filter: brightness(0) invert(1);
}





/* Container principal do PIX */
.bloco-pix-principal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 100%;
    overflow: hidden;
}

/* Valor em destaque */
.valor-pix-foco {
    white-space: nowrap;
    flex-shrink: 0;
}

/* Wrapper do "no pix" + ícone */
.label-pix-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 1;
    min-width: 0; /* ESSENCIAL pro mobile */
}

/* Texto "no pix" */
.texto-no-pix {
    white-space: nowrap;
    font-size: 0.85em;
}

/* Ícone do PIX */
.custom-logo-pix {
    width: 18px;
    height: auto;
    max-width: 100%;
}









@media (max-width: 480px) {
    .bloco-pix-principal {
        gap: 6px;
    }

    .texto-no-pix {
        font-size: 0.8em;
    }

    .custom-logo-pix {
        width: 16px;
    }
}






















/* ===========================
   BASE CHECKOUT
=========================== */

.pagina-checkout {
    background: linear-gradient(180deg, #081c3a 0%, #0b2a55 100%);
    padding: 40px 0;
}

/* Cards principais */
.caixa-sombreada,
.caixa-sombreada.dados-cadastro {
    background: #ffffff;
    border-radius: 14px;
    padding: 28px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.18);
    border: 1px solid rgba(0,0,0,0.04);
}

/* Espaçamento entre colunas */
.checkout .span4 {
    padding: 0 14px;
}

/* ===========================
   TÍTULOS
=========================== */

legend.titulo {
    font-size: 18px;
    font-weight: 700;
    color: #0b2a55;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 10px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Ícones dos títulos */
legend.titulo i {
    color: #16a34a;
    font-size: 18px;
}

/* ===========================
   INPUTS
=========================== */

.control-group label {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

.controls input,
.controls select {
    border-radius: 10px;
    border: 1px solid #d1d5db;
    padding: 10px 12px;
    font-size: 14px;
    transition: all 0.2s ease;
}

.controls input:focus,
.controls select:focus {
    border-color: #22c55e;
    box-shadow: 0 0 0 2px rgba(34,197,94,0.2);
    outline: none;
}

/* ===========================
   FRETE
=========================== */

#formasEnvio .control-group {
    background: #f9fafb;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 10px;
    border: 1px solid #e5e7eb;
}

#formasEnvio strong {
    color: #0b2a55;
}

/* ===========================
   PAGAMENTO / PIX
=========================== */

#formasPagamento {
    margin-top: 10px;
}

#formasPagamento .radio {
    background: linear-gradient(135deg, #ecfdf5, #f0fdf4);
    border: 1px solid #22c55e;
    border-radius: 12px;
    padding: 16px;
}

#formasPagamento .radio strong {
    color: #166534;
}

/* Valor do pagamento */
#formasPagamento .valor {
    font-size: 16px;
    font-weight: 700;
    color: #0b2a55;
}

/* ===========================
   BOTÃO FINALIZAR
=========================== */

#finalizarCompra {
    width: 100%;
    border-radius: 14px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border: none;
    padding: 16px;
    font-size: 17px;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(34,197,94,0.35);
    transition: all 0.2s ease;
}

#finalizarCompra:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(34,197,94,0.45);
}

/* Ícone do botão */
#finalizarCompra i {
    margin-right: 6px;
}

/* ===========================
   SELO DE SEGURANÇA
=========================== */

.selo-ssl {
    margin-top: 18px;
    text-align: center;
}

.selo-ssl img {
    max-width: 140px;
    opacity: 0.9;
}

/* ===========================
   MOBILE
=========================== */

@media (max-width: 768px) {

    .pagina-checkout {
        padding: 20px 10px;
    }

    .checkout .span4 {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .caixa-sombreada {
        padding: 20px;
        border-radius: 12px;
    }

    legend.titulo {
        font-size: 16px;
    }

    #finalizarCompra {
        font-size: 16px;
    }
} .bandeira-icone img {
    width: 25px !important;
    height: 25px !important;
} #cabecalho {
    z-index: 7 !important;
}















/* 🔒 Trava qualquer vazamento horizontal */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* 🔒 Base correta para cálculo de largura */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 📦 Container da listagem */
.listagem,
.listagem ul,
.listagem .vitrine-normal {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
}

/* 📱 Grid mobile corrigida */
@media (max-width: 600px) {
  .listagem.listagem-mobile-prod2 .vitrine-normal {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
}

/* 🧱 Cada item não pode forçar largura */
.listagem-item {
  min-width: 0 !important;
  max-width: 100%;
}

/* 🖼️ Imagens SEMPRE respeitam o card */
.listagem-item img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 🛒 Botões e infos não estouram */
.listagem-item * {
  max-width: 100%;
}

/* ❌ Remove qualquer margem lateral escondida */
.listagem ul {
  margin: 0 !important;
} .categoria-descricao {
    color: white !important;
} .acoes-produto .botao-comprar, .acoes-produto .botao.botao-comprar {
    color: white !important;
}  .alerta-carrinho {
    border-radius: 10px !important;
}












/* Cabeçalho fixo no topo */
#cabecalho {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: #ffffff !important;
}

/* Evita pulo de layout */
body {
    padding-top: 0 !important;
} @media (max-width: 1024px) {
  #cabecalho {
    position: sticky !important;
    top: 0;
  }
} .cores-personalizadas .vitrine-depoimentos {
    display: none !important;
}

















/* =========================
   HEADER STICKY DEFINITIVO
========================= */

html, body {
  overflow-x: hidden !important;
}

/* remove QUALQUER interferência anterior */
#cabecalho {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;
}

/* impede que algum pai quebre o sticky */
header,
#cabecalho,
.container-principal,
body {
  overflow: visible !important;
}

/* garante efeito quando rolar */
body.fixed #cabecalho {
  position: sticky !important;
  top: 0 !important;
}






.bloco-pix-principal {
    display: flex !important;
    align-items: center !important; /* muda de baseline para center */
    justify-content: center !important;
    gap: 8px !important;
    margin: 5px 0 !important;
    line-height: 1 !important;
    max-width: 100% !important;
}

/* Garante que a logo do PIX fique proporcional */
.bloco-pix-principal img {
    height: 18px !important;
    width: auto !important;
    display: block !important;
} @media (max-width: 480px) {
    .bloco-pix-principal {
        gap: 6px !important;
        flex-wrap: nowrap !important;
    }

    .bloco-pix-principal img {
        height: 16px !important;
    }
    .preco-produto>:first-child * {
        margin-left: -2px !important;
    }
}












/* =========================================
   FUNDO GLOBAL – TEMA PRETO PREMIUM
========================================= */

/* Fundo principal do site */
html,
body,
#corpo {
    background: #000000 !important;
}

/* Remove qualquer azul herdado */
.vitrine-lancamento,
.envia-game-contador,
.envia-game-confianca,
.vitrine-mas-vendido,
.vitrine-video,
.envia-game-institucional,
.vitrine-destaque,
.vitrine-instagram,
.vitrine-depoimentos,
.banners-vantagens {
    background: #000000 !important;
}

/* Garante que containers não herdem azul */
.conteiner,
.container,
.container-principal {
    background: transparent !important;
}

/* Seções que estavam com #0a214c */
.cores-personalizadas .banners-vantagens,
.cores-personalizadas .vitrine-video,
.cores-personalizadas .vitrine-depoimentos {
    background: #000000 !important;
} .contador-motivo {
color: #22c55e !important}
.banners-vantagens .vantagem-icone svg {
fill: black !important
} .banners-vantagens .vantagem-icone {
background: #22c55e !important
} .titulo-categoria strong {
color: #22c55e !important
} .cores-personalizadas .vitrine-video .titulo-categoria strong {
color: #22c55e !important
} .envia-game-texto h2 {
color: #22c55e !important
}










.video-wrap .bandeira-produto, .video-wrap .bandeira-promocao, .video-media .bandeira-produto, .video-media .bandeira-promocao {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    padding: 6px 21px !important;
} .cores-personalizadas #rodape .rodape-social .lista-redes ul li a {
    background: #22c55e !important
} .cores-personalizadas #cabecalho .painel .carrinho>a strong {
    background: #22c55e !important;
} .com-ofertas-pp.ofertas-destaque .produto-detalhes-detalhes>.principal {
    background: linear-gradient(160deg, #000000, #222222) !important;
} .produto-detalhes .preco-produto {
    background: linear-gradient(160deg, #000000, #8f8f8f) !important;
}

















.cores-personalizadas .ofertas-listagem, .cores-personalizadas .pp-ofertas .ofertas-full {
background: #00000000 !important;
} .cores-personalizadas .pp-ofertas .ofertas-detalhes {
background: #00000000 !important;
} .pp-ofertas {
    background: linear-gradient(135deg, #656565 0%, #0b0b0b 100%) !important;
}.com-ofertas-pp.ofertas-destaque .produto-detalhes-detalhes>.principal {
    background: linear-gradient(160deg, #2e2e2e, #222222) !important;
} .produto-detalhes .preco-produto {
    background: linear-gradient(160deg, #000000, #242424) !important;
} .preco-produto .bloco-pix-principal {
    background: rgb(30 30 30) !important
}










.busca2, .menu-mobile {
    z-index: 9999999 !important;
} .envia-game-confianca-container {
    padding: 0px 16px !important;
}















.menu-ofertas #countdown .tempo strong, .vitrine-instagram .instagram-nome {
color: #22c55e !important
} .cores-personalizadas .produto-detalhes .calculadora-pp .calculadora-area .calc-botao, .cores-personalizadas .vitrine-instagram .instagram-follow a {
background: white !important
} .pp-ofertas {
background: linear-gradient(135deg, #ededed 0%, #b0b0b0 100%) !important
} .cores-personalizadas .ofertas-listagem, .cores-personalizadas .pp-ofertas .ofertas-full {
color: black !important
} .cores-personalizadas .ofertas-listagem svg, .cores-personalizadas .pp-ofertas .ofertas-campanha svg {
fill: #1afa86 !important
} .cores-personalizadas .pp-ofertas .ofertas-detalhes {
color: black !important
} .cores-personalizadas .pp-ofertas .ofertas-detalhes svg {
fill: black !important
} .produto-detalhes-detalhes>.principal {
background: linear-gradient(160deg, #2e2e2e, #222222) !important
}







.vendedor-linha.destaque {
    color: #00fd01 !important;
}










.envia-game-contador {
    display: none !important;
}