body { background: #000; color: #fff; font-family: system-ui; }


/* === Notificações de clientes (fixo no rodapé) === */
#notif{
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 9999;
  max-width: calc(100% - 32px);
  pointer-events: none;
}
#notif .toast{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(20,20,20,.92);
  border: 1px solid rgba(255,255,255,.08);
  color: #fff;
  padding: .6rem .8rem;
  border-radius: 12px;
  font-size: .92rem;
  line-height: 1.2;
  box-shadow: 0 6px 24px rgba(0,0,0,.35);
  transform: translateY(10px);
  opacity: 0;
  transition: transform .35s ease, opacity .35s ease;
}
#notif .toast.show{ transform: translateY(0); opacity: 1; }
#notif .dot{
  width: 8px; height: 8px; border-radius: 999px; background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,.15);
}
@media (max-width: 420px){
  #notif .toast{ font-size: .86rem; padding: .55rem .7rem; }
}



/* Badge Mais Popular maior */
.popular-badge{ font-size:1.2rem; font-weight:700; }


/* Destaque para títulos principais */
h2, h3, .plan-title {
  font-size: 1.8rem !important;
  font-weight: 800 !important;
}

/* Badge Mais Popular ainda mais visível */
.popular-badge {
  font-size: 1.4rem !important;
  font-weight: 800 !important;
}



/* Destaque verde para títulos principais */
h2.plan-title, h3.plan-title {
  font-size: 1.8rem !important;
  font-weight: 800 !important;
  color: #22c55e !important; /* verde vibrante */
}

/* Badge Mais Popular em verde */
.popular-badge {
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  color: #22c55e !important;
  text-shadow: 0 0 6px rgba(0,0,0,.6);
}



/* === Paleta Dourado + Preto === */
body {
  background: #000 !important;
  color: #fff !important;
}

/* Links, botões e badge */
a, .btn, .popular-badge {
  background: linear-gradient(90deg, #facc15, #f97316) !important;
  color: #000 !important;
  font-weight: 700 !important;
  border-radius: 8px;
  padding: .5rem 1rem;
}

/* Títulos principais */
h2.plan-title, h3.plan-title {
  color: #facc15 !important;
  font-size: 1.8rem !important;
  font-weight: 800 !important;
}

/* Badge Mais Popular */
.popular-badge {
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  text-shadow: 0 0 6px rgba(0,0,0,.6);
}



/* === Tema Global: Dourado + Preto (com botões) === */
:root{
  --gold: #facc15;
  --gold-2: #fbbf24;
  --orange: #f97316;
  --bg: #000;
  --text: #fff;
}

html, body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Títulos e destaques */
h1, h2, h3, h4, .plan-title {
  color: var(--gold) !important;
  font-weight: 800 !important;
}

/* Links e botões gerais */
a, button, .btn, .cta, [role="button"] {
  background: linear-gradient(90deg, var(--gold), var(--orange)) !important;
  color: #000 !important;
  font-weight: 700 !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: .65rem 1.1rem !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .5rem !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(249, 115, 22, .25) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
a:hover, button:hover, .btn:hover, .cta:hover, [role="button"]:hover {
  transform: translateY(-1px) scale(1.03) !important;
  box-shadow: 0 10px 30px rgba(250, 204, 21, .28) !important;
}

/* Estados desabilitados */
a[aria-disabled="true"], button:disabled, .btn:disabled {
  filter: grayscale(0.3) brightness(0.9);
  cursor: not-allowed;
}

/* Badge Mais Popular */
.popular-badge {
  background: var(--gold) !important;
  color: #000 !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  padding: .35rem .9rem !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(250, 204, 21, .25) !important;
}

/* Ajustes de inputs (se houver) */
input, select, textarea {
  background: #0a0a0a !important;
  color: var(--text) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 10px !important;
  padding: .6rem .8rem !important;
}
input::placeholder, textarea::placeholder { color: rgba(255,255,255,.6) !important; }

/* Links simples no texto (sem aparência de botão) */
a.link, .link a {
  background: transparent !important;
  color: var(--gold) !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}



/* Reforço de centralização para os CTAs principais */
#waTestar, #waAssinar, #waPlano1, #waPlano2, #waPlano3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .6rem !important;
  min-height: 3rem;
  line-height: 1.1;
}
#waTestar i, #waAssinar i, #waPlano1 i, #waPlano2 i, #waPlano3 i,
#waTestar svg, #waAssinar svg, #waPlano1 svg, #waPlano2 svg, #waPlano3 svg{
  width: 1.25rem; height: 1.25rem; display: inline-block;
}