/*Adicionar efeitos ao banner full*/

.banner-full a:hover, .slick-slide a:hover {
    opacity: unset !important;
}

.banner-full:hover .info-banner.titulo .line-4 {
    line-height: 12 !important;
    background: #09d7cc !important;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/*Adicionar efeitos ao banner full - Dispositivos Móveis*/
@media (max-width: 768px) {
.banner-full:hover .info-banner.titulo .line-4 {
        line-height: 8 !important;
    }
}

/*Remover bordas banner full*/

.banners-full {
    border-bottom: none !important;
}

.menu-desktop {
    box-shadow: none !important;
    border-bottom: 1px solid rgb(167 169 169 / 34%);
}

/*Estilo setas do banner*/

.banners-full .slick-arrow, .banner.vitrine .slick-arrow {
    transition: auto;
    border-radius: 30px;
    padding: 5px;
    border-style: solid;
    width: 90px !important;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: unset !important;
    background: #232426;
    border-color: #8b8b8b;
    box-shadow: unset !important;
    border-width: 2px;
}

.banners-full .slick-arrow svg, .banner.vitrine .slick-arrow svg {
    width: 20px;
    height: 20px;
    left: 0 !important;
    right: 0 !important;
    fill: #ffffff !important;
}

.banners-full .slick-arrow.slick-prev, .banner.vitrine .slick-arrow.slick-prev {
    left: 6% !important;
}

.banners-full .slick-arrow.slick-next, .banner.vitrine .slick-arrow.slick-next {
    right: 6% !important;
}

.banners-full .slick-arrow:hover, .banner.vitrine .slick-arrow:hover {
    border-color: #1fccc5;
    transform: scale(1.1);
    transition: 0.3s;
}

@media (max-width: 768px){
.banners-full .slick-arrow, .banner.vitrine .slick-arrow {
    display: none !important;
}
}

/*Estilo textos do full banner*/
.info-banner.titulo {
    display: unset !important;
    position: absolute;
    text-align: left;
    top: 25%;
    left: 65%;
    color: white;
    font-weight: bold;
    line-height: 0.7; /* Ajusta o espaçamento vertical */
    background-color: transparent !important;
}

.info-banner.titulo .line-1 {
    font-size: 35px;
}

.info-banner.titulo .line-2 {
    font-size: 25px;
}

.info-banner.titulo .line-3 {
    font-size: 16px;
}

.info-banner.titulo .line-4 {
line-height: 12 !important;
background-color: #06b9af !important;
box-shadow: 0 0 10px #00000094;
border-radius: 25px;
font-size: 16px;
padding:       20px 45px;
}

/* Estilo do texto do banner para dispositivos móveis */

@media (max-width: 768px) { /*Ajustes titulo do full banner mobile*/
    .info-banner.titulo {
        top: 15%; /* Ajuste conforme necessário */
        left: 65%; /* Ajuste para uma distância menor da direita */
        line-height: 0.3;
        text-align: left;
    }

    .info-banner.titulo .line-1 {
        font-size: 16px; /* Ajuste o tamanho da fonte para telas menores */
    }

    .info-banner.titulo .line-2 {
        font-size: 12px; /* Ajuste o tamanho da fonte para telas menores */
    }

    .info-banner.titulo .line-3 {
        font-size: 10px; /* Ajuste o tamanho da fonte para telas menores */
    }

    .info-banner.titulo .line-4 {
        font-size: 8px; /* Ajuste o tamanho da fonte para telas menores */
        line-height: 8 !important;
        padding: 10px 20px; /* Ajuste o padding para telas menores */
    }
    
}

/*Faixa do menu mobile e correção do line-1 do banner vitrine*/
@media screen and (max-width: 768px) {
body.fixed #cabecalho {
    z-index: 30 !important;
    box-shadow: none;
    border-bottom: 1px solid #1fccc5;
}

    #cabecalho {
        box-shadow: none;
        border-bottom: 1px solid #1fccc5;
    }
}

/*Faixa do menu*/
@media screen and (min-width: 768px) {
  .menu-desktop{
    border-bottom: solid 3px #1fccc5 !important;
  }

body.fixed #cabecalho {
    border-bottom: solid 1px #1fccc5 !important;
    box-shadow: none !important;
    z-index: 30 !important;
}

/*Busca PC*/
input#auto-complete {
    height: 50px !important;
}

button.botao.botao-busca {
    height: 50px !important;
}

input#auto-complete {
    font-size: 15.5px;
}

.busca {
    border-radius: 7px !important;
    width: 90%;
    border: solid 1px;
    border-color: #747474;
    height: 100%;
}

.busca input {
    height: 50%;
}

.busca .botao-busca {
    height: 39px;
}

}

/*Busca mobile*/
@media screen and (max-width: 768px) {
  .busca-topo {
    display: none;
  }

.busca {
    margin-top: 14px;
    border-radius: 7px !important;
    width: 100%;
    border: solid 0.5px;
    border-color: white;
    height: 40px;
    margin-bottom: 9px;
}

.busca input {
    height: 40px;
    margin-top: 0px !important;
}

.busca .botao-busca {
    height: 40px;
}

}

