@charset "utf-8";

#exibirproduto { float: left; width: 80%; padding: 40px 10% 60px;}
#exibirproduto .coluna { float: left; width: 46%; min-height: 5px; margin: 0 2%;}
#exibirproduto .divisao { padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid rgb(0 0 0 / 15%);}
#exibirproduto .gaveta { float: left; width: 100%;}
#exibirproduto .dolado { float: left; width: 100%;}
#exibirproduto .embaixo { float: left; width: 100%;}

#exibirproduto .fotos { float: left; width: 100%; position: relative; margin: 0 0 15px;}
#exibirproduto .fotos .setas { position: absolute; width: 20%; height: 20px; left: 0; background-position: 50%; background-repeat: no-repeat; cursor: pointer; z-index: 2;}
#exibirproduto .fotos .setas.top { top: -22px; background-image: url('../../imagens/site/zoom-setas-top.png');}
#exibirproduto .fotos .setas.bottom { bottom: -22px; background-image: url('../../imagens/site/zoom-setas-bottom.png');}
#exibirproduto .fotos .pequenas { position: absolute; width: 20%; height: 100%; top: 0; left: 0; overflow: hidden;}
#exibirproduto .fotos .pequenas .imagem { float: left; width: 95%; position: relative; margin: 1px 0 5px 1%; outline: 1px solid rgb(90 90 90); font-size: 0;}
#exibirproduto .fotos .pequenas .imagem img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
#exibirproduto .fotos .grande { float: right; width: 78%;}
#exibirproduto .fotos .grande .imagem { float: left; width: 100%; position: relative; outline: 1px solid rgb(90 90 90); font-size: 0; cursor: url('../../imagens/site/zoom-setas-cursor.png'), zoom-in;}
#exibirproduto .fotos .grande .imagem .semzom { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}

#exibirproduto .descricao { float: left; width: 100%;}
#exibirproduto .descricao .infor { float: left; width: 100%; overflow: auto;}
#exibirproduto .descricao .infor h3 { float: left; width: 100%; font-size: 1.2em; color: rgb(90 90 90);}

#exibirproduto .youtube { float: left; width: 100%;}
#exibirproduto .youtube .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden;}
#exibirproduto .youtube .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

#exibirproduto .caracteristicas { float: left; width: 100%;}
#exibirproduto .caracteristicas .quadro { float: left; width: 100%; margin: 10px 0 0;}
#exibirproduto .caracteristicas .quadro .linha { float: left; width: 100%; background-color: rgb(255 255 255);}
#exibirproduto .caracteristicas .quadro .linha h3 { float: left; width: 36%; padding: 12px 2% 10px; outline: 1px solid rgb(230 230 230); outline-offset: -1px; font-weight: bold; font-size: 1.1em;}
#exibirproduto .caracteristicas .quadro .linha h4 { float: left; width: 56%; padding: 12px 2% 10px; outline: 1px solid rgb(230 230 230); outline-offset: -1px; font-size: 1.1em;}

#exibirproduto .basico { float: left; width: 100%;}
#exibirproduto .basico .nome { float: left; width: 100%;}
#exibirproduto .basico .nome h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 2em; line-height: 1.1;}
#exibirproduto .basico .nome h2 { float: left; width: 100%; margin: 10px 0 0; font-size: 1.2em; color: rgb(90 90 90);}
#exibirproduto .basico .nome h3 { float: left; width: 100%; margin: 10px 0 0; font-size: 1.2em; color: rgb(90 90 90);}
#exibirproduto .basico .avaliacao { float: left; width: 100%; margin: 20px 0 0;}
#exibirproduto .basico .avaliacao .nota { float: left; width: 150px; height: 30px; background-position: 50%; background-repeat: no-repeat;}
#exibirproduto .basico .avaliacao .nota.zero { background-image: url('../../imagens/site/exibirproduto-estrelas-zero.png');}
#exibirproduto .basico .avaliacao .nota.um { background-image: url('../../imagens/site/exibirproduto-estrelas-um.png');}
#exibirproduto .basico .avaliacao .nota.dois { background-image: url('../../imagens/site/exibirproduto-estrelas-dois.png');}
#exibirproduto .basico .avaliacao .nota.tres { background-image: url('../../imagens/site/exibirproduto-estrelas-tres.png');}
#exibirproduto .basico .avaliacao .nota.quatro { background-image: url('../../imagens/site/exibirproduto-estrelas-quatro.png');}
#exibirproduto .basico .avaliacao .nota.cinco { background-image: url('../../imagens/site/exibirproduto-estrelas-cinco.png');}
#exibirproduto .basico .avaliacao .ver { float: left; margin: 5px 0 0 20px;}
#exibirproduto .basico .avaliacao .ver:hover { color: rgb(0 135 190);}

