/* ========== CLEAN OVERRIDES (Nextar-like) ========== */
/* Paleta leve */
:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --border:rgba(2,6,23,.08);
  --muted:#64748b;
  --heading:#0b1220;
  --text:#0f172a;
  --nx-blue:#1e64f0;        /* CTA azul Nextar-like */
  --nx-blue-hover:#1652cc;
  --nx-green:#0098f9;       /* seu verde continua disponível */
}

/* Fundo claro global */
body{
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* “Hero” sem gradiente/vidro (mantendo sua estrutura) */
.bg-primary-dark{ background:#fff !important; color:var(--text) !important; }
.fundo-topo{ background-image:none !important; }

/* Cards/seções brancas sem blur */
.bg-glass{
  background:#fff !important;
  backdrop-filter:none !important;
  border:1px solid var(--border) !important;
  box-shadow:0 8px 24px rgba(2,6,23,.06) !important;
}

/* Bordas e textos muito escuros (suaviza) */
.border-gray-700{ border-color: var(--border) !important; }
.text-gray-300{ color:#475569 !important; }
.text-gray-400{ color:#64748b !important; }

/* Títulos escuros nítidos */
h1,h2,h3{ color:var(--heading) !important; }

/* FAQ mais leve (sem fundo preto translúcido) */
.faq-item .bg-gray-900{ background:var(--surface-2) !important; }
.faq-item .border-gray-700{ border-color: var(--border) !important; }

/* Ícones verdes mantidos */
.custom-green-icon{ color: var(--nx-green) !important; }

/* Botões – usa as classes .btn que você já aplicou */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-weight:600;border-radius:9999px;padding:12px 28px;line-height:1;
  border:1px solid transparent;background:transparent;color:var(--text);
  box-shadow:0 6px 16px rgba(2,6,23,.06);
  transition:transform .18s, box-shadow .18s, background-color .18s, color .18s, border-color .18s;
}
.btn:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(2,6,23,.10); }
.btn:active{ transform:translateY(0); box-shadow:0 6px 14px rgba(2,6,23,.08); }
.btn:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(30,100,240,.28); }
.btn i{ font-size:1rem; opacity:.95; }

.btn-lg{ padding:14px 32px; font-size:1.05rem; }
.btn-sm{ padding:9px 18px; font-size:.95rem; }

/* Variantes – azul de ação + outline azul, verde como secundário */
.btn-primary{ background:var(--nx-blue); color:#fff; border-color:var(--nx-blue); }
.btn-primary:hover{ background:var(--nx-blue-hover); border-color:var(--nx-blue-hover); }

.btn-outline{
  background:#fff; color:var(--nx-blue);
  border-color:rgba(30,100,240,.30);
}
.btn-outline:hover{
  background:rgba(30,100,240,.06);
  border-color:rgba(30,100,240,.50);
}

.btn-secondary{ background:var(--nx-green); color:#fff; border-color:var(--nx-green); }
.btn-secondary:hover{ filter:brightness(.95); }

/* Remove quaisquer pulses/brilhos antigos nos botões */
.animate-pulse-button, .animate-pulse-green{ animation:none !important; }

/* Cards e planos com hover suave, nada pesado */
.feature-card, .plan-card .bg-glass{
  background:#fff !important; border:1px solid var(--border) !important;
  box-shadow:0 6px 18px rgba(2,6,23,.05) !important;
}
.feature-card:hover, .plan-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(2,6,23,.10) !important;
  border-color:rgba(2,6,23,.12) !important;
}

/* Hero substituto suave (se quiser ativar, só trocar .bg-primary-dark por .hero-soft no HTML) */
.hero-soft{ background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%) !important; }

/* Inputs – foco azul, texto escuro (mantendo sua estrutura) */
.form-input, .form-select{
  background:#fff !important; color:#0f172a !important;
  border:1px solid #cbd5e1 !important; border-radius:.75rem !important;
  box-shadow:none !important;
}
.form-input:focus, .form-select:focus{
  border-color:var(--nx-blue) !important;
  box-shadow:0 0 0 3px rgba(30,100,240,.22) !important;
}

/* Rodapé mais claro */
footer{ border-top:1px solid var(--border) !important; }