/* Estilos base */
.plan-card-platinum {
  background: linear-gradient(135deg, #e0e0e0 0%, #bdbdbd 100%);
  color: #495057;
  transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Transição suave para cor e sombra */
}

.plan-header-platinum {
  background-color: rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.plan-card-platinum .card-title {
  color: #343a40;
}

.plan-card-platinum .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.plan-card-platinum .bi-check-circle-fill {
  color: #28a745;
}

.plan-card-black {
  background: linear-gradient(135deg, #343a40 0%, #000000 100%);
  color: #f8f9fa;
  transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Transição suave para cor e sombra */
}

.plan-header-black {
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.plan-card-black .card-title {
  color: #f8f9fa;
}

.plan-card-black .form-check-input:checked {
  background-color: #adb5bd;
  border-color: #adb5bd;
}

.plan-card-black .bi-check-circle-fill {
  color: #28a745;
}

.form-check .form-check-input {
  float: none;
  margin-right: 0.5rem;
}

.plan-card-platinum ul li,
.plan-card-black ul li {
  margin-bottom: 8px;
  font-size: 0.95rem;
}

.plan-card-platinum .card-body,
.plan-card-black .card-body {
  padding-top: 20px;
}

.plan-price {
  font-weight: bold;
  margin-top: 0;
}

/* Estilos de hover para o Plano Platinum */
.plan-card-platinum:hover {
  background: linear-gradient(135deg, #cfcfcf 0%, #a9a9a9 100%); /* Tom mais escuro no hover */
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Adiciona uma sombra suave */
}

/* Estilos de hover para o Plano Black */
.plan-card-black:hover {
  background: linear-gradient(135deg, #1a1e21 0%, #121212 100%); /* Tom mais claro no hover */
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3); /* Adiciona uma sombra suave */
}

.list-unstyled li {
    padding: 0.5em !important;
    border: 0px solid grey;
    margin-bottom: 0px !important;
    display: flex;
    justify-content: left !important;
    align-items: center !important;
}

.danger-item {
    border-left: 3px solid red !important;
}

.success-item {
    border-left: 5px solid greenyellow !important;
}