/* Paleta inspirada na 99K Joias: cinza escuro + laranja + azul */
:root {
  --cor-tituloContato: #333333;
  --cor-textoContato: #333333;
  --cor-menu: #2E2E2E;             /* Cinza escuro para cabeçalho e menus */
  --cor-tituloVitrine: #2E2E2E;
  --cor-barraSuperior: #2E2E2E;    /* Cinza escuro na barra do topo */
  --cor-textoBarraSuperior: #FFFFFF;
  --cor-botaoRastreio: #FFA726;    /* Laranja para botões */
  --cor-textoBotaoRastreio: #FFFFFF;
  --cor-botaoRastreioHover: #E69500;
  --cor-textoBotaoRastreioHover: #FFFFFF;
  --cor-textoRastreioTitulo: #FFA726;
  --cor-nomeDepoimento: #333333;
  --cor-localDepoimento: #999999;
  --cor-textoDepoimento: #666666;
  --cor-tituloRodape: #2E2E2E;
  --cor-textoRodape: #2E2E2E;
  --cor-textoRodapeHover: #FFA726;
  --cor-nomeProduto: #000000;
  --cor-textoFrete: #666666;
  --cor-barra-frase: #3A3A3A;

  /* Seus ícones de categorias continuam apontando para as imagens atuais */
  --icone-menu1: url(https://cdn.awsli.com.br/2150/2150074/arquivos/1-bijuterias.png);
  --icone-menu2: url(https://cdn.awsli.com.br/2150/2150074/arquivos/2-bolsas.png);
  --icone-menu3: url(https://cdn.awsli.com.br/2150/2150074/arquivos/3-brincos.png);
  --icone-menu4: url(https://cdn.awsli.com.br/2150/2150074/arquivos/4-caminho-de-mesa.png);
  --icone-menu5: url(https://cdn.awsli.com.br/2150/2150074/arquivos/5-conjunto-de-cropped-e-shorts.png);
  --icone-menu6: url(https://cdn.awsli.com.br/2150/2150074/arquivos/6-tapetes.png);
}

/* Classes para colorir partes da frase (10% OFF, cupom e 1ª compra) */
.destaque-laranja {
  color: #FFA726; /* Laranja vibrante */
}
.destaque-azul {
  color: #03A9F4; /* Azul claro */
}

/* Barra do topo: só aparece no desktop */
.msg-desktop { display: none; }
@media screen and (min-width: 768px) {
  .msg-desktop {
    display: inline;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff; /* Texto branco na barra escura */
  }
}

/* Menu Mobile – mantém as imagens dos ícones */
@media screen and (max-width: 767px) {
  #menuinsta > div > div > div > li.slick-slide:nth-child(1) > a:before { background-image: var(--icone-menu1); }
  #menuinsta > div > div > div > li.slick-slide:nth-child(2) > a:before { background-image: var(--icone-menu2); }
  #menuinsta > div > div > div > li.slick-slide:nth-child(3) > a:before { background-image: var(--icone-menu3); }
  #menuinsta > div > div > div > li.slick-slide:nth-child(4) > a:before { background-image: var(--icone-menu4); }
  #menuinsta > div > div > div > li.slick-slide:nth-child(5) > a:before { background-image: var(--icone-menu5); }
  #menuinsta > div > div > div > li.slick-slide:nth-child(6) > a:before { background-image: var(--icone-menu6); }
}