/* =================================================================
 * 🌙 VERSÃO DARK MODE (BLACK) FINALIZADA
 * Este código garante que todos os elementos da página, 
 * incluindo cards e textos, tenham alto contraste no tema escuro.
 * ================================================================= */

/* --- 1. FUNDO E TEXTO BASE --- */
html.dark-mode body {
  /* Fundo sólido de fallback. Remove background-image daqui. */
  background-color: #192125 !important;
  color: #e0e0e0 !important;
  position: relative;
  z-index: 0;
}

/* Títulos principais de seção e texto geral em destaque */
html.dark-mode .section-title,
html.dark-mode h2,
html.dark-mode .hero-content h1,
html.dark-mode .hero-content p {
  color: #fff !important; /* Branco puro para títulos */
}

/* SEÇÕES CLARAS (bg-white/bg-light) -> Cinza Escuro */
html.dark-mode section.bg-white,
html.dark-mode section.bg-light,
html.dark-mode footer {
  /* Fundo mais escuro para seções */
  background-color: #263238 !important;
  color: #e0e0e0 !important;
}

/* TEXTOS SECUNDÁRIOS */
html.dark-mode .text-muted,
html.dark-mode footer a,
html.dark-mode .news-card .card-footer,
html.dark-mode .card-servico p /* CORREÇÃO: Descrição dos Cards de Serviço */ {
  color: #bbb !important;
}
html.dark-mode footer a:hover {
  color: #fff !important;
}

/* Cor dos rótulos de seção (Ex: "Relatórios", "Plataforma") */
html.dark-mode .section-label span {
  color: #00aaff !important; /* Azul de destaque */
}

/* --- 2. NAVBAR E DROPDOWN --- */

html.dark-mode .navbar-nav .nav-link {
  color: #e0e0e0 !important;
}

html.dark-mode .navbar-nav .nav-link.active {
  color: #00aaff !important;
  border-bottom: 3px solid #00aaff !important;
}

html.dark-mode .dropdown-menu {
  background-color: #1b1b1b;
}

html.dark-mode .dropdown-item {
  color: #ccc;
}

html.dark-mode .dropdown-item:hover {
  background-color: #222;
  color: #fff;
}

/* --- 3. CARDS (Geral: Soluções, Interface, Relatórios) --- */

html.dark-mode .custom-card,
html.dark-mode .solution-card,
html.dark-mode .feature-card,
html.dark-mode .custom-ia-card,
html.dark-mode .news-card,
html.dark-mode .servicos .container-servico,
html.dark-mode .logos-parceiros,
html.dark-mode .servicos,
html.dark-mode .card-servico,
html.dark-mode .stats-bar {
  background-color: #263238 !important;
  color: #e0e0e0 !important;
  box-shadow: 0 4px 16px rgba(255, 255, 255, 0.05);
}
html.dark-mode .card-footer {
  background-color: #1f3540 !important;
  color: #e0e0e0 !important;
  box-shadow: 0 4px 16px rgba(255, 255, 255, 0.05);
}

html.dark-mode .custom-card:hover,
html.dark-mode .solution-card:hover,
html.dark-mode .custom-ia-card:hover {
  box-shadow: 0 8px 24px rgba(255, 255, 255, 0.1);
}

/* Títulos dentro dos Cards */
html.dark-mode .custom-ia-card h5,
html.dark-mode h5,
html.dark-mode .feature-card h5,
html.dark-mode .card-servico h4,
html.dark-mode .stats-bar .stat-item .number {
  color: #fff !important;
}

/* --- 4. ELEMENTOS DE DESTAQUE E ÍCONES --- */

/* Cor dos Ícones e Símbolos em destaque (fa, bi, etc.) */
html.dark-mode .bi:not([style*="color:"]),
html.dark-mode .custom-ia-card:not([style*="color:"]),
html.dark-mode .servicos.servicos.img:not([style*="color:"]),
html.dark-mode .fas:not([style*="color:"]) {
  color: #00aaff !important;
}

/* Fundo do Círculo de Ícones (Inteligência Ativa) */
html.dark-mode .icon-wrapper {
  background-color: #ebe6f1 !important;
}

/* =================================================================
 * SERVIÇOS E CARDS DE FUNCIONALIDADE 
 * ================================================================= */

html.dark-mode .solution-card img {
  filter: invert(1) brightness(1.2) !important;
}
.card-servico::before {
  background-color: #00aaff !important;
}

/* Ícones de Relatórios (garantindo o azul, se a cor não for inline) */
html.dark-mode .feature-card .icon,
html.dark-mode .feature-card .icon i,
html.dark-mode .stats-bar .stat-item {
  color: #00aaff;
}

/* --- 5. OUTROS ELEMENTOS (Botões, Parceiros) --- */

html.dark-mode .btn-demonstracao,
html.dark-mode .btn-primary {
  background-color: #00aaff;
  color: #fff !important;
}
html.dark-mode .btn-demonstracao:hover,
html.dark-mode .btn-primary:hover {
  background-color: #055a89;
}

/* PARCEIROS (logos) */

html.dark-mode #logos-parceiros img {
  /* Deixa as imagens mais claras e com mais contraste */
  filter: brightness(1.2) grayscale(0.2) contrast(1.2);
}