body {
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh !important; /* Garante que o body ocupe a altura total da tela */
  background-color: #262626 !important;
}

.content {
  flex: 1; /* Garante que o conteúdo principal ocupe o espaço disponível */
}

.div_main{
  margin-top: 40px; 
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}

.card_main{
  width: 55%;
  background: rgb(255,194,62);
  background: linear-gradient(0deg, rgba(255,194,62,1) 0%, rgba(255,194,62,1) 50%, rgba(209,143,0,1) 100%);
  margin-bottom: 45px;
  border-radius: 15px !important;
}

.card_css{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 15px !important;

  background: rgb(255,194,62);
  background: linear-gradient(0deg, rgba(255,194,62,1) 0%, rgba(255,194,62,1) 50%, rgba(209,143,0,1) 100%);
}

.card_css_modal{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 15px !important;
}

.card_css_prod{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 15px !important;
}

.card_css_prod:hover{
  transform: scale(1.03); /* Aumenta o tamanho do botão levemente */
}

.card_css:hover{
  transform: scale(1.03); /* Aumenta o tamanho do botão levemente */
}

.card_img_prod{
  border-radius: 15px !important;
  width: 200px;
  min-height: 22vh;
  height: 205px;
}

.text_css{
  font-weight: bold;
}

.img_card{
  border-radius: 15px 15px 0px 0px;
}

.img_card_sub{
  background-color: black;
  border-radius: 15px 15px 0px 0px;
}

.img_main{
  border-radius: 15px 15px 0px 0px !important;
  height: 35vh;
  object-fit: fill;
}

.img_modal{
  display:flex;
  justify-content: center;
}

.modal_css{
  min-width: 50vw;
}