/* =============================================================
   glass.css — Design System: Glass Morphism + Gradientes
   Próvision · Revisão: 2026-03-27
   Inclua APÓS design-tokens.css em todas as páginas que usarem
   glass morphism (workspace dark e vitrine pública).

   AVISO: .glass-card vive em provision-lp.css. Não redefinir aqui.
   ============================================================= */

/* ── Superfícies glass ──────────────────────────────────────── */

/* Painel / card padrão */
.glass {
  background: rgba(30, 41, 59, 0.42);
  border: 1px solid rgba(148, 163, 184, 0.14);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

/* Topbar / header fixo */
.glass-header {
  background: rgba(15, 23, 42, 0.55);
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

/* Modal / overlay */
.glass-modal {
  background: rgba(30, 41, 59, 0.78);
  border: 1px solid rgba(148, 163, 184, 0.20);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* .glass-card foi movida para provision-lp.css (lp-kit cascade). */

/* Card na LP clara (hero dark background) */
.glass-card-dark {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.glass-card-dark:hover {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(196, 154, 60, 0.35);
  transform: translateY(-2px);
}

/* Sidebar item ativo com glass */
.glass-sidebar-active {
  background: rgba(59, 130, 246, 0.14);
  border-left: 2px solid var(--blue, #3B82F6);
}

/* ── Gradientes ─────────────────────────────────────────────── */

/* Botão primário azul → verde */
.btn-gradient {
  background: linear-gradient(135deg, var(--blue, #3B82F6) 0%, var(--green, #10B981) 100%);
  color: #ffffff;
  border: none;
  transition: opacity 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
.btn-gradient:hover {
  opacity: 0.92;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.30);
}

/* Botão gold */
.btn-gradient-gold {
  background: linear-gradient(135deg, #C49A3C 0%, #E8B84B 60%, #C49A3C 100%);
  color: #0f172a;
  border: none;
  font-weight: 700;
  transition: opacity 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
.btn-gradient-gold:hover {
  opacity: 0.92;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(196, 154, 60, 0.35);
}

/* Texto com gradiente */
.text-gradient {
  background: linear-gradient(135deg, #3B82F6, #10B981);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.text-gradient-gold {
  background: linear-gradient(135deg, #C49A3C, #E8B84B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Background gradiente hero dark */
.bg-gradient-hero {
  background: linear-gradient(135deg, #0b1120 0%, #1b2540 50%, #0d1b35 100%);
}

/* ── Badges e chips ─────────────────────────────────────────── */

.badge-glass {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #cbd5e1;
  backdrop-filter: blur(8px);
}

.badge-glass-gold {
  background: rgba(196, 154, 60, 0.12);
  border: 1px solid rgba(196, 154, 60, 0.30);
  color: #C49A3C;
}

.badge-glass-blue {
  background: rgba(59, 130, 246, 0.12);
  border: 1px solid rgba(59, 130, 246, 0.28);
  color: #93c5fd;
}

.badge-glass-green {
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.28);
  color: #6ee7b7;
}

/* ── Separadores e linhas ───────────────────────────────────── */

.divider-glass {
  border: none;
  border-top: 1px solid rgba(148, 163, 184, 0.10);
  margin: 0;
}

/* ── Inputs glass (workspace dark) ─────────────────────────── */

.input-glass {
  background: rgba(15, 23, 42, 0.60);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  color: #e2e8f0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.input-glass:focus {
  outline: none;
  border-color: rgba(59, 130, 246, 0.50);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}
.input-glass::placeholder {
  color: #475569;
}

/* ── Stats / métricas card ──────────────────────────────────── */

.stat-card-glass {
  background: rgba(30, 41, 59, 0.50);
  border: 1px solid rgba(148, 163, 184, 0.10);
  border-radius: 12px;
  padding: 20px 24px;
  transition: border-color 0.2s;
}
.stat-card-glass:hover {
  border-color: rgba(59, 130, 246, 0.30);
}