/* NINA ATELIER - NOME DAS PEÇAS */
.listagem .nome-produto,
.listagem .nome-produto a {
    font-size: 13px !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    line-height: 1.4 !important;
    color: #55514E !important;
}

/* PREÇOS NA VITRINE */
.listagem .preco-produto,
.listagem .preco-produto strong,
.listagem .preco-venda,
.listagem .preco-promocional {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #7F4E11 !important;
}

/* CATEGORIAS DA LATERAL */
.menu.lateral .nivel-um > li > a,
.menu.lateral .nivel-um > li > a strong {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #7F4E11 !important;
}
/* NINA ATELIER - AUMENTAR FOTOS DA VITRINE */

@media (min-width: 768px) {

  .listagem .listagem-item .imagem-produto {
    width: 100% !important;
    height: 420px !important;
    max-width: none !important;
  }

  .listagem .listagem-item .imagem-produto img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
  }
}
/* NINA ATELIER - TITULOS DAS SECOES */

.listagem .titulo,
.listagem .titulo-categoria,
.listagem .titulo-vitrine,
.listagem .titulo-categoria strong {
    color: #7F4E11 !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
}
/* BARRA DA NEWSLETTER */
.newsletter,
.newsletter .interno,
#newsletter,
.secao-newsletter {
    background: #7F4E11 !important;
    border: none !important;
}

/* TEXTO DA NEWSLETTER */
.newsletter .titulo,
.newsletter strong,
.newsletter span,
.newsletter label,
.newsletter .texto-newsletter {
    color: #F8F5EF !important;
}

/* CAMPO DE EMAIL */
.newsletter input,
.newsletter input[type="text"],
.newsletter input[type="email"] {
    background: #F8F5EF !important;
    color: #7F4E11 !important;
    border: none !important;
}

/* BOTAO ENVIAR */
.newsletter button,
.newsletter input[type="submit"],
.newsletter .botao {
    background: #7F4E11 !important;
    color: #F8F5EF !important;
    border: 1px solid #F8F5EF !important;
}

/* NINA - CATEGORIAS CENTRALIZADAS NO TOPO */

@media (min-width: 768px) {
    .menu.superior .nivel-um {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
    }

    .menu.superior .nivel-um > li {
        float: none !important;
        margin: 0 15px !important;
    }

    .menu.superior .nivel-um > li > a {
        color: #7F4E11 !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
    }
}
/* NINA - REMOVER MENU E NEWSLETTER LATERAIS */

/* Ocultar toda a coluna lateral */
.coluna-lateral {
    display: none !important;
}

/* Permitir que o conteúdo ocupe a área disponível */
.conteudo.span9 {
    width: 100% !important;
    margin-left: 0 !important;
}

/* NINA - MENU SUPERIOR CENTRALIZADO */

@media (min-width: 768px) {

    .menu.superior .nivel-um {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
    }

    .menu.superior .nivel-um > li {
        float: none !important;
        margin: 0 18px !important;
    }

    .menu.superior .nivel-um > li > a,
    .menu.superior .nivel-um > li > a strong {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #7F4E11 !important;
        text-transform: uppercase !important;
        letter-spacing: 0 !important;
    }
}
/* NINA ATELIER - OCULTAR COLUNA LATERAL */

/* Remove categorias e newsletter da lateral */
.pagina-inicial .coluna,
.pagina-inicial .coluna-lateral,
.pagina-inicial aside.span3 {
    display: none !important;
}

/* Faz o conteudo principal ocupar a largura disponivel */
.pagina-inicial .conteudo.span9,
.pagina-inicial .conteudo.span12 {
    width: 100% !important;
    margin-left: 0 !important;
}

/* Remove espacos reservados para a lateral */
.pagina-inicial .row-fluid > .conteudo {
    margin-left: 0 !important;
}
/* NINA - CATEGORIAS SUPERIORES */