/* Rodapé */
.collapse {
    position: relative;
    height: auto; /* Certifique-se de que a altura seja auto para permitir expansão */
    overflow: visible; /* Pode ser 'visible' ou 'scroll', dependendo do comportamento desejado */
    -webkit-transition: none; /* Remover a transição de altura */
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

@media only screen and (max-width: 1024px) {
    #rodape .collapsible-rodape svg {
        display: none;
    }

    #rodape .collapse {
        margin-bottom: 20px; /* Ajuste o valor conforme necessário */
    }

    #rodape .collapse.in {
        height: auto; /* Garante que o conteúdo expanda-se */
        overflow: visible;
    }

    #rodape .collapse {
        height: auto !important;
        margin-bottom: 10px !important;
    }
}


/*Checkout*/

thead {
    background: #fff;
}

tbody {
    background: #fff;
}

.caixa-sombreada.dados-cadastro {
    background: #fff !important;
}

.caixa-sombreada {
    background: #fff !important;
}


/* Estilos para o primeiro banner da vitrine */

.banner-vitrine-mini {
    overflow: hidden; /* Garante que o conteúdo não ultrapasse o tamanho do banner */
}

.banner-vitrine-mini img {
    width: 100%; /* A imagem ocupará todo o espaço do banner */
    transition: transform 0.6s ease; /* Transição suave para o efeito de zoom */
}

.banner-vitrine-mini:hover img {
    transform: scale(1.1); /* Zoom suave na imagem quando o mouse passa sobre o banner */
}


.banner-vitrine-mini:nth-of-type(1) {
  position: relative;
    border-radius: 4px;
}

.banners-vitrine-mini .line-1 {
    position: absolute;
    top: 80%;
    left: -175px;
    transform: translate(-50%, -50%);
    color: #c0bfbf;
    background-color: rgb(0 0 0 / 34%);
    padding: 10px 26px;
    border: 1px solid #787878;
    border-radius: 25px;
    font-size: 12px !important;
    font-weight: bold;
    z-index: 0.5;
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {
.banners-vitrine-mini .line-1 {
font-size: 9px;
border:1px solid #787878;
padding: 10px 22px;
}
}

.banner-vitrine-mini:nth-of-type(1)::after {
  content: "PC Gamer";
  position: absolute;
  top: 20%; /* Ajuste a posição vertical do texto */
  left: 20%; /* Ajuste a posição horizontal do texto */
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
  font-weight: bold;
  z-index: 1; /* Garante que o texto fique à frente do banner */
}

.banner-vitrine-mini:nth-of-type(1)::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0px; /* Ajuste a distância da borda em relação ao texto */
    height: 30px;
    width: 4px; /* Largura da borda */
    background-color: #1fccc5; /* Cor da borda */
    border-color: #1fccc5;
    z-index: 1;
}

@media only screen and (max-width: 768px) {
.banner-vitrine-mini:nth-of-type(1)::before {
    top: 15px !important;
}
}

/* Estilos para o segundo banner da vitrine */

.banner-vitrine-mini {
    overflow: hidden; /* Garante que o conteúdo não ultrapasse o tamanho do banner */
}

.banner-vitrine-mini img {
    width: 100%; /* A imagem ocupará todo o espaço do banner */
    transition: transform 0.6s ease; /* Transição suave para o efeito de zoom */
}

.banner-vitrine-mini:hover img {
    transform: scale(1.1); /* Zoom suave na imagem quando o mouse passa sobre o banner */
}

.banner-vitrine-mini:nth-of-type(2) {
  position: relative;
    border-radius: 4px;
}

.banner-vitrine-mini:nth-of-type(2)::after {
  content: "Playstation®";
  position: absolute;
  top: 20%; /* Ajuste a posição vertical do texto */
  left: 25%; /* Ajuste a posição horizontal do texto */
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
  font-weight: bold;
  z-index: 1; /* Garante que o texto fique à frente do banner */
}

.banner-vitrine-mini:nth-of-type(2)::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0px; /* Ajuste a distância da borda em relação ao texto */
    height: 30px;
    width: 4px; /* Largura da borda */
    background-color: #1fccc5; /* Cor da borda */
    z-index: 1;
}

@media only screen and (max-width: 768px) {
.banner-vitrine-mini:nth-of-type(2)::before {
    top: 15px !important;
}
}

/* Estilos para o terceiro banner da vitrine */

.banner-vitrine-mini {
    overflow: hidden; /* Garante que o conteúdo não ultrapasse o tamanho do banner */
}

.banner-vitrine-mini img {
    width: 100%; /* A imagem ocupará todo o espaço do banner */
    transition: transform 0.6s ease; /* Transição suave para o efeito de zoom */
}

.banner-vitrine-mini:hover img {
    transform: scale(1.1); /* Zoom suave na imagem quando o mouse passa sobre o banner */
}


.banner-vitrine-mini:nth-of-type(3) {
  position: relative;
    border-radius: 4px;
}

.banner-vitrine-mini:nth-of-type(3)::after {
  content: "Geek";
  position: absolute;
  top: 20%; /* Ajuste a posição vertical do texto */
  left: 13%; /* Ajuste a posição horizontal do texto */
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
  font-weight: bold;
  z-index: 1; /* Garante que o texto fique à frente do banner */
}

.banner-vitrine-mini:nth-of-type(3)::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0px; /* Ajuste a distância da borda em relação ao texto */
    height: 30px;
    width: 4px; /* Largura da borda */
    background-color: #1fccc5; /* Cor da borda */
    z-index: 1;
}

@media only screen and (max-width: 768px) {
.banner-vitrine-mini:nth-of-type(3)::before {
    top: 15px !important;
}
}

/* Espaçamento banner vitrine */
.banners-vitrine-mini {
    padding-top: 40px;
}

