/* =================================================================
 * 🌙 DARK MODE CONSOLIDADO - SISTEMA 2GD (VERSÃO LIMPA)
 * ================================================================= */

/* --- 1. FUNDO E TEXTO BASE --- */
html.dark-mode body.pesquisa-eleitoral-page {
  background-color: #192125 !important;
  color: #e0e0e0 !important;
}

/* FUNDOS DAS SEÇÕES */
html.dark-mode .plataforma-section,
html.dark-mode .app-section,
html.dark-mode .beneficios-section,
html.dark-mode .seguranca-section,
html.dark-mode .tecnologias-section,
html.dark-mode #depoimentos,
html.dark-mode .section-solution,
html.dark-mode #relatorios,
html.dark-mode .sobre-nos-section,
html.dark-mode .nossos-pilares-section,
html.dark-mode .como-trabalhamos-section,
html.dark-mode .nossos-valores-section {
  background: #263238 !important;
  color: #e0e0e0 !important;
}

/* TÍTULOS E SUBTÍTULOS */
html.dark-mode .title,
html.dark-mode .subtitle,
html.dark-mode .section-title,
html.dark-mode .lead,
html.dark-mode h2,
html.dark-mode h4,
html.dark-mode h5 {
  color: #fff !important;
}

html.dark-mode .section-label span {
  color: #00aaff !important;
  border-left-color: #00aaff !important;
}

html.dark-mode p,
html.dark-mode small {
  color: #bbb !important;
}

/* --- 2. CARDS (REMOÇÃO TOTAL DE GLOW/BRILHO) --- */
html.dark-mode .plataforma-section .card,
html.dark-mode .solution-card,
html.dark-mode .info-card,
html.dark-mode .benefit-card,
html.dark-mode .seg-card,
html.dark-mode .tecnologia-card,
html.dark-mode .depoimento-card,
html.dark-mode .card-desenvolvimento,
html.dark-mode .custom-card,
html.dark-mode .nossos-pilares-card,
html.dark-mode .como-trabalhamos-card,
html.dark-mode .nossos-valores-card,
html.dark-mode .card-data-driven {
  background-color: #37474f !important;
  color: #e0e0e0 !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important; /* Borda sutil no lugar de sombra */
  
  /* Mata as "bolinhas" e manchas de luz */
  box-shadow: none !important; 
  background-image: none !important; 
}

/* Remove pseudo-elementos decorativos que geram luz nos cantos */
html.dark-mode .card::before, html.dark-mode .card::after,
html.dark-mode .seg-card::before, html.dark-mode .seg-card::after,
html.dark-mode .glass-card::before, html.dark-mode .glass-card::after,
html.dark-mode .card-data-driven::before {
  display: none !important;
}

/* Efeito de Hover Seco (apenas elevação, sem brilho) */
html.dark-mode .card:hover,
html.dark-mode .nossos-pilares-card:hover,
html.dark-mode .card-data-driven:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4) !important; /* Sombra escura e sólida */
}

/* --- 3. SEÇÕES ESPECÍFICAS E ÍCONES --- */

/* SEÇÃO SOLUÇÃO - TIRA O GRADIENTE SUPERIOR CASO ESTEJA BRILHANDO */
html.dark-mode .section-solution .card-data-driven {
  background-image: none !important;
  border-top: 4px solid #00aaff !important; /* Linha sólida em vez de degradê */
}

/* SEÇÃO PLATAFORMA (GLASS) */
html.dark-mode .glass-card {
  background: rgba(0, 0, 0, 0.4) !important; /* Escurecido para não gerar glow */
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}

/* ÍCONES */
html.dark-mode .inicio-icons span i,
html.dark-mode .info-card .icon svg path,
html.dark-mode .card-desenvolvimento svg,
html.dark-mode .feature-card .icon i {
  color: #00aaff !important;
  stroke: #00aaff !important;
}

/* BOTÕES GERAIS */
html.dark-mode .btn-primary {
  background-color: #00aaff !important;
  border-color: #00aaff !important;
}

