/* ══════════════════════════════════════════════════════════
   SALVAU — Panel Admin Styles  v4
   ══════════════════════════════════════════════════════════ */

.sv-admin-badge {
  background: var(--sv-danger-soft);
  border: 1px solid rgba(220, 38, 38, 0.35);
  color: var(--sv-danger);
  padding: 0.35rem 0.95rem;
  border-radius: var(--sv-r-pill);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.sv-recarga-card {
  background: var(--sv-surface);
  border-radius: var(--sv-r-lg);
  border: 1px solid var(--sv-border);
  box-shadow: var(--sv-shadow-sm);
  overflow: hidden;
  transition: all var(--sv-transition);
}
.sv-recarga-card:hover {
  box-shadow: var(--sv-shadow-glow);
  border-color: var(--sv-border-bright);
  transform: translateY(-3px);
}

.sv-recarga-img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  background: var(--sv-surface-2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sv-text-muted);
  font-size: 2.5rem;
}
.sv-recarga-body { padding: 1.25rem; }

@media (prefers-reduced-motion: reduce) {
  .sv-recarga-card { transition: none !important; }
  .sv-recarga-card:hover { transform: none !important; }
}