/* ═══ B4 BRAND OVERLAY — Cronograma (padrão b4assessoria.cloud) ═══ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Newsreader:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');

:root {
  --purple: #7B00FF;
  --gold: #833AB4;              /* dourado → roxo Instagram */
  --b4-ig-gradient: linear-gradient(135deg,#FEDA77 0%,#F58529 22%,#DD2A7B 45%,#833AB4 72%,#515BD4 100%);
  --b4-roxo-grad: linear-gradient(135deg,#7B00FF 0%,#5800B8 100%);
  --b4-frost:
    radial-gradient(135% 95% at 10% -12%, rgba(184,205,255,0.14), transparent 56%),
    radial-gradient(120% 120% at 110% 114%, rgba(81,91,212,0.11), transparent 56%);
}

/* Tipografia da marca */
body { font-family: 'Inter', system-ui, -apple-system, sans-serif !important; -webkit-font-smoothing: antialiased; }
h1, h2, .hero h1, .page-title { font-family: 'Newsreader', Georgia, serif !important; font-style: italic; font-weight: 600; letter-spacing: -0.3px; }

/* Logo / acentos de marca */
.brand-logo, .logo-badge { background: var(--b4-roxo-grad) !important; }
.brand p { color: #B364D9 !important; }
.hero h1 .accent { background: var(--b4-ig-gradient) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }

/* Botões estilo landing — pill + gradiente + brilho */
button, .btn, .btn-ghost, .btn-primary, .btn-secondary { border-radius: 999px !important; transition: all .25s ease; }
button[type="submit"], .btn-primary {
  background: var(--b4-roxo-grad) !important; color: #fff !important; border: none !important;
  box-shadow: 0 6px 18px rgba(123,0,255,0.32), inset 0 1px 0 rgba(255,255,255,0.25) !important;
}
button[type="submit"]:hover, .btn-primary:hover { transform: translateY(-1px); }

/* Cards em vidro frosted — leve/clean */
.card {
  background-color: rgba(255,255,255,0.05) !important;
  background-image: var(--b4-frost) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 8px 28px rgba(10,6,20,0.22) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%);
}

/* Tema claro (equipe/membro já têm body.light) — vidro branco */
body.light .card {
  background-color: rgba(255,255,255,0.72) !important;
  border-color: rgba(255,255,255,0.85) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 8px 28px rgba(26,23,21,0.07) !important;
}