@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

* {
  font-family: 'Poppins', sans-serif;
}

body {
  background: linear-gradient(#ffdea0, #f0dfbf, #ffdea0);
  margin-bottom: 1px;
}

.card {
  height: 100%;
  /* Todos os cards têm a mesma altura */
  position: relative;
}

.card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Mantém o botão no final */
}

.list-complemento li {
  color: white;
}

.header {
  background-color: #442230 !important;
}

#navbarNav ul li a {
  color: #FFF;
}

.btn-1 {
  color: white;
  background-color: #442230 !important;
  border: solid, #ffbd59 1px !important;
}

.btn-1:hover {
  color: white;
  background-color: #ffbd59 !important;
  border: solid, #442230 1px !important;
}

.btn-2 {
  color: white;
  background-color: #ffbd59 !important;
  border: solid, #442230 2px !important;
}

.btn-2:hover {
  color: white;
  background-color: #442230 !important;
  border: solid, #ffbd59 1px !important;
}

.card-acai {
  padding: 15px;
  border-radius: 15px;
  background-color: #442230 !important;
}

.card-acai div h5 {
  font-size: 25px;
  text-align: center;
  color: #fff;
}

.card-acai div p {
  font-size: 15px;
  color: white;
}

.card-acai div hr {
  color: white;
}

.card-acai div div {
  text-align: center;
}

.card-acai div div button {
  border: #ffbd59;
  background-color: #ffbd59;
  color: white;
}

.card-acai div div button:hover {
  border: #ffd79b;
  background-color: #ffd79b;
  color: white;
}

#openCart {
  width: 200px;
}

.cart-button-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1050;
}

.cart-button-container button {
  border-radius: 50px;
  padding: 10px 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

h2 {
  text-align: center !important;
  font-size: 50px !important;
}

h3 {
  font-size: 45px !important;
}

.fixed-bottom {
  background-color: #442230;
  z-index: 1050;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

.fixed-bottom .fa-lg {
  font-size: 1.2rem;
  /* Tamanho dos ícones */
}

.fixed-bottom a {
  color: inherit;
  /* Herda a cor do texto */
}

.fixed-bottom a:hover {
  color: #007bff;
  /* Cor ao passar o mouse */
}

.offcanvas {
  width: 75% !important;
}

.offcanvas-body ul.list-group {
  margin: 0;
  padding: 0;
  list-style: none;
}

.offcanvas-body ul.list-group li {
  border-bottom: 1px solid #ddd;
}

.offcanvas-body ul.list-group li:last-child {
  border-bottom: none;
}
.first{
  margin-top: 5rem
}
.end{
  margin-bottom: 5rem
}
@media (max-width: 768px) {
  .card {
    margin-bottom: 1rem;
  }

  .custom-scroll {
    max-height: 400px;
    /* Define o tamanho máximo do modal */
    overflow-y: auto;
    /* Ativa a rolagem vertical quando necessário */
    overflow-x: hidden;
    /* Oculta a rolagem horizontal */
    padding-right: 10px;
    /* Ajusta o espaço para a barra de rolagem */
  }

}