.produto-card {
  transition: transform 0.3s, box-shadow 0.3s;
  border: 1px solid var(--cor-quaternaria);
  /* Borda com a cor 4 */
  background-color: var(--cor-terciaria);
  /* Fundo com a cor 3 */
}

.produto-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  border-color: var(--cor-secundaria);
  /* Borda destaca no hover */
}

.produto-card img {
  height: 200px;
  object-fit: cover;
}

.card-title {
  color: var(--cor-primaria);
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.text-primary {
  color: var(--cor-secundaria) !important;
  /* Preço na cor secundária (destaque) */
}

.section-title {
  font-size: 2rem;
  font-weight: 500;
  color: var(--cor-primaria);
  position: relative;
  display: inline-block;
}

.section-subtitle {
  color: var(--cor-quaternaria);
}

/* Botões do Card */
.btn-outline-primary {
  border-color: var(--cor-secundaria);
  color: var(--cor-secundaria);
}

.btn-outline-primary:hover {
  background-color: var(--cor-secundaria);
  border-color: var(--cor-secundaria);
  color: var(--texto-sobre-secundaria);
}

.btn-primary {
  background-color: var(--cor-secundaria);
  border-color: var(--cor-secundaria);
  color: var(--texto-sobre-secundaria);
}

.btn-primary:hover {
  background-color: var(--cor-secundaria-escura);
}