body{
color:#202225;
font-family:"Open Sans",Arial,sans-serif;
}
#cabecalho{
background:#fff;
border:0;
box-shadow:0 1px 0 rgba(0,0,0,.08);
}
#cabecalho .conteiner{
padding-top:20px;
padding-bottom:20px;
}
#cabecalho .busca{
border:1px solid #dededb;
border-radius:0;
background:#fff;
box-shadow:none;
}
#cabecalho .busca input{
font-size:14px;
min-height:42px;
}
#cabecalho .busca .botao{
background:#202225;
border:0;
border-radius:0;
color:#fff;
min-height:42px;
}
.menu.superior{
background:#202225;
border:0;
}
.menu.superior .nivel-um{
text-align:center;
}
.menu.superior .nivel-um > li{
border:0;
margin:7px 4px;
}
.menu.superior .nivel-um > li > a{
background:#303235;
border:1px solid #45474a;
border-radius:999px;
color:#fff;
font-size:12px;
font-weight:700;
letter-spacing:.02em;
padding:10px 16px;
text-transform:uppercase;
transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.menu.superior .nivel-um > li:hover > a,
.menu.superior .nivel-um > li.ativo > a{
background:#f15a24;
border-color:#f15a24;
color:#fff;
transform:translateY(-1px);
}
.pagina-inicial .conteiner-principal{
display:flex;
flex-direction:column;
}
.pagina-inicial #cabecalho{
order:0;
}
.pagina-inicial #corpo{
background-color:#f3f3ef;
background-image:
linear-gradient(135deg,rgba(32,34,37,.025) 25%,transparent 25%),
linear-gradient(315deg,rgba(32,34,37,.025) 25%,transparent 25%);
background-position:0 0,18px 18px;
background-size:36px 36px;
order:1;
padding-bottom:70px;
}
.pagina-inicial .secao-banners{
order:2;
margin-top:70px;
}
.pagina-inicial #barraNewsletter{
order:3;
}
.pagina-inicial #rodape{
order:4;
}
.pagina-inicial #listagemProdutos > .vitrine-mas-vendido,
.pagina-inicial #listagemProdutos > .vitrine-mas-vendido + .produtos-carrossel{
display:none !important;
}
.pagina-inicial #corpo{
padding-top:34px;
}
.pagina-inicial #corpo > .conteiner{
box-sizing:border-box;
padding-top:116px;
position:relative;
}
.pagina-inicial #corpo > .conteiner::before,
.pagina-inicial #corpo > .conteiner::after,
.pagina-inicial #listagemProdutos::before,
.pagina-inicial #listagemProdutos::after{
align-items:center;
background:#202225;
border:1px solid #37393c;
box-sizing:border-box;
color:#fff;
display:flex;
font-size:11px;
font-weight:800;
height:72px;
justify-content:center;
letter-spacing:.045em;
padding:18px 12px;
position:absolute;
text-align:center;
top:20px;
width:calc(25% - 24px);
}
.pagina-inicial #corpo > .conteiner::before{
content:"ENVIO PARA TODO BRASIL";
left:20px;
}
.pagina-inicial #corpo > .conteiner::after{
content:"COMPRA 100% SEGURA";
left:calc(25% + 6px);
}
.pagina-inicial #listagemProdutos::before{
content:"ATÉ 6X NO CARTÃO";
left:calc(50% + 2px);
}
.pagina-inicial #listagemProdutos::after{
content:"ATENDIMENTO TÉCNICO";
right:20px;
}
.pagina-inicial #corpo > .conteiner{
background:transparent;
max-width:1180px;
}
#listagemProdutos{
border:0;
margin:0;
}
#listagemProdutos .titulo-categoria{
border:0;
color:#202225;
display:block;
font-family:"Oswald",Arial,sans-serif;
font-size:30px;
font-weight:700;
letter-spacing:-.01em;
margin:62px 0 20px;
padding:0 0 14px;
position:relative;
text-transform:uppercase;
}
#listagemProdutos .titulo-categoria:first-of-type{
margin-top:0;
}
#listagemProdutos .titulo-categoria::before{
color:#f15a24;
content:"PRODUTOS SELECIONADOS";
display:block;
font-family:"Open Sans",Arial,sans-serif;
font-size:10px;
font-weight:800;
letter-spacing:.18em;
margin-bottom:7px;
}
#listagemProdutos .titulo-categoria::after{
background:#f15a24;
bottom:0;
content:"";
height:3px;
left:0;
position:absolute;
width:46px;
}
#listagemProdutos .produtos-carrossel{
background:rgba(255,255,255,.96);
border:1px solid #e4e4e1;
box-shadow:0 12px 32px rgba(0,0,0,.055);
padding:18px 10px 8px;
}
.listagem .listagem-linha{
border:0;
padding:0;
}
.listagem .listagem-item{
background:#fff;
border:1px solid #e8e8e5;
margin:0 7px 14px;
padding:0 0 16px;
transition:box-shadow .2s ease,transform .2s ease;
}
.listagem .listagem-item:hover{
box-shadow:0 14px 34px rgba(0,0,0,.11);
transform:translateY(-3px);
}
.listagem .imagem-produto{
background:#f6f6f3;
height:245px;
margin:0 0 16px;
}
.listagem .imagem-produto img{
max-height:210px;
max-width:88%;
}
.listagem .info-produto{
padding:0 16px;
}
.listagem .info-produto .nome-produto{
color:#202225;
font-size:13px;
font-weight:700;
line-height:1.45;
min-height:58px;
}
.listagem .info-produto .preco-produto{
color:#202225;
margin-top:11px;
}
.listagem .info-produto .preco-produto strong,
.listagem .info-produto .preco-promocional{
color:#202225;
font-size:21px;
}
.listagem .acoes-produto .botao,
.listagem .botao-comprar,
.listagem .botao.principal{
background:#202225;
border:0;
border-radius:0;
box-shadow:none;
color:#fff;
font-size:11px;
font-weight:800;
padding:12px 15px;
text-transform:uppercase;
}
.listagem .acoes-produto .botao:hover,
.listagem .botao-comprar:hover,
.listagem .botao.principal:hover{
background:#f15a24;
}
.pagina-inicial .secao-banners .conteiner{
max-width:1180px;
}
.pagina-inicial .banner.cheio img{
display:block;
width:100%;
}
#barraNewsletter{
background:#f15a24;
border:0;
color:#fff;
margin-top:60px;
}
#rodape{
background:#17191b;
}
#rodape,
#rodape a,
#rodape .titulo{
color:#fff;
}
@media (max-width:767px){
.pagina-inicial #corpo{
padding-bottom:45px;
padding-top:22px;
}
.pagina-inicial #corpo > .conteiner{
padding-top:300px;
}
.pagina-inicial #corpo > .conteiner::before,
.pagina-inicial #corpo > .conteiner::after,
.pagina-inicial #listagemProdutos::before,
.pagina-inicial #listagemProdutos::after{
height:58px;
left:14px;
right:14px;
width:auto;
}
.pagina-inicial #corpo > .conteiner::before{
top:14px;
}
.pagina-inicial #corpo > .conteiner::after{
top:82px;
}
.pagina-inicial #listagemProdutos::before{
top:150px;
}
.pagina-inicial #listagemProdutos::after{
top:218px;
}
#listagemProdutos .titulo-categoria{
font-size:25px;
margin-top:45px;
}
.listagem .listagem-item{
margin-left:4px;
margin-right:4px;
}
.listagem .imagem-produto{
height:190px;
}
.pagina-inicial .secao-banners{
margin-top:45px;
}
}