@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap');

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
span,
strong,
small,
input,
.titulo,
input, 
button, 
select, 
textarea {
font-family: 'Nunito', sans-serif;
}

.listagem .span3 .listagem-item .nome-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .listagem-item .nome-produto {
    margin-top: 35px;
}

.listagem .imagem-produto img {
    max-width: 130%;
    max-height: 130%;
}

.botao.principal:hover {
        background-color: #fff;
            border: 1px solid #845c91;
            color: #7a4f89;
}

.btn {
    padding: 9px;
}

#barraNewsletter .componente .botao,
#barraNewsletter .componente input[type="text"] {
    border-radius: 30px;
}

#barraNewsletter .componente .botao {
    line-height: 15px;
    padding-bottom: 10px;
}

.componente .interno {
    border-bottom: 1px solid;
    background: #7a4f89!important;
}

.identificacao .control-group .submit-email.botao.principal {
    right: -20px;
    max-width: 119px;
}


#barraNewsletter .componente .texto-newsletter, #barraNewsletter .componente .alert {
    font-size: 18px;
    font-weight: bold;
}

#barraNewsletter .componente .botao {
    border: 1px solid;
}

.logo a img {
    max-height: 120%;
}

#barraNewsletter .componente .texto-newsletter, #barraNewsletter .componente .alert {
    margin-top: 5px;
}

.menu.superior .nivel-dois a {
    line-height: 30px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
}

.menu .nivel-dois li {
    border-width: 0px;
}

.busca .botao-busca {
    border-color: #7a4f89;
}

.botao:hover {
    background-image: none;
}

.botao.principal, .menu li:hover>a .fundo-secundario, .flex-control-paging li a.flex-active, .dropdown-menu>li>a:hover, .filtro.lista ul li label:hover, .menu-simples li a:hover, .menu-simples li.active a {
    background-color: #000;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
}


.listagem-item .acoes-produto {
    background-color: transparent;
    border-width: 0;
}

.conteiner {
  max-width: 1320px;
}

/* WHATSAPP FIXO */

  .whatsapp-fixo {
    position: fixed;
    bottom:20px;
    right:10px;
    z-index: 999;
}

.fundo-secundario, .flex-control-paging li a:hover {
    background-color: #7a4f89;
}

.menu.superior .titulo {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 12px;
}

.canais-contato ul {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
}

.busca input,
.busca,
.busca .botao-busca {
    border-radius: 30px;
}

.busca .botao-busca {
    right: 24px;
    top: 5px;
    height: 41px;
}

.busca {
    padding: 5px;
    background-color: transparent;
    border: none;
}

input[type="text"]{
    box-shadow: none;
    height: 30px;
}

.botao {
    background-image: none
}

.carrinho {
    border-radius: 30px;
}

.carrinho>a i,
.acoes-conta>li i {
    background: transparent;
}

.icon-list:before,
.icon-user:before,
.icon-shopping-cart:before {
    color: #7a4f89;
}

.acoes-conta li>*,
.carrinho>a span {
    text-transform: uppercase;
    font-size: 11px;
}

.carrinho>a span b {
    font-weight: 800;
}

.carrinho {
    border-color: rgb(191 191 191);
}

a:hover {
    color: #b979cf!important;
    font-weight: 700;
    text-decoration: none;
}

.lista-redes .icon-facebook {
    background-color: transparent!important;
}

.lista-redes a:hover i {
    background-color: transparent;
}

.lista-redes .icon-instagram {
    background: transparent!important;
}

.menu.superior {
    background:white;
}

.menu.superior .nivel-um>li {
    border-right: none;
    border-left: none;
}

.menu li.com-filho>a i {
    background: transparent;
}

.menu.superior {
    border-top: 1px solid #efefef !important
}

.menu.superior .titulo:hover {
    color: #7a4f89;
}
    
.menu.superior .nivel-um>li:hover {
    border-top-width: 4px;
    border-color: #7a4f89;
}

.menu li:hover>a .fundo-secundario {
    background-color: transparent;
}

.cor-secundaria {
    color: #939393;
}

.listagem .titulo-categoria:first-child,
.listagem .titulo-categoria {
    text-align: center;
    line-height: 1.1;
    font-size: 1.45em !important;
    font-weight: bolder;
    text-transform: uppercase;
    color: #7a4f89;
}

#rodape .institucional,
#rodape .redes-sociais,
.pagamento-selos {
    background-image: none;
}

#rodape .titulo {
    text-transform: uppercase;
    font-weight: 700;
}

