/* OpenFluxo - Tema Preto Brilhoso (Black Glossy) */

:root {
  /* Cores principais */
  --primary-color: #00FFFF; /* Ciano Neon */
  --secondary-color: #FF00FF; /* Magenta Neon */
  --dark-bg: #0A0A0A; /* Fundo Ultra Escuro */
  --card-bg: #1A1A1A; /* Fundo de card escuro */
  --border-color: #333333; /* Borda sutil */
  --text-primary: #FFFFFF; /* Texto branco */
  --text-muted: #AAAAAA; /* Texto secundário cinza claro */
  
  /* Efeitos de Brilho */
  --glow-primary: 0 0 15px rgba(0, 255, 255, 0.6);
  --glow-secondary: 0 0 15px rgba(255, 0, 255, 0.6);
}

body {
  background: var(--dark-bg) !important;
  color: var(--text-primary) !important;
}

/* Override para o Header */
header {
  background: rgba(10, 10, 10, 0.95) !important; /* Fundo semi-transparente escuro */
  border-bottom: 1px solid var(--border-color) !important;
}

.logo-text {
  /* Efeito de gradiente dinâmico com cores neon */
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color), var(--primary-color), var(--secondary-color)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-size: 300% 300% !important;
  animation: gradient-shift 4s ease infinite, text-glow 2s ease-in-out infinite !important;
  text-shadow: none !important; /* Remove sombra de texto anterior */
}

@keyframes text-glow {
  0%, 100% {
    filter: drop-shadow(0 0 8px rgba(0, 255, 255, 0.5));
  }
  50% {
    filter: drop-shadow(0 0 16px rgba(255, 0, 255, 0.7));
  }
}

.nav-links a {
  color: var(--text-muted) !important;
}

.nav-links a:hover, .nav-links a.active {
  color: var(--primary-color) !important;
  text-shadow: var(--glow-primary);
}

/* Seção de Cards (Soluções para Diversos Setores) */
.sector-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5) !important;
}

.sector-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 40px rgba(0, 255, 255, 0.2) !important;
  border-color: var(--primary-color) !important;
}

.sector-card .sector-icon {
  color: var(--primary-color) !important; /* Ícone Ciano Neon */
  text-shadow: var(--glow-primary);
}

.sector-card h3 {
  color: var(--text-primary) !important; /* Título Branco */
}

.sector-card p {
  color: var(--text-muted) !important; /* Descrição Cinza Claro */
}

/* Seção de Serviços (Soluções Comerciais, Automação, Consultoria) */
.service-section-container > div {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

.service-section-container > div:hover {
  box-shadow: 0 20px 60px rgba(255, 0, 255, 0.2) !important;
  border-color: var(--secondary-color) !important;
}

.service-section-container h3 {
  color: var(--primary-color) !important;
  text-shadow: var(--glow-primary);
}

.service-section-container p {
  color: var(--text-muted) !important;
}

.service-section-container ul li {
  color: var(--text-muted) !important;
}

.service-section-container ul li span {
  color: var(--primary-color) !important;
}

.service-section-container .cta-button {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.5) !important;
}

.service-section-container .cta-button:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 0 30px rgba(255, 0, 255, 0.7) !important;
}

/* Títulos da Seção de Serviços */
.service-section-container h2 {
  color: var(--text-primary) !important;
}

.service-section-container h2 span {
  color: var(--primary-color) !important;
  text-shadow: var(--glow-primary);
}

/* CTA Final */
.cta-final-section {
  background: linear-gradient(135deg, #000000, #1A1A1A) !important;
  border-top: 1px solid var(--border-color);
}

.cta-final-section h2 {
  color: var(--primary-color) !important;
  text-shadow: var(--glow-primary);
}

.cta-final-section p {
  color: var(--text-muted) !important;
}

.cta-final-button {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.5) !important;
}

.cta-final-button:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 0 30px rgba(255, 0, 255, 0.7) !important;
}

/* Seção de Comparação (Tabela) */
.comparison-section {
  background: #000 !important;
}

.comparison-section h2 {
  color: var(--text-primary) !important;
}

.comparison-table-container {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 0 30px rgba(0, 255, 255, 0.1) !important;
}

.comparison-table-container th {
  color: var(--primary-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.comparison-table-container td {
  color: var(--text-muted) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.comparison-table-container .check-badge {
  background: var(--primary-color) !important;
  color: var(--dark-bg) !important;
  box-shadow: var(--glow-primary);
}

.comparison-table-container .cross-badge {
  background: var(--secondary-color) !important;
  color: var(--dark-bg) !important;
  box-shadow: var(--glow-secondary);
}