@media (min-width: 768px) {

    .menu.superior .nivel-um > li > a,
    .menu.superior .nivel-um > li > a strong,
    .menu.superior .nivel-um > li > a span {
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #7F4E11 !important;
        text-transform: uppercase !important;
        letter-spacing: 0 !important;
    }

    .menu.superior .nivel-um > li {
        margin: 0 14px !important;
    }
}
/* NINA ATELIER - PADRONIZAR FOTOS DA VITRINE */

@media (min-width: 768px) {

    /* Mesmo tamanho para todas as fotos */
    .listagem .listagem-item .imagem-produto {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 3 / 4 !important;
        overflow: hidden !important;
        display: block !important;
    }

    /* Fotos preenchendo todo o espaço */
    .listagem .listagem-item .imagem-produto img {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}
/* NEWSLETTER - remover preto das laterais */
.newsletter,
.newsletter .interno,
.newsletter .conteiner,
.newsletter .componente,
.barra-newsletter,
#barraNewsletter,
.secao-newsletter,
.sec-newsletter,
.pagina-inicial .newsletter,
.pagina-inicial .secao-newsletter {
    background: #7F4E11 !important;
    background-color: #7F4E11 !important;
    background-image: none !important;
}

/* força também elementos antes/depois que podem estar criando as laterais pretas */
.newsletter:before,
.newsletter:after,
.barra-newsletter:before,
.barra-newsletter:after,
#barraNewsletter:before,
#barraNewsletter:after,
.secao-newsletter:before,
.secao-newsletter:after {
    background: #7F4E11 !important;
    background-color: #7F4E11 !important;
    display: block !important;
}

/* caso o preto venha do bloco externo da linha */
.pagina-inicial .row-fluid .newsletter,
.pagina-inicial .conteudo .newsletter,
.pagina-inicial .secao-newsletter .conteiner {
    background: #7F4E11 !important;
}

/* texto */
.newsletter .titulo,
.newsletter .titulo strong,
.newsletter label,
.newsletter span,
.newsletter p {
    color: #F8F5EF !important;
}

/* campo */
.newsletter input[type="text"],
.newsletter input[type="email"] {
    background: #F8F5EF !important;
    color: #7F4E11 !important;
    border: none !important;
}

/* botão */
.newsletter button,
.newsletter input[type="submit"],
.newsletter .botao {
    background: #7F4E11 !important;
    color: #F8F5EF !important;
    border: 1px solid #F8F5EF !important;
}
/* complemento mais forte */
.pagina-inicial .secao-secundaria,
.pagina-inicial .secao-secundaria .conteiner,
.pagina-inicial .secao-secundaria .newsletter {
    background: #7F4E11 !important;
}
/* NINA ATELIER - MENU HAMBURGUER CARAMELO */

.menu.superior .icon-reorder,
.icon-reorder,
.icon-bars,
.atalho-menu,
.atalho-menu i {
    color: #7F4E11 !important;
}

/* Caso as linhas sejam desenhadas com CSS */
.menu-toggle span,
.hamburger span,
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    background-color: #7F4E11 !important;
}


/* NINA ATELIER - LUPA CARAMELO */

#cabecalho .busca .icon-search,
#cabecalho .busca button,
#cabecalho .busca button i {
    color: #7F4E11 !important;
}

/* ESCONDER A CAIXA DE TEXTO DA BUSCA */

#cabecalho .busca input[type="text"],
#cabecalho .busca input[type="search"] {
    display: none !important;
}

/* REMOVER FUNDO E BORDAS DA LUPA */

#cabecalho .busca button,
#cabecalho .busca .botao {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* NINA ATELIER - RODAPE MINIMALISTA */

/* Fundo branco */
#rodape,
#rodape .institucional,
#rodape .institucional .conteiner,
#rodape .institucional .interno {
    background: #FFFFFF !important;
    background-image: none !important;
}

