/* DOIS ITENS MOBILE */
@media (max-width: 768px){
  div#listagemProdutos li.listagem-linha li.span3 {
      min-height: 450px;
      width: 50%;
      margin: 0;
      padding: 0;
      float: left;
  }
  .listagem .listagem-item .imagem-produto, .listagem .listagem-item .info-produto {
      width: 100%;
  }
}

/* COR MENU CATEGORIAS */
.menu.superior {
    background:  #FFBF00;
}

/* FONTE DESTAQUES VITRINE */
.titulo-categoria.vitrine-mas-vendido {
    padding: 10px 60px;
    font-size:13px;
}

/* TAMANHO BARRA LOGO */
#cabecalho .logo a {
    width: 100%;
    transition: ease-in-out.2s;
    margin: 0 AUTO;
    height: 150px;
}

/* TAMANHO LOGO */
.logo a img {
max-height: 200%;
}

/* FONTE DESCRIÇÃO PRODUTOS DESKTOP e MÓBILE */
.produto p {
  font-family:'Poppins', sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #333;
}

/* DISTANCIA BOLINHAS CATEGORIA MÓBILE */
@media (max-width: 767px) {
  .slick-track .borda-principal {
    margin: 0 -20px !important; /* diminui o espaço entre as bolinhas no mobile */
  }
}

/* FONTE LETRAS BOLINHAS CATEGORIA MÓBILE */
@media (max-width: 767px) {
  .slick-slide strong.titulo {
    font-family: "Poppins", sans-serif; /* ou outra fonte */
    font-size: 10px; /* ajusta o tamanho da fonte */
    font-weight: 800; /* peso da fonte */
    text-transform: uppercase; /* tudo maiúsculo, se quiser */
    color: #333; /* cor do texto */
  }
}

/* MENU CATEGORIAS NO MÓBILE NA FRENTE DO LOGO */
@media (max-width: 768px) {
  .atalho-menu.visible-phone {
    position: relative;
    z-index: 2; /* Um valor pequeno, só para ficar acima do fundo */
  }

    .fundo-principal {
    z-index: 9999; /* Só o fundo branco aberto que fica lá em cima */
    position: relative;
  }
}

/* FONTE MENU LATERAL MÓBILE */
@media screen and (max-width: 767px) {
    .menu.lateral .nivel-um .titulo, .menu.superior .nivel-um .titulo {
        font-size: 14px;
        color: #000;
        letter-spacing: 0.5px;
        line-height: 40px;
        font-weight: 700;
        margin: -8px;
    }
}

/* FONTE NOME DO PRODUTO MÓBILE */
@media screen and (max-width: 768px) {
  .pagina-produto .produto .nome-produto {
    font-size: 24px;
    line-height: inherit;
    margin: 7px;
    font-weight: 750;
    text-transform: capitalize;
    color: var(--cor-nomeProduto);
  }
}


/* ___________________________________________*/