#exibirproduto .basico .vepor { float: left; width: 100%;}
#exibirproduto .basico .vepor h2 { float: left; width: 100%; font-size: 1.1em; color: rgb(90 90 90);}

#exibirproduto .basico .valores { float: left; width: 100%;}
#exibirproduto .basico .valores h2 { float: left; width: 100%; font-weight: bold; font-size: 2.5em;}
#exibirproduto .basico .valores h3 { float: left; width: 100%; font-size: 1.2em; color: rgb(90 90 90);}
#exibirproduto .basico .valores h4 { float: left; width: 100%; font-size: 1.1em; color: rgb(90 90 90); text-decoration: line-through;}

#exibirproduto .cores { float: left; width: 100%;}
#exibirproduto .cores .opcoes { float: left; width: 100%; margin: 10px 0 0;}
#exibirproduto .cores .opcoes .opcao { float: left; width: 74px; padding: 5px; margin: 0 10px 10px 0; outline: 1px solid rgb(0 0 0 / 10%); position: relative;}
#exibirproduto .cores .opcoes .opcao .imagem { float: left; width: 74px; height: 74px; overflow: hidden;}
#exibirproduto .cores .opcoes .opcao .imagem img { float: left; width: 100%;}
#exibirproduto .cores .opcoes .opcao .nome { float: left; width: 100%;}
#exibirproduto .cores .opcoes .opcao .nome b { float: left; width: 96%; padding: 7px 2% 5px; margin: 5px 0 0; background-color: rgb(229 219 190); text-align: center; font-weight: normal; font-size: 0.8em; line-height: 1; overflow: hidden; white-space: nowrap;}
#exibirproduto .cores .opcoes .opcao .nome em { display: none; position: absolute; width: 20px; height: 20px; top: -10px; left: -10px; background-color: rgb(25 141 77); background-image: url('../../imagens/site/checkout-ok.png'); background-position: 50%; background-repeat: no-repeat;}
#exibirproduto .cores .opcoes .opcao.ativo { outline: 1px solid rgb(15 15 15);}
#exibirproduto .cores .opcoes .opcao.ativo .nome em { display: block;}

#exibirproduto .tamanhos { float: left; width: 100%;}
#exibirproduto .tamanhos .opcoes { float: left; width: 100%; margin: 10px 0 0;}
#exibirproduto .tamanhos .opcoes .opcao { display: none; float: left; padding: 12px 15px; margin: 0 10px 10px 0; outline: 1px solid rgb(15 15 15); position: relative; font-size: 1.3em;}
#exibirproduto .tamanhos .opcoes .opcao em { display: none; position: absolute; width: 20px; height: 20px; top: -10px; left: 50%; margin: 0 0 0 -10px; background-color: rgb(25 141 77); background-image: url('../../imagens/site/checkout-ok.png'); background-position: 50%; background-repeat: no-repeat;}
#exibirproduto .tamanhos .opcoes .opcao.ativo { background-color: rgb(0 0 0 / 5%);}
#exibirproduto .tamanhos .opcoes .opcao.ativo em { display: block;}

#exibirproduto .quantidade { float: left; width: 100%;}
#exibirproduto .quantidade .qtd { float: left; width: 50px; height: 36px; padding: 2px 0 0; margin: 0 5px; outline: 1px solid rgb(15 15 15); text-align: center; font-weight: bold;}
#exibirproduto .quantidade .acao { float: left; width: 40px; height: 40px; margin: 0 0 10px; background-color: rgb(0 0 0 / 10%); background-position: 50%; background-repeat: no-repeat;}
#exibirproduto .quantidade .acao.menos { background-image: url('../../imagens/site/checkout-menos.png');}
#exibirproduto .quantidade .acao.mais { background-image: url('../../imagens/site/checkout-mais.png');}
#exibirproduto .quantidade .acao:hover { background-color: rgb(0 0 0 / 15%);}
#exibirproduto .quantidade .disponiveis { float: left; width: 100%; color: rgb(90 90 90);}

#exibirproduto .escolhas { float: left; width: 100%;}
#exibirproduto .escolhas h3 { float: left; width: 100%; font-size: 1.1em; color: rgb(90 90 90);}
#exibirproduto .escolhas h3 strong {  font-weight: normal;}
#exibirproduto .escolhas h3 strong b { padding: 2px 10px; background-color: rgb(0 0 0 / 15%);}