/* Titulos do rodape */
#rodape .titulo,
#rodape .titulo strong,
#rodape h3,
#rodape h4 {
    color: #7F4E11 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Textos e links */
#rodape .institucional p,
#rodape .institucional a,
#rodape .institucional li {
    color: #55514E !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;
}

/* Links ao passar o mouse */
#rodape .institucional a:hover {
    color: #7F4E11 !important;
}

/* Icones das redes sociais */
#rodape .lista-redes i,
#rodape .redes-sociais i {
    color: #7F4E11 !important;
}

/* Espacamento */
#rodape .institucional {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/* Versao mobile */
@media (max-width: 767px) {
    #rodape .institucional {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}

/* NINA ATELIER - RODAPE LEGAL DISCRETO */

#rodape .pagamento-selos + .assinatura,
#rodape .assinatura,
#rodape .assinatura a {
    background-color: #FFFFFF !important;
    color: #999999 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

/* Reduzir espacamento */
#rodape .assinatura {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* NINA ATELIER - PREÇO NA PÁGINA DO PRODUTO */

.pagina-produto .preco-produto,
.pagina-produto .preco-produto strong,
.pagina-produto .preco-venda,
.pagina-produto .preco-promocional,
.produto .preco-produto,
.produto .preco-produto strong,
.produto .preco-venda,
.produto .preco-promocional {
    color: #7F4E11 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    background: transparent !important;
}

/* COR DO VALOR PRINCIPAL */
.pagina-produto .preco-produto .preco-venda,
.pagina-produto .preco-produto .preco-promocional,
.pagina-produto .preco-produto .preco-a-vista {
    color: #7F4E11 !important;
}
/* NINA ATELIER - DADOS DO RODAPE */

#rodape .assinatura,
#rodape .assinatura *,
#rodape .direitos,
#rodape .direitos *,
#rodape .credito,
#rodape .credito * {
    color: #A3A3A3 !important;
    font-size: 10px !important;
    font-weight: 400 !important;
}
/* TELEFONE NINA ATELIER */

.nina-telefone {
    color: #7F4E11 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.nina-telefone:hover {
    opacity: 0.7;
}

/* NINA ATELIER - CONTATO DO RODAPE */

#rodape .contato,
#rodape .contato a,
#rodape .contato li,
#rodape .contato span {
    color: #7F4E11 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

#rodape .contato a:hover {
    opacity: 0.7;
}

/* NINA ATELIER - REMOVER LATERAL DAS PAGINAS */

@media (min-width: 768px) {

  /* Oculta a coluna lateral */
  .pagina-categoria .coluna-lateral,
  .pagina-produto .coluna-lateral,
  .pagina-busca .coluna-lateral {
      display: none !important;
  }

  /* Amplia a area principal */
  .pagina-categoria .conteudo.span9,
  .pagina-produto .conteudo.span9,
  .pagina-busca .conteudo.span9 {
      width: 100% !important;
      margin-left: 0 !important;
  }
}

/* NINA ATELIER - REMOVER COLUNA LATERAL */

/* Ocultar categorias e newsletter laterais */
.pagina-categoria .secao-principal > .coluna.span3,
.pagina-produto .secao-principal > .coluna.span3,
.pagina-busca .secao-principal > .coluna.span3 {
    display: none !important;
}

/* Ampliar area dos produtos */
.pagina-categoria .secao-principal > .conteudo.span9,
.pagina-produto .secao-principal > .conteudo.span9,
.pagina-busca .secao-principal > .conteudo.span9 {
    width: 100% !important;
    margin-left: 0 !important;
}


/* NINA ATELIER - OCULTAR NEWSLETTER DO RODAPE */

#rodape .newsletter,
#rodape .newsletter-rodape,
#rodape .barra-newsletter,
#rodape .newsletter-footer,
#rodape .newsletter-bar,
#rodape .componente.newsletter,
#barraNewsletter,
.barra-newsletter,
.newsletter-rodape,
.newsletter-footer {
    display: none !important;
}