/* Tema Essencial (padrão): limpo e moderno, serve para qualquer ramo.
   Branco com tinta quase preta, destaque azul, cantos suaves e vitrine
   quadrada. */
.theme-essencial {
  --bg: #fafafa; --surface: #fff; --surface-2: #f2f3f5; --text: #111418; --text-2: #454b54; --muted: #7b828c; --border: #e6e8eb;
  --primary: #111418; --primary-ink: #fff; --primary-soft: #eef0f3; --accent: #2f5bea; --accent-ink: #fff;
  --announce-bg: #111418; --announce-ink: #e6e8eb; --hero-bg: linear-gradient(180deg, #f2f4f8 0%, #fafafa 100%);
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --display-weight: 750; --display-tracking: -0.03em;
  --radius: 18px; --radius-sm: 12px; --radius-btn: 999px; --thumb-ratio: 1 / 1;
  --t0: #e8edf7; --t0i: #34508f; --t1: #e6f1ec; --t1i: #2f6b52; --t2: #f3ebe4; --t2i: #8a5a35;
  --t3: #efe8f5; --t3i: #624386; --t4: #f6e9ec; --t4i: #9a3e57; --t5: #e7f0f3; --t5i: #2f6575;
}
.theme-essencial .hero { border-bottom: 0; }
.theme-essencial .hero h1 { line-height: 1.02; }
.theme-essencial .hero-tile { border-radius: 22px; }
.theme-essencial .card a { padding: 10px; border-radius: calc(var(--radius) + 6px); background: var(--surface); border: 1px solid var(--border); transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s; }
.theme-essencial .card a:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); border-color: transparent; }
.theme-essencial .card-body { padding: 14px 6px 6px; }
.theme-essencial .price { font-size: 17px; }
.theme-essencial .perks { background: var(--bg); }
.theme-essencial .perk .icon { padding: 10px; width: 44px; height: 44px; border-radius: 12px; background: color-mix(in srgb, var(--accent) 10%, transparent); }