#exibirproduto .frete { float: left; width: 100%; position: relative;}
#exibirproduto .frete h2 { float: left; padding: 0 0 25px 60px; background-image: url('../../imagens/site/destaques-entrega.png'); background-position: 0 50%; background-repeat: no-repeat; font-size: 1.2em; color: rgb(179 43 43);}
#exibirproduto .frete h2 b { padding: 0 5px; background-color: rgb(121 255 168); font-weight: normal;}
#exibirproduto .frete h2 strong { font-weight: normal;}
#exibirproduto .frete h2 strong:hover { color: rgb(0 135 190);}
#exibirproduto .frete h6 { position: absolute; bottom: 0; left: 60px; font-size: 1em; color: rgb(90 90 90);}
#exibirproduto .frete h6:hover { color: rgb(0 135 190);}

#exibirproduto .comprar { float: left; width: 100%; margin: 20px 0;}
#exibirproduto .comprar .multi { float: left; width: 60%; padding: 25px 5% 23px; outline: 1px solid; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.2em; color: rgb(25 141 77); line-height: 1.2;}
#exibirproduto .comprar .multi:hover { color: rgb(179 43 43);}
#exibirproduto .comprar .unico { float: left; width: 60%; padding: 25px 5% 23px; margin: 10px 0 0; outline: 1px solid rgb(19 128 47); background-color: rgb(25 141 77); text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.2em; color: rgb(255 255 255); line-height: 1.2;}
#exibirproduto .comprar .unico:hover { background-color: rgb(19 128 47);}

#exibirproduto .popup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 150;}
#exibirproduto .popup .fundo { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgb(0 0 0 / 80%);}
#exibirproduto .popup .centro { margin: 0 auto; width: 700px; max-width: 80%; position: relative; z-index: 2;}
#exibirproduto .popup .conteudo { float: left; width: 90%; padding: 5%; margin: 120px 0 0; background-color: rgb(255 255 255); position: relative;}
#exibirproduto .popup .infor { float: left; width: 100%;}
#exibirproduto .popup .infor h2 { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 3em;}
#exibirproduto .popup .infor h3 { float: left; width: 100%; text-align: center; font-size: 1.5em; color: rgb(90 90 90);}
#exibirproduto .popup .infor h4 { float: left; width: 100%; margin: 40px 0 0; text-align: center; font-size: 1.1em; color: rgb(90 90 90);}
#exibirproduto .popup .infor h5 { float: left; width: 100%; margin: 20px 0 0; text-align: center; font-size: 1.1em; color: rgb(90 90 90);}
#exibirproduto .popup .vamos { float: left; width: 100%; margin: 20px 0 0;}
#exibirproduto .popup .vamos .botao { width: 48%; padding: 20px 0; text-align: center; font-weight: bold; font-size: 1.3em;}
#exibirproduto .popup .vamos .botao.continuar { float: left; outline: 1px solid; color: rgb(25 141 77)}
#exibirproduto .popup .vamos .botao.continuar:hover { color: rgb(179 43 43);}
#exibirproduto .popup .vamos .botao.finalizar { float: right; outline: 1px solid rgb(19 128 47); background-color: rgb(25 141 77); color: rgb(255 255 255);}
#exibirproduto .popup .vamos .botao.finalizar:hover { background-color: rgb(19 128 47);}
#exibirproduto .popup .x { position: absolute; width: 30px; top: -15px; right: -15px; padding: 15px 0; background-color: rgb(179 43 43); text-align: center; font-weight: bold; color: rgb(255 255 255); line-height: 0;}
#exibirproduto .popup .x:hover { background-color: rgb(145 35 35);}

#exibirproduto .estrelas { float: left; width: 96%; padding: 30px 0; margin: 20px 2% 0; background-color: rgb(255 255 255); outline: 1px solid rgb(0 0 0 / 5%);}
#exibirproduto .estrelas .titulo h5 { text-align: center;}
#exibirproduto .estrelas .titulo h6 { text-align: center;}


