/* ==========================================================================
   VARIANTES DE DESIGN E LAYOUT - PROTÓTIPO VAGA SIMPLES
   ========================================================================== */

/* --------------------------------------------------------------------------
   VARIANTE B: AESTHETIC CAKE (Fintech Soft)
   Inspirada em Cake Equity (refero.design)
   - Fundo Warm Bone-White (#fafaf8)
   - Acento Electric Violet (#4823ff)
   - Contraste Obsidian Ink (#18161a)
   - Destaques Chartreuse (#e7ff6e)
   - Cantos arredondados generosos (20px-24px) e botões em pílula
   -------------------------------------------------------------------------- */

body.variant-cake {
  background-color: #fafaf8;
  color: #18161a;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Tipografia */
body.variant-cake h1,
body.variant-cake h2,
body.variant-cake h3,
body.variant-cake h4,
body.variant-cake .min-report-title {
  font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #18161a;
}

body.variant-cake h1 {
  letter-spacing: -0.05em;
  line-height: 1.1;
}

/* Cores de fundo globais */
body.variant-cake .sorteio-home {
  background-color: #fafaf8;
  color: #18161a;
}

body.variant-cake .home-hero {
  background: radial-gradient(circle at 80% 30%, rgba(72, 35, 255, 0.06), transparent 35%), #fafaf8;
}

body.variant-cake .testimonial-section {
  background-color: #ede9ff; /* Lilac Wash */
  border-top: 1px solid #d9d2ff;
}

body.variant-cake .home-final {
  background: #18161a; /* Obsidian Ink */
}

/* Elementos de Navegação e Rodapé */
body.variant-cake .home-nav {
  border-radius: 9999px; /* Pill */
  border: 1px solid #d9d2ff;
  background: rgba(250, 250, 248, 0.85);
  top: 24px;
}

body.variant-cake .home-nav-cta,
body.variant-cake .home-primary {
  background: linear-gradient(135deg, #4823ff, #7e78ff) !important;
  box-shadow: 0 8px 20px rgba(72, 35, 255, 0.2) !important;
  color: #fff !important;
  border-radius: 9999px !important; /* Pill style */
  font-weight: 600;
}

body.variant-cake .home-nav-cta:hover,
body.variant-cake .home-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(72, 35, 255, 0.3) !important;
}

body.variant-cake .home-secondary {
  color: #4823ff;
  font-weight: 700;
  border-radius: 9999px;
  padding: 12px 24px !important;
  border: 1px solid #d9d2ff;
  background: #fff;
  transition: all 0.2s ease;
}

body.variant-cake .home-secondary:hover {
  background: #ede9ff;
  border-color: #4823ff;
  color: #4823ff;
}

/* Badges e Eyebrows */
body.variant-cake .home-eyebrow {
  color: #4823ff;
  background: #ede9ff;
  padding: 6px 12px;
  border-radius: 9999px;
  font-size: 11px;
}

body.variant-cake .home-eyebrow::before {
  background: #4823ff;
  box-shadow: 0 0 0 5px rgba(72, 35, 255, 0.15);
}

/* Cards e Contêineres */
body.variant-cake .home-step,
body.variant-cake .home-price-card,
body.variant-cake .single-testimonial-card,
body.variant-cake .compare-table-wrap,
body.variant-cake .home-visual-min-report {
  border-radius: 24px !important;
  border: 1px solid #d9d2ff !important; /* Periwinkle Border */
  background: #ffffff !important;
  box-shadow: 0 8px 30px rgba(72, 35, 255, 0.03) !important;
}

body.variant-cake .home-step-number {
  color: #4823ff;
  background: #ede9ff;
  border-radius: 12px;
}

/* Tabela Comparativa */
body.variant-cake .compare-table th:nth-child(2) {
  background: #fff5f5;
  color: #dc2626;
}

body.variant-cake .compare-table th:nth-child(3) {
  background: #ede9ff;
  color: #4823ff;
}

body.variant-cake .compare-table td:nth-child(3) {
  background: #faf9ff;
  color: #18161a;
}

/* Highlight Chartreuse */
body.variant-cake .home-price-card.featured {
  background: linear-gradient(145deg, #18161a, #2a2830) !important;
  border-color: #18161a !important;
  color: #fff;
}

body.variant-cake .home-price-card.featured .home-price-cta {
  background: #e7ff6e !important; /* Chartreuse */
  color: #18161a !important;
  border-radius: 9999px;
}

body.variant-cake .home-price-card.featured .home-price-cta:hover {
  background: #d4ec5b !important;
  transform: translateY(-1px);
}

body.variant-cake .home-price-card.featured .home-eyebrow {
  background: rgba(231, 255, 110, 0.15);
  color: #e7ff6e;
}


/* --------------------------------------------------------------------------
   VARIANTE C: NEO-BRUTALIST (High Contrast & Sharp Borders)
   - Fundo Cinza Claro (#f3f4f6)
   - Contornos Pretos Grossos (2px solid #000)
   - Sombras Chapadas (4px 4px 0px #000)
   - Cantos com pouca ou nenhuma curvatura
   -------------------------------------------------------------------------- */

body.variant-brutalist {
  background-color: #f3f4f6;
  color: #000000;
  font-family: 'Inter', system-ui, sans-serif;
}

body.variant-brutalist .sorteio-home {
  background-color: #f3f4f6;
  color: #000000;
}

body.variant-brutalist h1,
body.variant-brutalist h2,
body.variant-brutalist h3,
body.variant-brutalist h4 {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  color: #000000;
}

/* Cabeçalho e CTAs */
body.variant-brutalist .home-nav {
  border-radius: 0px;
  border: 3px solid #000000;
  background: #ffffff;
  box-shadow: 4px 4px 0px #000000;
  top: 16px;
}

body.variant-brutalist .home-nav-cta,
body.variant-brutalist .home-primary {
  background: #facc15 !important; /* Neon Yellow */
  color: #000000 !important;
  border: 2px solid #000000 !important;
  border-radius: 4px !important;
  box-shadow: 3px 3px 0px #000000 !important;
  font-weight: 800;
  text-transform: uppercase;
  transition: transform 0.1s, box-shadow 0.1s;
}

body.variant-brutalist .home-nav-cta:hover,
body.variant-brutalist .home-primary:hover {
  transform: translate(-1px, -1px);
  box-shadow: 4px 4px 0px #000000 !important;
}

body.variant-brutalist .home-secondary {
  background: #ffffff;
  color: #000000;
  border: 2px solid #000000;
  border-radius: 4px;
  box-shadow: 3px 3px 0px #000000;
  font-weight: 800;
  text-transform: uppercase;
}

body.variant-brutalist .home-secondary:hover {
  background: #e5e7eb;
}

/* Cards e Contêineres */
body.variant-brutalist .home-step,
body.variant-brutalist .home-price-card,
body.variant-brutalist .single-testimonial-card,
body.variant-brutalist .compare-table-wrap,
body.variant-brutalist .home-visual-min-report {
  border-radius: 4px !important;
  border: 2px solid #000000 !important;
  background: #ffffff !important;
  box-shadow: 5px 5px 0px #000000 !important;
}

body.variant-brutalist .home-step-number {
  border: 2px solid #000000;
  background: #3b82f6; /* Electric Blue */
  color: #fff;
  border-radius: 4px;
}

body.variant-brutalist .home-price-card.featured {
  background: #3b82f6 !important; /* Electric Blue */
  color: #ffffff;
  border: 2px solid #000000 !important;
  box-shadow: 5px 5px 0px #000000 !important;
}

body.variant-brutalist .home-price-card.featured .home-price-cta {
  background: #facc15 !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  border-radius: 4px;
  box-shadow: 3px 3px 0px #000000 !important;
}

/* Tabela Comparativa Brutalista */
body.variant-brutalist .compare-table th,
body.variant-brutalist .compare-table td {
  border-bottom: 2px solid #000000 !important;
  border-right: 2px solid #000000 !important;
}

body.variant-brutalist .compare-table th:last-child,
body.variant-brutalist .compare-table td:last-child {
  border-right: none !important;
}

body.variant-brutalist .compare-table th {
  background: #e5e7eb !important;
  color: #000 !important;
  font-weight: 900;
}

body.variant-brutalist .compare-table td:nth-child(3) {
  background: #eff6ff;
  color: #1e3a8a;
}