@media only screen and (max-width: 768px) {
  /* Config para mobile do banner vitrine */

.banners-vitrine-mini {
    padding-top: 20px;
  }
  
.banner-vitrine-mini:nth-of-type(1) {
    margin-bottom: 20px !important;
}

.banner-vitrine-mini:nth-of-type(2) {
    margin-bottom: 20px !important;
}
 
.banner-vitrine-mini:nth-of-type(1)::after {
    font-size: 20px;
    }

.banner-vitrine-mini:nth-of-type(2)::after {
    font-size: 20px;
    }
    
.banner-vitrine-mini:nth-of-type(3)::after {
    font-size: 20px;
    }
  }
  
/* Efeito banner extra */

.banner-vitrine-destaque:hover  {
  transform: scale(1.02); /* zoom suave */
    transition: transform 0.5s ease;
    opacity: 1 !important;
    filter:none !important;
}

.banner-vitrine-destaque:hover,
.banner-vitrine-destaque:hover * {
  opacity: 1 !important;
  filter: brightness(1.05)!important;
}


/* Banner - Quem Somos */

.banner-vitrine-mas-vendido > a:hover {
    opacity: 1 !important;
}

/* Banner - Quem Somos - mobile */
@media (max-width: 768px) {
    .banner-vitrine-mas-vendido .info-banner.titulo {
    top: 67.8% !important;
}
.banner-vitrine-mas-vendido .info-banner.titulo .line-1 {
line-height: 1 !important;
	margin-bottom: 0px !important;
	font-family: 'Arial Black', sans-serif !important;
	font-size: 15px !important;
}
.banner-vitrine-mas-vendido .info-banner.titulo .line-2 {
    font-size: 9px !important;
    margin-bottom: 0px !important; /* Espaço abaixo */
}

.banner-vitrine-mas-vendido .info-banner.titulo .line-3 {
    padding: 6px 20px !important;
    font-size: 9px !important;
    margin-top: 0px !important; /* Espaço acima */
}
}

/* Banner - Quem Somos - pc*/
.banner-vitrine-mas-vendido .info-banner.titulo {
    display: flex !important; /* Usamos flex para o controle do alinhamento dos itens */
    flex-direction: column; /* As linhas de texto vão ser empilhadas em coluna */
    justify-content: center; /* Garante que o conteúdo fique centralizado verticalmente */
    align-items: flex-start; /* Alinha o texto à esquerda */
    text-align: left;
    background-color: transparent !important;
    top: 38%;
    left: 32%;
    z-index: 0 !important;
    max-width: 410px !important;
/* Ajuste do padding (espaçamento interno) conforme necessário */
}

.banner-vitrine-mas-vendido .info-banner.titulo {
    pointer-events: none;
}


.banner-vitrine-mas-vendido .info-banner.titulo .line-1 {
    color: #ffffff;
    font-weight: bold;
    font-family: 'Arial Black', sans-serif; /* Usando a fonte Arial Black */ /* Ajuste o tamanho da fonte conforme necessário */
    line-height: 1.2; /* Altura da linha para espaçamento adequado */
    max-width: 100%; /* Garantir que a largura do texto se ajuste ao tamanho do contêiner */
    word-wrap: break-word; /* Quebra de palavras longas */
    white-space: normal; /* Permite a quebra normal de linha */
    margin-bottom: 10px; /* Espaço abaixo da linha */
}

.banner-vitrine-mas-vendido .info-banner.titulo .line-2 {
    color: #ffffff;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5;
    max-width: 100%; /* A largura do texto se ajusta ao contêiner */
    word-wrap: break-word;
    white-space: normal; /* Permite a quebra de linha */
    margin-bottom: 10px; /* Espaço abaixo */
}

.banner-vitrine-mas-vendido .info-banner.titulo .line-3 {
    color: #c0bfbf;
    background-color: rgb(0 0 0 / 34%);
    padding: 17px 26px;
    border: 2px solid #787878;
    border-radius: 25px;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    display: inline-block; /* Permite o alinhamento correto do botão com o texto */
    margin-top: 10px; /* Espaço acima */
    text-align: center;
    pointer-events:auto !important;
}

.banner-vitrine-mas-vendido .info-banner.titulo .line-3:hover {
    border-color: #1fccc5;
    transition: 0.3s ease;
}


/* Config para aumentar contato de e-mail */
.painel-atendimento .dir-inside {
    min-width: 280px !important;
}
@media only screen and (min-width: 768px) {
#rodape .rodape-atendimento {
    width: 21%;
}
}

/* Cor da fonte de Cadastro*/
.dados-pessoais label a.politica-privacidade {
color: #fff
}

/* Cor da fonte dos botões*/
ul li a:hover {
    color: #00afa8 !important;
    text-decoration: none;
    transition: 0.3s;
}

.cores-personalizadas #rodape .rodape-sobre .rodape-endereco button:hover svg path {
    fill: #00fff5 !important;
    transition: 0.3s;
}

a:hover .a-block-icon svg path {
    fill: #00fff5 !important;
    transition: 0.3s;
}

/*Título item em destaque*/

    .vitrine-video .video-produto-titulo span {
        background-color: #1fccc5;
    }

/*Ajustes fonte do menu e ocultar ultima parte*/    
.menu-desktop .menu > ul > li > a strong {
    font-size: 16px !important;
    font-weight: bold;
}

.menu-desktop .menu > ul {
    justify-content: space-around;
}

ul.nivel-um::after{
    display:none;
}