#exibirproduto .estrelas .quantidade { float: left; width: 100%; padding: 10px 0; margin: 20px 0 0; border-top: 1px solid rgb(0 0 0 / 10%); border-bottom: 1px solid rgb(0 0 0 / 10%);}
#exibirproduto .estrelas .quantidade .baseado { float: left; width: 100%; text-align: center; color: rgb(90 90 90);}
#exibirproduto .estrelas .quantidade .centro { margin: 0 auto; width: 270px; max-width: 100%;}
#exibirproduto .estrelas .quantidade .item { float: left; width: 100%; margin: 5px 0; position: relative;}
#exibirproduto .estrelas .quantidade .item .nota { float: left; width: 100px; height: 30px; background-size: 100px; background-position: 50%; background-repeat: no-repeat;}
#exibirproduto .estrelas .quantidade .item .nota.zero { background-image: url('../../imagens/site/exibirproduto-estrelas-zero.png');}
#exibirproduto .estrelas .quantidade .item .nota.um { background-image: url('../../imagens/site/exibirproduto-estrelas-um.png');}
#exibirproduto .estrelas .quantidade .item .nota.dois { background-image: url('../../imagens/site/exibirproduto-estrelas-dois.png');}
#exibirproduto .estrelas .quantidade .item .nota.tres { background-image: url('../../imagens/site/exibirproduto-estrelas-tres.png');}
#exibirproduto .estrelas .quantidade .item .nota.quatro { background-image: url('../../imagens/site/exibirproduto-estrelas-quatro.png');}
#exibirproduto .estrelas .quantidade .item .nota.cinco { background-image: url('../../imagens/site/exibirproduto-estrelas-cinco.png');}
#exibirproduto .estrelas .quantidade .item .progresso { float: left; width: 100px; height: 20px; margin: 5px 10px 0; background-color: rgb(0 0 0 / 20%);}
#exibirproduto .estrelas .quantidade .item .numero { float: left; width: 50px; margin: 3px 0 0; text-align: center; color: rgb(90 90 90);}


#exibirproduto .estrelas .listar { float: left; width: 100%; margin: 20px 0;}
#exibirproduto .estrelas .listar .centro { margin: 0 auto; max-width: 90%;}
#exibirproduto .estrelas .listar .tab { float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid rgb(0 0 0 / 15%);}
#exibirproduto .estrelas .listar .tab h2 { float: left; width: 100%; font-size: 1em; color: rgb(150 150 150);}
#exibirproduto .estrelas .listar .tab h3 { float: left; width: 100%; font-size: 1.2em;}
#exibirproduto .estrelas .listar .tab h4 { float: left; padding: 10px 0 0 50px; margin: 10px 0 10px 20px; background-image: url('../../imagens/site/exibirproduto-estrelas-resposta.png?'); background-repeat: no-repeat; background-position: 0 0; font-size: 1.2em; color: rgb(90 90 90);}

#exibirproduto .estrelas .nenhum { float: left; width: 100%; margin: 30px 0 15px;}
#exibirproduto .estrelas .nenhum h3 { float: left; width: 100%; text-align: center; font-size: 1.2em; color: rgb(90 90 90);}

#exibirproduto .estrelas .escreva { float: left; width: 100%; padding: 10px 0; margin: 15px 0 0; text-align: center;}
#exibirproduto .estrelas .escreva b { padding: 10px; background-color: rgb(15 15 15); font-size: 1.2em; color: rgb(255 255 255);}
#exibirproduto .estrelas .escreva b:hover { background-color: rgb(179 43 43);}

#exibirproduto .estrelas .avalie { margin: auto; width: 500px; max-width: 90%;}
#exibirproduto .estrelas .avalie .numero .opcao { float: left; width: 100%;}
#exibirproduto .estrelas .avalie .numero .opcao .ico { float: left; width: 40px; height: 40px; background-image: url('../../imagens/site/exibirproduto-estrelas-avalie.png?'); background-position: 50% 0; background-repeat: no-repeat;}
#exibirproduto .estrelas .avalie .numero .opcao .ico:hover { background-position: 50% 100%;}
#exibirproduto .estrelas .avalie .numero .opcao .ico.ativo { background-position: 50% 100%;}


#exibirproduto .popfotos { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 200; background-color: rgb(250 250 250);}
#exibirproduto .popfotos .fechar { position: absolute; width: 30px; top: 30px; right: 10px; z-index: 5; padding: 15px 0; background-color: brown; text-align: center; font-weight: bold; color: rgb(250 250 250); line-height: 0;}
#exibirproduto .popfotos .vitrine { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
#exibirproduto .popfotos .vitrine .imagem { display: none; justify-content: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#exibirproduto .popfotos .vitrine .imagem img { display: flex;}
#exibirproduto .popfotos .vitrine .imagem em { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
#exibirproduto .popfotos .vitrine .imagem h3 { position: fixed; width: 100%; top: 0; left: 0; z-index: 2; padding: 10px 0; background-color: rgb(255 255 255); text-align: center; font-weight: bold; font-size: 1em; line-height: 0;}
#exibirproduto .popfotos .vitrine .imagem.ativo { display: flex;}
#exibirproduto .popfotos .seta { position: absolute; width: 30px; height: 30px; top: 50%; z-index: 2; margin: -15px 0 0; background-color: rgb(255 255 255); background-size: 20px; background-position: 50%; background-repeat: no-repeat;}
#exibirproduto .popfotos .seta.anterior { left: 10px; background-image: url('../../imagens/site/seta-a.png'); opacity: 0.7;}
#exibirproduto .popfotos .seta.proximo { right: 10px; background-image: url('../../imagens/site/seta-b.png'); opacity: 0.7;}
#exibirproduto .popfotos .seta.pointer { opacity: 1;}



