/* --- Replicação de Estilo: Layout Limpo e Moderno --- */

/* Ajuste do Cabeçalho e Barra Superior */
#cabecalho {
  border-bottom: 1px solid #e5e5e5;
  background-color: #ffffff;
}

/* Estilo dos Botões Principais (Comprar / Ações) */
.botao.principal, 
.acao-editar .botao,
#corpo .componente .botao {
  background-color: #000000 !important; /* Cor principal de ação */
  color: #ffffff !important;
  border-radius: 6px !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.botao.principal:hover {
  opacity: 0.88;
}

/* Card de Produtos na Vitrine */
.listagem .listagem-item {
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 12px;
  background: #ffffff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.listagem .listagem-item:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

/* Preço em Destaque */
.preco-produto .preco-venda {
  color: #111111;
  font-weight: 700;
  font-size: 1.25rem;
}

/* Menu Superior de Categorias */
#cabecalho .menu.superior {
  background-color: #f8f9fa;
  border-top: 1px solid #eeeeee;
}

#cabecalho .menu.superior .nivel-um > li > a {
  color: #333333;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
}