/* Menu mobile geral */
.menu-mobile, 
.menu-mobile-container, 
#cabecalho .menu.superior-mobile {
  background-color: #000; /* fundo preto */
}

/* Itens e links do menu mobile */
.menu-mobile a,
.menu-mobile-container a,
#cabecalho .menu.superior-mobile a {
  color: #fff; /* texto branco */
  text-transform: uppercase;
  font-size: 15px;
  padding: 10px 14px;
  display: block;
  transition: background-color 0.3s, color 0.3s;
}

/* Hover / toque no mobile */
.menu-mobile a:hover,
.menu-mobile-container a:hover,
#cabecalho .menu.superior-mobile a:hover {
  background-color: #B30000; /* vermelho da marca */
  color: #fff;
}

/* Ajuste de submenu no mobile */
.menu-mobile ul ul,
.menu-mobile-container ul ul {
  background-color: #111;
}

.menu-mobile ul ul a,
.menu-mobile-container ul ul a {
  font-size: 14px;
  padding: 8px 12px;
}

/* Barra de categorias principal */
#cabecalho > div.menu.superior {
  background-color: #000; /* fundo preto */
  border-bottom: 1px solid #222;
}

/* Links dentro da barra */
#cabecalho > div.menu.superior a {
  color: #fff;           /* texto branco */
  padding: 10px 14px;    /* altura reduzida */
  text-transform: uppercase;
  display: inline-block;
  font-size: 15px;
  transition: background-color 0.3s, color 0.3s; /* animação suave */
  text-decoration: none;
}

/* Hover / toque */
#cabecalho > div.menu.superior a:hover {
  background-color: #B30000; /* vermelho da marca */
  color: #fff;
}

/* Submenus (se houver) */
#cabecalho > div.menu.superior ul li ul {
  background-color: #111;   /* fundo mais escuro para subcategorias */
  padding-left: 10px;
}

#cabecalho > div.menu.superior ul li ul a {
  color: #fff;
  padding: 8px 12px;
  font-size: 14px;
  trans