#exibirpagina { float: left; width: 70%; padding: 20px 15% 80px; min-height: 300px;}
#exibirpagina .texto { float: left; width: 100%; font-size: 1.2em; line-height: 1.5; color: rgb(90 90 90);}
#exibirpagina .texto a:hover { text-decoration: underline;}
#exibirpagina .texto img { max-width: 100%;}
#exibirpagina .texto iframe { max-width: 100%;}
#exibirpagina .imagem { float: left; width: 100%; margin: 10px 0;}
#exibirpagina .imagem .img { float: left; width: 100%;}
#exibirpagina .youtube { float: left; width: 100%; margin: 10px 0;}
#exibirpagina .youtube .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden;}
#exibirpagina .youtube .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}


#exibirdepartamento { float: left; width: 80%; padding: 20px 10% 80px; min-height: 300px;}
#exibirdepartamento .produtos .tab { width: 23%; margin: 0 1% 15px;}
#exibirdepartamento .produtos .linha2 { display: none; float: left; width: 100%; height: 1px;}
#exibirdepartamento .produtos .linha3 { display: none; float: left; width: 100%; height: 1px;}
#exibirdepartamento .produtos .linha4 { float: left; width: 100%; height: 1px;}

#exibirloja { float: left; width: 80%; padding: 20px 10% 80px; min-height: 300px;}
#exibirloja .produtos .tab { width: 23%; margin: 0 1% 15px;}
#exibirloja .produtos .linha2 { display: none; float: left; width: 100%; height: 1px;}
#exibirloja .produtos .linha3 { display: none; float: left; width: 100%; height: 1px;}
#exibirloja .produtos .linha4 { float: left; width: 100%; height: 1px;}


@media only screen and (max-width: 1000px){
  #exibirproduto { width: 94%; padding: 20px 3% 60px;}
  #exibirproduto .comprar .multi { width: 90%;}
  #exibirproduto .comprar .unico { width: 90%;}

  #exibirpagina { width: 90%; padding: 10px 5% 60px;}

  #exibirdepartamento { width: 96%; padding: 20px 2% 60px;}
  #exibirdepartamento .produtos .tab { width: 31.3%;}
  #exibirdepartamento .produtos .linha2 { display: none;}
  #exibirdepartamento .produtos .linha3 { display: block;}
  #exibirdepartamento .produtos .linha4 { display: none;}

  #exibirloja { width: 90%; padding: 20px 5% 60px;}
  #exibirloja .produtos .tab { width: 31.3%;}
  #exibirloja .produtos .linha2 { display: none;}
  #exibirloja .produtos .linha3 { display: block;}
  #exibirloja .produtos .linha4 { display: none;}
}
@media only screen and (max-width: 800px){
  #exibirproduto .popup .conteudo { margin: 80px 0 0;}
  #exibirproduto .popup .infor h2 { font-size: 2.5em;}
  #exibirproduto .popup .infor h3 { font-size: 1.2em;}
  #exibirproduto .popup .vamos .botao { font-size: 1.1em;}
  #exibirproduto .popup .vamos .botao.continuar { width: 100%;}
  #exibirproduto .popup .vamos .botao.finalizar { width: 100%; margin: 10px 0 0;}
}
@media only screen and (max-width: 700px){
  #exibirproduto { width: 90%; padding: 20px 5% 60px;}
  #exibirproduto .coluna { width: 100%; margin: 0 0 20px;}
}
@media only screen and (max-width: 600px){
  #exibirdepartamento .produtos .tab { width: 48%;}
  #exibirdepartamento .produtos .linha2 { display: block;}
  #exibirdepartamento .produtos .linha3 { display: none;}
  #exibirdepartamento .produtos .linha4 { display: none;}

  #exibirloja .produtos .tab { width: 48%;}
  #exibirloja .produtos .linha2 { display: block;}
  #exibirloja .produtos .linha3 { display: none;}
  #exibirloja .produtos .linha4 { display: none;}
}