/* ===== OVERRIDES GLASS (alinhado ao tema UnaZap) =====
   Aplicam transparência + blur nos cards para dar o visual "vidro" sobre o fundo escuro.
   Carregado por último para sobrescrever as cores base. */

[data-theme="dark"] .demo-mockup,
[data-theme="dark"] .mockup-kpi,
[data-theme="dark"] .mockup-session-card,
[data-theme="dark"] .mockup-conv,
[data-theme="dark"] .callout,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .layer-card,
[data-theme="dark"] .wl-card,
[data-theme="dark"] .price-card,
[data-theme="dark"] .press-card,
[data-theme="dark"] .faq-item,
[data-theme="dark"] .faq-question,
[data-theme="dark"] .security-card,
[data-theme="dark"] .overview-card,
[data-theme="dark"] .benefit-card,
[data-theme="dark"] .step,
[data-theme="dark"] .usecase-card,
[data-theme="dark"] .integration-layer {
  background: rgba(15, 18, 25, .55);
  border-color: rgba(255, 255, 255, .10);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

[data-theme="dark"] .feature-card:hover,
[data-theme="dark"] .wl-card:hover,
[data-theme="dark"] .layer-card:hover,
[data-theme="dark"] .press-card:hover,
[data-theme="dark"] .callout:hover,
[data-theme="dark"] .mockup-session-card:hover,
[data-theme="dark"] .mockup-conv:hover,
[data-theme="dark"] .mockup-kpi:hover {
  border-color: rgba(47, 191, 130, .4);
  box-shadow: 0 0 28px rgba(47, 191, 130, .12), var(--shadow-lg);
}

/* CTA da seção white-label, no dark fica "shiny" verde UnaZap */
[data-theme="dark"] .wl-cta {
  background: radial-gradient(circle at 50% -20%, rgba(47, 191, 130, .25) 0%, transparent 65%), #0d1a14;
  border: 1px solid rgba(47, 191, 130, .35);
  color: var(--text);
  box-shadow: 0 0 40px rgba(47, 191, 130, .15);
}

@media (max-width: 740px) {
  [data-theme="dark"] .wl-cta { padding: 32px 20px; }
}

[data-theme="dark"] .wl-cta .btn-shiny { margin-top: 0; }

/* Pill "Mais popular" do pricing, verde */
[data-theme="dark"] .price-card.featured {
  border-color: rgba(47, 191, 130, .6);
  box-shadow: 0 0 40px rgba(47, 191, 130, .18), var(--shadow-lg);
}

[data-theme="dark"] .price-badge {
  background: linear-gradient(135deg, #2fbf82, #34d399);
}

/* Divider dentro de stats/social proof usa borda branca sutil */
[data-theme="dark"] .divider,
[data-theme="dark"] .footer-bottom {
  border-color: rgba(255, 255, 255, .06);
}

/* Mockup: keep white "app" interior independente do tema */
.mockup-content {
  background: var(--bg-alt);
}

/* Faq respostas num fundo mais suave */
[data-theme="dark"] .faq-answer-inner {
  background: rgba(12, 15, 20, .45);
}

/* Pricing guarantee */
[data-theme="dark"] .pricing-guarantee,
[data-theme="dark"] .transparency-banner {
  background: rgba(47, 191, 130, .10);
  border-color: rgba(47, 191, 130, .25);
}