.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.dropdown:hover .dropdown-menu {
  display: block;
}

#cardDireita {
  position: relative;
}

.mesmalinha {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.d1 {
  width: 20%;
}

.d2 {
  width: 80%;
}

.espacamento_coluna {
  margin-right: 10px;
}

.discount-badge {
  position: absolute;
  top: 4%;
  right: 2%;
  color: rgb(255, 255, 255); /* Cor do texto */
  padding: 10px 20px; /* Espaçamento interno */
  font-weight: 600; /* Deixar o texto em negrito */
  font-size: 14px; /* Tamanho do texto */
  transform: translate(20%, -50%);
  transform-origin: 100% 0; /* Ajuste conforme o design */
  /* box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); Sombra para destacar */
}

.discount-badge::after {
  content: "40% OFF";
  position: absolute;
  top: 51%;
  right: 23%;
  transform: rotate(45deg);
  transform-origin: 100% 0; /* Ajuste conforme o design */
}

.discount-badge-2 {
  position: absolute;
  top: 4%;
  right: 2%;
  color: rgb(255, 255, 255); /* Cor do texto */
  padding: 10px 20px; /* Espaçamento interno */
  font-weight: 600; /* Deixar o texto em negrito */
  font-size: 14px; /* Tamanho do texto */
  transform: translate(20%, -50%);
  transform-origin: 100% 0; /* Ajuste conforme o design */
  /* box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); Sombra para destacar */
}

.discount-badge-2::after {
  content: "25% OFF";
  position: absolute;
  top: 51%;
  right: 23%;
  transform: rotate(45deg);
  transform-origin: 100% 0; /* Ajuste conforme o design */
}

.popup-style {
  color: #000;
  padding: 5px;
  text-align: end;
  border-radius: 5px;
  display: block;
}

.backgroundOuro {
  background-color: #debe06 !important;
}

.backgroundAzul {
  background-color: #0088cc !important;
}
.w-10{
  width: 10% !important;
}
.w-30 {
  width: 30% !important;
}

.w-5 {
  width: 5% !important;
}

.w-70 {
  width: 70% !important;
}

.w-65 {
  width: 65% !important;
}

.w-60 {
  width: 60% !important;
}