html.dark-mode .btn-outline-light,
html.dark-mode .btn-outline-custom {
  border-color: #00aaff !important;
  color: #00aaff !important;
}

html.dark-mode .btn-outline-custom:hover {
  background: #00aaff !important;
  color: #ffffff !important;
}
/* =================================================================
 * 🌙 DARK MODE CONSOLIDADO - PÁGINA PESQUISA ELEITORAL
 * ================================================================= */

/* --- 1. FUNDO E TEXTO BASE --- */
html.dark-mode body {
  background-color: #192125 !important;
  color: #e0e0e0 !important;
}

html.dark-mode .plataforma-section,
html.dark-mode .app-section,
html.dark-mode .beneficios-section,
html.dark-mode .seguranca-section,
html.dark-mode .tecnologias-section,
html.dark-mode .depoimentos-section,
html.dark-mode .section-solution {
  background-color: #263238 !important;
  color: #e0e0e0 !important;
}

/* TÍTULOS E SUBTÍTULOS */
html.dark-mode .title,
html.dark-mode .section-title,
html.dark-mode .lead,
html.dark-mode h2,
html.dark-mode h4,
html.dark-mode h5 {
  color: #ffffff !important;
}

html.dark-mode .section-label span {
  color: #00aaff !important;
  border-left-color: #00aaff !important;
}

html.dark-mode p,
html.dark-mode small,
html.dark-mode .text-muted {
  color: #bbbbbb !important;
}

/* --- 2. CARDS (REMOÇÃO DE BRILHOS/GLOW) --- */
html.dark-mode .card,
html.dark-mode .card-data-driven,
html.dark-mode .info-card,
html.dark-mode .benefit-card,
html.dark-mode .seg-card,
html.dark-mode .tecnologia-card,
html.dark-mode .depoimento-card {
  background-color: #37474f !important;
  color: #e0e0e0 !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  
  /* Mata as "bolinhas" e manchas de luz */
  box-shadow: none !important; 
  background-image: none !important;
}

/* Remove pseudo-elementos que criam as bolhas animadas e manchas */
html.dark-mode .info-card::before, 
html.dark-mode .info-card::after,
html.dark-mode .depoimento-card::before,
html.dark-mode .card-data-driven::before {
  display: none !important;
  animation: none !important;
}

/* --- 3. ESPECÍFICOS: APLICATIVO E DEPOIMENTOS --- */

/* Ajuste Mockup Celular */
html.dark-mode .app-mockup img {
  filter: drop-shadow(0px 10px 25px rgba(0, 0, 0, 0.3));
}

/* Cards de Depoimentos (mantendo as cores de borda laterais) */
html.dark-mode .depoimento-card.green { border-left: 4px solid #06c270 !important; }
html.dark-mode .depoimento-card.blue { border-left: 4px solid #166BCA !important; }
html.dark-mode .depoimento-card.purple { border-left: 4px solid #c44dff !important; }

html.dark-mode .quote-icon {
  background: rgba(255, 255, 255, 0.05) !important;
}

/* --- 4. SELOS E ÍCONES --- */
html.dark-mode .selo.green { background: rgba(0, 184, 148, 0.2) !important; color: #00b894 !important; }
html.dark-mode .selo.blue { background: rgba(9, 132, 227, 0.2) !important; color: #166BCA !important; }
html.dark-mode .selo.purple { background: rgba(155, 89, 182, 0.2) !important; color: #9b59b6 !important; }

html.dark-mode .icon-circle i,
html.dark-mode .bi-google-play,
html.dark-mode .bi-apple {
  color: #ffffff !important;
}

/* --- 5. BOTÕES --- */
html.dark-mode .btn-primary {
  background-color: #00aaff !important;
  border-color: #00aaff !important;
}

html.dark-mode .btn-outline-light {
  border-color: #00aaff !important;
  color: #00aaff !important;
}

html.dark-mode .btn-outline-light:hover {
  background-color: #00aaff !important;
  color: #ffffff !important;
}