/*Ajustes Menu - divisórias*/  
.menu-desktop .menu > ul > li > a {
    padding: 0 57px;
}

.menu a {
    border-left: 1px solid rgb(167 169 169 / 34%);
}

.categoria-id-19460500 > a {
    border-left: none;
}

.menu-desktop .submenu a {
    border-left: none !important;
}

/*Menu - categorias*/

/*Transição*/
.menu-desktop .submenu2 .submenu {
    transition: ease all 0.5s;
}

/*Remover Bordas*/
.menu-desktop .submenu2 .submenu {
    border: none;
}

/*Imagens categorias do menu*/

/*imagem playstation*/
.menu-desktop .categoria-id-19460500 .submenu .level2 {
    background: url(https://cdn.awsli.com.br/2575/2575504/arquivos/controle-novo-do-ps5.webp) !important;
    background-repeat: no-repeat !important;
    background-position: -220px 10px !important;
    background-size: 250% !important;
}

/*imagem xbox*/
.menu-desktop .categoria-id-19460511 .submenu .level2 {
    background: url(https://cdn.awsli.com.br/2575/2575504/arquivos/controle-xbox-elite.png) !important;
    background-repeat: no-repeat !important;
    background-position: -75px 135% !important;
    background-size: 125% !important;
}

/*imagem nintendo*/
.menu-desktop .categoria-id-19460512 .submenu .level2 {
    background: url(https://cdn.awsli.com.br/2575/2575504/arquivos/nintendo-switch-zelda.png) !important;
    background-repeat: no-repeat !important;
    background-position: -335px 100% !important;
    background-size: 250% !important;
}

/*imagem pc gamer*/
.menu-desktop .categoria-id-19516466 .submenu .level2 {
    background: url(https://cdn.awsli.com.br/2575/2575504/arquivos/vga-nova.png) !important;
    background-repeat: no-repeat !important;
    background-position: -160px 170px !important;
    background-size: 170% !important;
}

/*imagem geek*/
.menu-desktop .categoria-id-19460514 .submenu .level2 {
    background: url(https://cdn.awsli.com.br/2575/2575504/arquivos/homem-de-ferro.png) !important;
    background-repeat: no-repeat !important;
    background-position: -50px 100% !important;
    background-size: 120% !important;
}

/*imagem seminovos*/
.menu-desktop .categoria-id-19460513 .submenu .level2 {
    background: url(https://cdn.awsli.com.br/2575/2575504/arquivos/open-box.png) !important;
    background-repeat: no-repeat !important;
    background-position: -70px 110% !important;
    background-size: 150% !important;
}


/*Textos categorias*/
.menu-desktop .submenu2 .level2 .item-level2>a {
    color: white;
}

.menu-desktop .submenu2 .level2 .item-level2>a:hover {
    color: #e9e9e9 !important;
	text-decoration: underline !important;
}

.menu-desktop .submenu .level3 .item-level3>a:hover {
    color: #00c4bc !important;
}

/*Normal seminovo*/
.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19460513.com-filho.menu-categoria.submenu2.subAbertura > a {
    color: #e04885; /* Cor personalizada */
}

/*Hover seminovo*/
.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19460513.com-filho.menu-categoria.submenu2 > a:hover{
	color:white !important;
    	background:#e04885;
}

.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19460513.com-filho.menu-categoria.submenu2.subAbertura:hover > a {
    color: white !important;
    background: #e04885;
}

.menu-desktop .categoria-id-19460513.com-filho.menu-categoria.submenu2.subAbertura .submenu {
    background: linear-gradient(165deg, #e04885, #711f40);
}

/*Hover playstation*/
.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19460500.com-filho.menu-categoria.submenu2 > a:hover{
	color:white !important;
    	background: #2059cd;
}

.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19460500.com-filho.menu-categoria.submenu2:hover > a {
    color: white !important;
    background: #2059cd;
}

.cores-personalizadas .menu-desktop .categoria-id-19460500.com-filho.menu-categoria.submenu2 .submenu {
    background: linear-gradient(165deg, #2059cd, #143354);
}

/*Hover xbox*/
.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19460511.com-filho.menu-categoria.submenu2 > a:hover{
	color:white !important;
    	background: green;
}

.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19460511.com-filho.menu-categoria.submenu2:hover > a {
    color: white !important;
    background: green;
}

.cores-personalizadas .menu-desktop .categoria-id-19460511.com-filho.menu-categoria.submenu2 .submenu {
    background: linear-gradient(165deg, green, darkgreen);
}

/*Hover nintendo*/
.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19460512.com-filho.menu-categoria.submenu2 > a:hover{
	color:white !important;
    	background: red;
}

.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19460512.com-filho.menu-categoria.submenu2:hover > a {
    color: white !important;
    background: red;
}

.cores-personalizadas .menu-desktop .categoria-id-19460512.com-filho.menu-categoria.submenu2 .submenu {
    background: linear-gradient(165deg, red, darkred);
}

/*Hover pc gamer*/
.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19516466.com-filho.menu-categoria.submenu2.subAbertura > a:hover{
	color:white !important;
    	background: purple;
}

.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19516466.com-filho.menu-categoria.submenu2:hover > a {
    color: white !important;
    background: purple;
}

.cores-personalizadas .menu-desktop .categoria-id-19516466.com-filho.menu-categoria.submenu2.subAbertura .submenu {
    background: linear-gradient(165deg, purple, darkviolet);
}

/*Hover geek*/
.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19460514.com-filho.menu-categoria.submenu2.subAbertura > a:hover{
	color:white !important;
    	background: orange;
}

.cores-personalizadas .menu-desktop .menu > ul > li.categoria-id-19460514.com-filho.menu-categoria.submenu2:hover > a {
    color: white !important;
    background: orange;
}

.cores-personalizadas .menu-desktop .categoria-id-19460514.com-filho.menu-categoria.submenu2.subAbertura .submenu {
    background: linear-gradient(165deg, orange, darkorange);
}

/*Ajustes imagem produto*/  
.listagem .listagem-item .imagem-produto {
    position: relative;
    display: inline-block;
}

.listagem .listagem-item .imagem-produto img {
    display: block;
    width: 100%;
    height: auto;
}

.listagem .listagem-item .imagem-produto::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 -120px 50px -50px rgb(71 69 69 / 53%);
    z-index: 1; /* Garante que a sombra esteja acima */
}

@media only screen and (max-width: 1024px) {
.vitrine-video .listagem .listagem-item .imagem-produto::before {
    box-shadow: none !important;
}
}

/*Ajustes borda na listagem e nome do produto*/  
.info-produto.prodTxt-2 .nome-produto::before {
    content: "";
    position: absolute;
    top: 30;
    left: 0px; /* Ajuste a distância da borda em relação ao texto */
    height: 30px;
    width: 4px; /* Largura da borda */
    background-color: #1fccc5; /* Cor da borda */
}

.listagem .listagem-item .info-produto .nome-produto {
    font-weight: bold;
}

.listagem .listagem-item .info-produto {
    text-align: left;
}

@media only screen and (max-width: 1024px) {
    .listagem .listagem-item .info-produto .nome-produto {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 20px;
        margin-left: 5px;
    }
}

/*Rastreabilidade pré-compra*/  
.cores-personalizadas.pagina-produto .breadcrumbs ul li a {
    color: #1fccc5 !important;
    font-weight: bold !important;
}

.breadcrumbs {
    border: none;
    padding: 5px 0 !important;
    margin: 0 0 5px !important;
}

.pagina-produto .breadcrumbs-wrap {
    background: #232426;
    padding-top: 5px;
}

.info-principal-produto .nome-produto {
    margin-top: 25px !important;
}

.galeria-produtos {
    margin-top: 25px !important;
}

@media only screen and (max-width: 1024px) {
 .breadcrumbs-wrap{
        display: flex !important;
    }
}

/*Assistir vídeo pré-compra*/ 
.gallery-video {
    right: 100px;
    top: 405px;
}

.gallery-video button{
        border: 1px solid #7975756e !important;
        padding: 10px 10px;
        border-radius: 10px !important;
        width: 200px;
}

.gallery-video button span {
    color: #000000;
    font-size: 25px;
    font-weight: 100;
}

.gallery-video button svg {
    fill: #1fccc5;
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

button[data-izimodal-open="#videoModal"] span {
    display: none; /* Esconde o texto original dentro da tag <span> */
}

button[data-izimodal-open="#videoModal"]::before {
    content: "Assistir Vídeo"; /* Define o novo texto */
     /* Ativa o layout flexível */
     /* Alinha itens verticalmente */
    display: inline-block; /* Exibe o conteúdo pseudo-elemento */
    vertical-align: middle; /* Alinha verticalmente com o ícone */
    position: relative; /* Define o posicionamento como relativo */
    padding-left: 30px; /* Espaçamento à esquerda para o ícone */
    font-weight: 600;
    color: black !important;
}

button[data-izimodal-open="#videoModal"] svg {
    position: absolute; /* Define o posicionamento como absoluto */
    left: 11px; /* Alinha o ícone à esquerda */
    top: 50%; /* Alinha verticalmente ao centro */
    transform: translateY(-50%); /* Ajusta para alinhar verticalmente */
    margin-right: 10px; /* Espaçamento entre o ícone e o texto */
}

@media only screen and (max-width: 1024px) {
    .gallery-video {
        top: 373px !important;
        right: 23% !important;
    }
    
    .gallery-video button {
    border: 1px solid #00000069;
    padding: 10px 10px;
}

    .produto-share {
        margin-top: 65px;
        padding-bottom: 0px;
    }
    
        .produto-detalhes-detalhes {
        margin-top: 0px;
    }
}

/*Remover Adicionar itens*/ 
.produto-detalhes .qtde-adicionar-carrinho {
    display: none;
}

/*Fundo pré compra*/ 
.produto-descricao .conteiner {
    background: white !important;
    border-radius: 5px;
    width: 1220px;
}


.produto-detalhes > .conteiner > .row-fluid {
    background: white;
    border-radius: 5px;
    padding: 20px 20px;
}

.produto-detalhes {
    background: #232426;
    padding-bottom: 0px;
    margin-bottom: 35px !important;
    width: 100%;
}

#comentarios-container {
    margin-top: 35px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    .produto-detalhes > .conteiner > .row-fluid {
        padding: 20px 0px !important;
    }
    
.produto-detalhes {
    background: #232426;
    margin-bottom: 35px !important;
    width: 100%;
    padding: 0px 10px !important;
}
}

.produto-descricao {
    width: 95%;
    align-self: center;
}

@media only screen and (min-width: 768px){

.produto-descricao {
    width: 100%;
}

}

/*Barra inferior mobile*/ 

.barra-busca {
    display: none;
}

.cores-personalizadas .barra-mobile {
    background: #404040;
}

.barra-mobile {
    z-index: 99;
    position: fixed;
    width: 70%;
    left: 55px;
    bottom: 5px;
    background: #fff;
    box-shadow: 0px 0px 4px 0px rgb(82 82 82 / 8%);
    border-top: 1px solid #90909042;
    border-radius: 30px;
    HEIGHT: 45PX;
}

.barra-mobile .inside {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    padding-bottom: 18px;
    HEIGHT: 50PX;
}

.cores-personalizadas .barra-mobile a svg {
    fill: #1fccc5;
}

/*Setas pré-compra*/
.produtos-img .splide__arrow.splide__arrow--next {
    right: 8px;
    background-color: #1fccc5;
}

.produtos-img .splide__arrow.splide__arrow--prev {
    left: 8px;
    background-color: #1fccc5;
}

.produtos-img .splide__arrow.splide__arrow--prev:hover {
    transform: scale(1.05);
    transition: 0.3s;
}

.produtos-img .splide__arrow.splide__arrow--next:hover {
    transform: scale(1.05);
    transition: 0.3s;
}

/*Ordem da pré-compra*/

.produto-detalhes .acoes-produto {
  display: flex;
  flex-direction: column;
}

    .produto-detalhes .acoes-produto .comprar {
      order: 1; /* Mover para a segunda posição */
    }

    .produto-detalhes .parcelamento-full {
      order: 2; /* Mover para a primeira posição */
      margin-top: 10px;
    }
    
/*Cor status do estoque- da pré-compra*/
.produto-detalhes .disponibilidade-produto b {
    color: #1fccc5;
    font-weight: bold;
    margin-left: 1px;
}

.produto .acoes-produto .disponibilidade-produto {
    text-align: left;
}

@media only screen and (max-width: 1024px) {
 .produto .acoes-produto .disponibilidade-produto {
        text-align: center;
 }
}

/*Cor botoes superiores do mobile*/
@media only screen and (max-width: 1024px) {
    .menu-mobile-button svg {
        width: 40px;
        height: 40px;
        cursor: pointer;
        border-radius: 3px;
        padding: 4px 4px;
    }

.cores-personalizadas #cabecalho .painel .a > svg, .cores-personalizadas .icone-carrinho svg, .cores-personalizadas .menu-mobile-button svg, .cores-personalizadas .busca-topo svg {
    fill: #1fccc5;
}

    .painel .carrinho > a svg {
        width: 30px;
        height: 40px;
        background-image: url(https://cdn.awsli.com.br/2575/2575504/arquivos/image-removebg-preview.png);
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: center;
        transform: translateX(3px);
        fill: none;
    }
    
    .painel .carrinho > a strong {
    width: 15px;
    }
    
    .painel .carrinho .wrap-qtde {
    align-self: baseline;
    position: relative;
}

.busca input {
    margin-top: 10px;
    margin-bottom: 8px;
}

#cabecalho .cabecalho-inside {
    margin-top: 8px;
}

#cabecalho .logo {
        position: relative;
        left: 15px;
    }
}

/*Pagina de venda*/

@media only screen and (max-width: 1024px) {
    .produto-detalhes {
        margin-top: 0px !important;
    }
}

/*Menu Mobile*/
@media only screen and (max-width: 1024px) {
    .menu-mobile-wrap {
        background: #181717;
        border-right: 1px solid #1fccc5;
    }
    
        .menu-mobile.active {
        z-index: 100;
    }
    
    .categorias-mobile {
        color: #1fccc5;
    }
    
      .painel-mobile .item-mobile a span {
        color: white;
    }
    
        .menu-mobile .menu-mobile-close svg {
        fill: #1fccc5;
    }
    
    .menu-mobile .painel-mobile svg {
        fill: #1fccc5;
     }
     
         .conta-mobile .inside {
        color: white;
    }
    
        .conta-mobile .b a {
        color: #1fccc5;
    }
    
    .conta-mobile svg {
  width: 30%;
  height: 50%;
  background-image: url('https://cdn.awsli.com.br/2575/2575504/arquivos/dh3ikxf-eafcecbd-d6c0-46d4-bc2b-9414767a42e2.png');
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  fill: none; /* Remove qualquer cor preenchida pelo SVG */
}
    
        .categorias-mobile .nivel-um a strong {
        color: white;
    }
    
    .categorias-mobile .nivel-dois {
        background: #222222 !important;
    }
    
        .categorias-mobile .nivel-dois>li>a {
        color: white;
    }
    
    .menu .nivel-dois a {
    color: #1fccc5;
}

.menu a {
    border-left: 2px solid #ff007566;
    padding-left: 10px;
}

}

/*Imagens e acessórios do cabeçalho menu superior*/
.painel-conta .a>svg {
    height: 50px;
    background-image: url('https://cdn.awsli.com.br/2575/2575504/arquivos/dh3ikxf-eafcecbd-d6c0-46d4-bc2b-9414767a42e2.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    fill: none !important; /* Remove qualquer cor preenchida pelo SVG */
    background-color: #1fccc5;
    width: 50px;
    border-radius: 3px;
}

.painel .carrinho>a svg {
    width: 50px;
    height: 50px;
    background-image: url(https://cdn.awsli.com.br/2575/2575504/arquivos/chest-removebg-preview.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: 40% 60%;
    fill: none !important;
}

.painel-atendimento .a>svg {
    height: 50px;
    background-image: url(https://cdn.awsli.com.br/2575/2575504/arquivos/envelope-pixel-art-vector-removebg-preview--1-.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    fill: none !important;
    background-color: #1fccc5;
    width: 50px;
    border-radius: 3px;
}

.painel-conta .a{
    border: solid 1.5px;
    border-radius: 5px;
    border-color: #535353a6;
}

.cores-personalizadas #cabecalho .painel .a a:hover{
    color:#02f7ed;
}

.painel-atendimento .a{
    border: solid 1.5px;
    border-radius: 5px;
    border-color: #535353a6;
}

.painel .a:hover{
    border:solid 1.5px;
    border-color:#1fccc5 !important;
}

/*Imagens e acessórios do cabeçalho menu superior - TEXTO */
.painel .b {
    margin-left: 7px;
    padding: 10px;
    font-family: 'Open Sans';
}

/*Aviso cookies*/
#avisoCookies .conteiner p {
    color: white;
}

#avisoCookies {
    background-color: rgb(0 0 0 / 90%);
}

#avisoCookies a{
    color: #ffffff;
}

/*Filtrar nas pesquisas mobile*/
.cores-personalizadas.fundo-escuro .filtros-mobile-lateral .filtro ul li * {
    color: white !important;
}

.filtros-mobile .filtro ul li *, .filtros-mobile .filtro h4, .filtros-mobile .nivel-dois a {
    color: #1fccc5 !important;
}

.cores-personalizadas.fundo-escuro .breadcrumbs li a, .cores-personalizadas.fundo-escuro .breadcrumbs li strong {
    color: #1fccc5 !important;
    font-weight: bold !important;
}

.cores-personalizadas.fundo-escuro .filtros-mobile-button svg {
    fill: #1fccc5;
}

@media only screen and (max-width: 768px) {
    .categorias-mobile .nivel-dois a {
        line-height: 35px;
    }
}

/*Filtrar nas pesquisas pc*/
.cores-personalizadas.fundo-escuro .filtro h4 {
    color: #1fccc5;
}

/*Detalhes bandeira seminovos*/
.bandeira-personalizada-hover {
    max-width: 200px;
    min-width: 200px;
}

.produto-detalhes .bandeira-personalizada-hover {
    max-width: 200px;
    min-width: 200px;
}

@media only screen and (max-width: 768px) {
    .listagem-item .bandeira-personalizada-hover {
        min-width: 140px !important;
        max-width: 140px !important;
    }
}

/*Barra Newsletter*/
.cores-personalizadas #barraNewsletter, .cores-personalizadas .categoria-newsletter {
    background: linear-gradient(#057584, transparent) !important;
}

/*Cor barra do menu*/
.cores-personalizadas #cabecalho {
    background: linear-gradient(90deg, #333333, #0e0e0e) !important;
}

.cores-personalizadas .menu-desktop {
    background: linear-gradient(90deg, #333333, #0e0e0e) !important;
}


/*Botão Compra*/
.cores-personalizadas .botao.principal, .cores-personalizadas .bandeira-personalizar {
    background: linear-gradient(45deg, #377674, #1fccc5) !important;
    color: #ffffff !important;
    fill: var(--cBotoesTxt) !important;
}

/*Efeito Botão Compra*/
@media (max-width: 768px) {
a.botao.botao-comprar.principal.botao-comprar-ajax:before{
animation: none !important;
background: none !important;
background-image: none !important;
}
}

@media (max-width: 768px) {
a.botao.botao-comprar.principal.botao-comprar-ajax:after{
display:none !important;
}
}

.produto-detalhes .botao-comprar {
    padding: 10px !important;
}

.cores-personalizadas .botao.principal, 
.cores-personalizadas .bandeira-personalizar {
    position: relative; /* Necessário para controlar o pseudo-elemento */
    background-color: #e04885; /* Cor de fundo base */
    color: #fff; /* Cor do texto */
    border: none; /* Remove a borda */
    padding: 10px 20px; /* Espaçamento interno */
    font-size: 16px; /* Tamanho da fonte */
    border-radius: 5px; /* Borda arredondada */
    overflow: hidden; /* Esconde o raio de luz fora do botão */
    cursor: pointer; /* Mostra o cursor de clique */
}

/* Pseudo-elemento para o efeito de luz */
.cores-personalizadas .botao.principal::before, 
.cores-personalizadas .bandeira-personalizar::before {
    content: ""; /* Necessário para criar o elemento */
    position: absolute;
    top: 0;
    left: -150%; /* Começa fora da área visível */
    width: 200%; /* Largura suficiente para cobrir o botão */
    height: 100%; /* Mesma altura do botão */
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0) 100%
    ); /* Gradiente simulando o raio de luz */
    transform: skewX(-20deg); /* Inclina a luz para criar um efeito dinâmico */
    animation: luz-passando 2s infinite; /* Animação contínua */
}

/* Animação para mover a luz */
@keyframes luz-passando {
    0% {
        left: -150%; /* Começa fora do botão à esquerda */
    }
    50% {
        left: 50%; /* Posição central */
    }
    100% {
        left: 150%; /* Sai do botão à direita */
    }
}

/* Desbugar botão parcela */
.parcelas-produto .accordion .accordion-group .accordion-heading .accordion-toggle,.parcelas-produto .accordion .accordion-group .accordion-inner {
    padding: 10px 0;
    pointer-events: none !important;
}

/* Título pagina institucional */
.pagina-pagina .caixa-sombreada h1 {
    color: #1fccc5;
}

/* Efeito social rodapé */
#rodape .rodape-social .lista-redes ul li :hover {
    background: #ffffff !important;
}

/* Moedinha botão comprar */
.botao-comprar::after {
    content: '';
    display: inline-block;
    width: 20px; /* Tamanho da moedinha */
    height: 20px;
    background-image: url('https://cdn.awsli.com.br/2575/2575504/arquivos/moeda-pixeled.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px; /* Espaço entre o texto e a imagem */
    vertical-align: middle; /* Alinha a imagem ao texto */
}


/* Resumo flutuante */

.resumo-flutuante{
z-index:100 !important;
border-top: 2px solid #1fccc5;
box-shadow: 0 2px 4.3px .45px rgb(126 126 126 / 60%);
}

.disponibilidade-produto>b {
    color: #1fccc5;
    margin-left: 3px;
}

.resumo-flutuante .resumo-flutuante-close svg {
    fill: #1fccc5;
}


/*Checkout Transparente*/

.campos-pedido .control-label a{
        color:#1fccc5;
        font-weight:bold;
    }
    
@media only screen and (max-width: 1024px) {
    .campos-pedido .control-label {
        line-height: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .carrinho-checkout .conteiner .logo {
        left: -6% !important;
    }
    
    .carrinho-checkout .conteiner .menu-mobile-button {
        display:none;
    }
}

body.pagina-carrinho.carrinho-checkout, body.pagina-pedido-finalizado {
    background: #252525 !important;
}

/*Finalizar compra no pix*/

.pedido-finalizado .caixa-dados {
    padding: 30px;
    background-color: white;
    border-radius: 5px;
}

.pedido-finalizado .numero-pedido {
    color: #1fccc5;
}

.pedido-finalizado #box-pagamento-pix a.pix-code-copy {
    color: #1fccc5;
}

.caixa-info {
    background-color: rgb(245 244 244 / 73%);
}

.carrinho-checkout .fazer-login-btn {
    color: #1fccc5;
}



/*Ajuste banner quem somos mobile e entrar com conta no checkout*/

.carrinho-checkout .identificacao {
    margin-bottom: 15px !important;
}

.identificacao .control-group .esqueci-senha {
    color: #1fccc5;
}

.identificacao .control-group .esqueci-senha:hover {
    text-decoration: underline !important;
}

.identificacao .control-group .fazer-cadastro {
    color: #1fccc5;
}

.identificacao .control-group .fazer-cadastro:hover {
    text-decoration: underline !important;
}

.tema-transparente .identificacao .identificacao-inner {
    background: #FFF;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .banner-vitrine-mas-vendido .info-banner.titulo {
        top: 67.8% !important;
    }


.banner-vitrine-mas-vendido .info-banner.titulo {
    max-width: 230px !important;
    height: 100px;
}

.carrinho-checkout .identificacao .identificacao-inner {
    padding: 30px 30px 20px;
}

.tema-transparente .identificacao .identificacao-inner {
    border-radius: 5px;
}

}

.carrinho-checkout .identificacao .identificacao-title {
    margin-top: 0px;
    color: #1fccc5;
    text-wrap-style: balance;
}

.checkout-alerta-seguro {
    max-width: 100%;
    margin: 0 auto 15px;
}

.campos-pedido legend {
    color: #1fccc5;
}

.splide__arrow:disabled {
    opacity: 1!important;
    pointer-events: none
}

.thumbs-img .splide__arrow svg {
    height: 50px;
    width: 20px;
    fill: #f7f7f7;
    background: #1fccc5;
    border-radius: 5px;
    padding: 0px 5px;
}

.thumbs-img li.is-active {
    opacity: 1;
    border: 3px solid #1fccc5 !important;
}

/*Checkout pix celular*/
@media (max-width: 768px) {
    .pedido-finalizado #box-pagamento-pix button.pix-code-copy {
        transform: translateX(-10px);
    }

.pedido-finalizado .caixa-sombreada {
    margin-top: 15px;
}

}

/*Carrossel página do produto*/
.splide__arrow:disabled {
    pointer-events: auto!important;
}


/*Prazo de Entrega*/
.produto .cep ul li .prazo {
    color: #1fccc5;
}

.tabela-carrinho .formas-envio .prazo {
    color: #1fccc5;
}

.formas .accordion-heading .forma-conteiner .envio-prazo-entrega {
    color: #1fccc5 !important;
}

/*Cálculo de frete*/
.produto-detalhes .cep #formCalcularCep label {
    font-weight: bold;
}

.produto-detalhes .cep #formCalcularCep .input-append button {
    margin: 0px 0px !important;
    background-color: #1fccc5;
    color: white;
    text-shadow: none !important;
}

.produto-detalhes .cep #formCalcularCep .input-append button:hover {
    opacity:0.8 !important;
    color: white;
}

.tabela-carrinho .input-append button {
    background-color: #1fccc5;
    color: white;
    text-shadow: none !important;
}

/*Efeito rodapé*/
#rodape .rodape-institucional ul li a:hover{
    color:#06fbf1 !important;
}

/*Blog*/
.posts-blog .blog-imagem {
    width: 100% !important;
}

.principal-destaques .blog-imagem img {
    width: 1920px !important;
}

.vitrine-blog .titulo-categoria strong >svg {
    height: 50px;
    background-image: url(https://cdn.awsli.com.br/2575/2575504/arquivos/a-pixel-style-icon-of-a-pen-and-paper-free-vector-removebg-preview.png);
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: center;
    fill: none !important;
    width: 50px;
    border-radius: 3px;
}