.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;
}

#inputradioplanos {
  display: none;
}

#radiotrimen {
  display: none;
}
#cardDireita {
  position: relative;
}

.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: "45% 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: "35% 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;
}