/* ============================================================
   RTC — Ajustes estruturais por tema
   Os temas mudam variáveis CSS (injetadas no header); este ficheiro
   contém apenas os ajustes que as variáveis não cobrem (sobretudo
   para o tema claro). Nenhuma regra aqui altera funcionalidade.
   ============================================================ */

/* ---------- Temas claros (classe genérica .tema-claro) ---------- */
.tema-claro { background: var(--bg); }

.tema-claro .site-header {
  background: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid var(--border);
}

.tema-claro .bg-grid {
  background-image:
    linear-gradient(rgba(14,21,38,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14,21,38,0.05) 1px, transparent 1px);
}

.tema-claro .card,
.tema-claro .faq-item,
.tema-claro .metrica {
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(14,21,38,0.06);
}
.tema-claro .card:hover { background: #ffffff; box-shadow: 0 12px 30px rgba(14,21,38,0.10); }
.tema-claro .faq-item[open] { background: #ffffff; }

.tema-claro .hero .badge { background: rgba(41,61,155,0.07); border-color: rgba(41,61,155,0.25); }

.tema-claro input,
.tema-claro textarea,
.tema-claro select { background: #ffffff; }

.tema-claro .cta {
  background: linear-gradient(135deg, rgba(242,81,0,0.07), rgba(41,61,155,0.07));
}
.tema-claro .cta::after { background: #ffffff; }

.tema-claro .site-footer { background: var(--bg-2); }

.tema-claro .cookie-caixa {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 20px 60px rgba(14,21,38,0.25);
}

.tema-claro .icone {
  background: linear-gradient(135deg, rgba(242,81,0,0.10), rgba(41,61,155,0.10));
  border-color: rgba(41,61,155,0.25);
}

.tema-claro ::selection { background: rgba(41,61,155,0.2); color: inherit; }

/* botões: texto branco funciona nos dois gradientes da marca — sem alterações */

/* a topologia 3D mantém o cartão escuro de propósito (contraste intencional) */
.tema-claro .topologia-cartao { box-shadow: 0 24px 60px rgba(14,21,38,0.25); }

/* ---------- Marca Noturna: glow quente na aurora ---------- */
.tema-marca-noturna .aurora span:nth-child(1) { background: radial-gradient(circle, rgba(242,81,0,0.30), transparent 65%); }
.tema-marca-noturna .aurora span:nth-child(2) { background: radial-gradient(circle, rgba(41,61,155,0.30), transparent 65%); }
.tema-marca-noturna .aurora span:nth-child(3) { background: radial-gradient(circle, rgba(252,208,0,0.18), transparent 65%); }
.tema-marca-noturna .bg-glow { background: radial-gradient(closest-side, rgba(242,81,0,0.14), rgba(41,61,155,0.08) 60%, transparent); }

/* ---------- Meia-Noite Violeta: aurora fria ---------- */
.tema-meia-noite .aurora span:nth-child(1) { background: radial-gradient(circle, rgba(167,139,250,0.32), transparent 65%); }
.tema-meia-noite .aurora span:nth-child(2) { background: radial-gradient(circle, rgba(244,114,182,0.26), transparent 65%); }
.tema-meia-noite .bg-glow { background: radial-gradient(closest-side, rgba(167,139,250,0.16), rgba(244,114,182,0.08) 60%, transparent); }

/* ---------- Destaque do hero herda o gradiente de cada tema ---------- */
body:not(.tema-dark-tech) .hero h1 .destaque {
  background: var(--gradiente);
  background-size: 100% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: none;
}