/* RESET BÁSICO */
body {
  background-color: #f5f5f5;
  color: #222;
  font-family: Arial, Helvetica, sans-serif;
  padding-bottom: 50px;
  padding-top: 50px;
  background-color: #727d75;
}

/* NAVBAR */
.navbar {
  background-color: #111 !important;
}

.navbar .nav-link,
.navbar .navbar-brand {
  color: #fff !important;
}

.navbar .nav-link:hover {
  color: #ccc !important;
}

/* TÍTULOS */
h1, h2, h3 {
  font-weight: bold;
  color: #111;
}

/* CAROUSEL */
.carousel img {
  height: 400px;
  object-fit: cover;
  filter: brightness(70%);
}

.carousel-caption h5 {
  font-size: 28px;
  font-weight: bold;
}

.carousel-caption p {
  font-size: 16px;
}

/* CARDS */
.card {
  border: none;
  border-radius: 10px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  transform: scale(1.03);
  box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
}

/* IMAGENS DOS CARDS */
.card-img-top {
  height: 200px;
  object-fit: cover;
}

/* BOTÕES */
.btn-danger {
  background-color: #222;
  border: none;
}

.btn-danger:hover {
  background-color: #444;
}

/* LISTA DO CARRINHO */
.list-group-item {
  border: none;
  border-bottom: 1px solid #ddd;
}

/* MODAL */
.modal-content {
  border-radius: 10px;
}

/* FORMULÁRIO */
form {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}

.form-control:focus {
  border-color: #222;
  box-shadow: none;
}

/* FOOTER (se você tiver ou quiser adicionar) */
footer {
  background-color: #111;
  color: #fff;
  text-align: center;
  padding: 15px;
  margin-top: 40px;
}