.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: var(--radius-badge);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid transparent;
}

/* Plan Badges */
.badge-plan-free {
  background-color: var(--color-navy-secondary);
  color: var(--color-light);
}

.badge-plan-semanal {
  background-color: rgba(34, 197, 94, 0.1);
  color: var(--color-success);
  border-color: rgba(34, 197, 94, 0.2);
}

.badge-plan-mensal {
  background-color: rgba(245, 158, 11, 0.1);
  color: var(--color-warning);
  border-color: rgba(245, 158, 11, 0.2);
}

.badge-plan-elite {
  background-color: var(--color-gold-10);
  color: var(--color-gold);
  border-color: var(--color-gold);
}

.badge-plan-familia {
  background-color: rgba(220, 38, 38, 0.1);
  color: var(--color-danger);
  border-color: rgba(220, 38, 38, 0.2);
}

/* Status Badges */
.badge-status-active {
  background-color: rgba(34, 197, 94, 0.1);
  color: var(--color-success);
}

.badge-status-pending {
  background-color: rgba(245, 158, 11, 0.1);
  color: var(--color-warning);
}

.badge-status-processing {
  background-color: rgba(212, 175, 55, 0.1);
  color: var(--color-gold);
}

.badge-status-expired {
  background-color: rgba(13, 27, 42, 0.1);
  color: var(--color-navy);
}

.badge-status-suspended {
  background-color: rgba(220, 38, 38, 0.1);
  color: var(--color-danger);
}

/* Strength Badges */
.badge-strength-strong {
  background-color: var(--color-success);
  color: var(--color-white);
}

.badge-strength-medium {
  background-color: var(--color-warning);
  color: var(--color-white);
}

.badge-strength-weak {
  background-color: var(--color-danger);
  color: var(--color-white);
}