.links-rodape ul li {
    list-style-image: none;
}

.listagem .bandeiras-produto .bandeira-carrinho {
    background-color: #7a4f89;
    border-radius: 10px;
    border: none;
}

.listagem .listagem-item .nome-produto {
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    font-weight: bolder;
}

.preco-produto strong.titulo {
    font-size: 20px;
    font-weight: 800;
    color: #7a4f89;
}

.listagem .titulo-categoria:first-child,
.listagem .titulo-categoria  {
    border-top: none;
}

.listagem .titulo-categoria:hover {
    background: none;

}


#rodape .redes-sociais {
    border-top: none;
    box-shadow: 0 3px 7px 0 rgb(0 0 0 / 11%);
}

#rodape .titulo {
    border-bottom: none;
}

#rodape .institucional ul,
p {
    font-size: 13px;
}

.produto .nome-produto {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    color: #7a4f89;
}

.btn {
    color: #fff;
    font-weight: 800;
    text-shadow: none;
    background-color: #7a4f89;
    background-image: none;
}

.cep label {
    font-size: 12px;
    text-transform: uppercase;
}

.botao.grande {
    font-size: 26px;
    font-weight: 500;
    background:black;
}

.botao.grande {
    border-radius: 30px;
}

.elastislide-carousel ul li.active a {
    border-color: #7a4f89;
}

.produto-compartilhar .lista-favoritos {
    background: #7a4f89;
}

.produto-compartilhar .lista-favoritos,
._2tga._8j9v {
    border-radius: 30px;
}

.lista-redes ul li {
    border-left: transparent;
}

.pagamento-selos {
    background:  #fff;
}

#barraTopo {
    box-shadow: 0 0 7px rgb(208 208 208 / 50%);
    height: 50px;
}

.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a {
    box-shadow: 0 0 5px rgb(153 153 153 / 30%);
    border: 1px solid white;
}

.conteudo h1 {
    color: #7a4f89;
}

.botao-input {
    padding: 12px 19px;
    background: #7a4f89!Important;
}

.componente .titulo {
    text-transform: uppercase;
    font-weight: 800;
    color: #7a4f89;
}

.componente {
    border-top: #7a4f89 2px solid;
}

.componente .interno {
    background: #efefef;
}

.carrinho-interno {
    border-top: none;
    box-shadow: 0 0 3px rgb(175 175 175 / 50%);
}

.carrinho-interno>div .botao {
    background: black;
    border-radius: 30px;
}

.carrinho-interno>div>span>span {
    font-weight: 800;
    color: #7a4f89;
}

#cabecalho {
    padding-top: 0px!important;
}

#rodape .redes-sociais {
    height: 299px;
    background: #7a4f89;
    box-shadow: none!important;
}

.institucional .redes-sociais .titulo {
    color: #fff;
}

@media only screen and (max-width: 767px) {

#cabecalho {
    padding-top: 60px!important;
}

.listagem .titulo-categoria:first-child, .listagem .titulo-categoria {
    font-size: 25px!important;
}

.conteudo-topo .busca-mobile {
    background-color: transparent;
}

input[type="text"] {
    height: 20px;
}

.busca .botao-busca {
    height: 41px;
    right: 0px;
}

.conteudo-topo .busca-mobile .atalho-menu {
    float: right;
    line-height: 28px;
    border-radius: 30px;
    background: #7a4f89;
    margin-top: 5px;
}

.icon-list:before, .icon-user:before, .icon-shopping-cart:before {
    color: #ffffff;
}

.atalhos-mobile li {
    background: #7a4f89;
}
.atalhos-mobile li {
    border-right: none;
    border-left: none;
}

.atalhos-mobile {
    border-bottom: transparent;
}

.acoes-produto-responsiva .tag-comprar {
    margin-top: 160px!Important;
    margin-right: 85px!important;
    background: #7a4f89;
}
}

/* Aviso Topo */

body {
  --barraAvisoTopoBG: #e95aa0;
  --barraAvisoTopoTexto: #dedede;
  --barraAvisoTopoAltura: 28px;
  margin-top: var(--barraAvisoTopoAltura);
}

.barraAvisoTopo {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;

  width: 100vw;
  min-height: var(--barraAvisoTopoAltura);
  padding: 4px;

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

  background: #e95aa0;
  color: #ffffff;
  font-size: 12px;
}

.banner.cheio+.row-fluid {
    margin-top: 0px!important;
}

.flexslider {
    margin-top: -15px;
}