/* =============================================================
   Tema AURORA — moderno, luminoso, fluido
   ============================================================= */
[data-st-mode="claro"] {
  --st-primary: #4f46e5; --st-accent: #06b6d4;
  --st-bg: #ffffff; --st-surface: #f6f7fb; --st-surface-2: #eceef7;
  --st-text: #0b1020; --st-muted: #5b6478; --st-on-primary: #ffffff; --st-on-accent: #062a33;
  --st-border: rgba(11,16,32,.08);
  --st-shadow: 0 14px 40px rgba(79,70,229,.10); --st-shadow-lg: 0 30px 80px rgba(79,70,229,.16);
}
[data-st-mode="escuro"] {
  --st-primary: #8b8cf8; --st-accent: #22d3ee;
  --st-bg: #0b1020; --st-surface: #131a2e; --st-surface-2: #1b2440;
  --st-text: #eef1f8; --st-muted: #9aa4bd; --st-on-primary: #0b1020; --st-on-accent: #062a33;
  --st-border: rgba(238,241,248,.09);
  --st-shadow: 0 14px 40px rgba(0,0,0,.45); --st-shadow-lg: 0 30px 80px rgba(0,0,0,.6);
}
:root {
  --st-radius: 22px; --st-radius-sm: 12px; --st-radius-btn: 999px;
  --st-header-h: 84px; --st-title-tracking: -0.03em; --st-title-weight: 700;
}

/* Fundo com aurora suave */
.st-tema-aurora .st-body, .st-tema-aurora { background-color: var(--st-bg); }
.st-tema-aurora::before {
  content: ""; position: fixed; inset: -20% -10% auto -10%; height: 70vh; z-index: -1; pointer-events: none;
  background:
    radial-gradient(40% 55% at 20% 30%, color-mix(in srgb, var(--st-primary) 22%, transparent), transparent 70%),
    radial-gradient(35% 50% at 80% 20%, color-mix(in srgb, var(--st-accent) 20%, transparent), transparent 70%);
  filter: blur(40px); animation: st-aurora-drift 24s ease-in-out infinite alternate;
}
@keyframes st-aurora-drift { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(3%, 4%, 0) scale(1.08); } }

/* Header em vidro */
.st-tema-aurora .st-glass-bar { border-radius: 999px; }
.st-tema-aurora .st-nav-list > li > a { font-weight: 600; }
.st-tema-aurora .st-nav-list > li > a:hover { background: color-mix(in srgb, var(--st-primary) 10%, transparent); }
.st-tema-aurora .st-brand-logo { border-radius: 14px; }

/* Hero com gradiente animado */
.st-tema-aurora .st-hero:not(.st-hero--has-img) .st-hero-overlay {
  background: linear-gradient(120deg, var(--st-primary), color-mix(in srgb, var(--st-primary) 40%, var(--st-accent)), var(--st-accent));
  background-size: 200% 200%; animation: st-grad-move 14s ease infinite; opacity: 1;
}
@keyframes st-grad-move { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.st-tema-aurora .st-hero { border-radius: 0 0 var(--st-radius) var(--st-radius); }
.st-tema-aurora .st-hero-title { font-weight: 800; }

/* Componentes */
.st-tema-aurora .st-card-item { border: 1px solid transparent; background: var(--st-surface); }
.st-tema-aurora .st-card-item::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--st-primary) 40%, transparent), transparent 40%, color-mix(in srgb, var(--st-accent) 30%, transparent));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity .3s;
}
.st-tema-aurora .st-card-item:hover::before { opacity: 1; }
.st-tema-aurora .st-card-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--st-primary) 18%, transparent), color-mix(in srgb, var(--st-accent) 18%, transparent)); border-radius: 16px; }
.st-tema-aurora .st-stat { background: linear-gradient(160deg, var(--st-surface), var(--st-bg)); }
.st-tema-aurora .st-stat-num { background: linear-gradient(90deg, var(--st-primary), var(--st-accent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.st-tema-aurora .st-cta-inner { border-radius: 28px; }
.st-tema-aurora .st-quote-mark { background: linear-gradient(90deg, var(--st-primary), var(--st-accent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.st-tema-aurora .st-sec--alt { background: linear-gradient(180deg, var(--st-surface), transparent); }
.st-tema-aurora .st-footer { background: transparent; border-top: 1px solid var(--st-border); position: relative; }
.st-tema-aurora .st-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: linear-gradient(90deg, transparent, var(--st-primary), var(--st-accent), transparent); }
.st-tema-aurora .st-tl-dot { border-color: var(--st-primary); }
.st-tema-aurora .st-tl-dot::after { background: var(--st-accent); }
.st-tema-aurora .st-blog-card { border-color: transparent; }
.st-tema-aurora .st-blog-card:hover { border-color: color-mix(in srgb, var(--st-primary) 30%, transparent); }