/* VS Agentes - Tema escuro + neon + Glassmorphism */

:root {
  --neon-cyan: #00f5ff;
  --neon-magenta: #ff00ff;
  --neon-purple: #a855f7;
  --neon-green: #39ff14;
  --dark-bg: #0a0a0f;
  --dark-card: rgba(15, 15, 25, 0.7);
  --glass-border: rgba(255, 255, 255, 0.08);
}

/* Glassmorphism base */
.glass {
  background: rgba(184, 53, 147, 0.27);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 5px solid var(--glass-border);
}

background: rgb(31 77 75 / 50%);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 5px solid var(--glass-border);

.glass-strong {
  /*background: rgba(20, 20, 40, 0.6);*/
  background: linear-gradient(rgba(4, 73, 54, 0.5) 1px, transparent 1px),
    linear-gradient(90deg, rgba(4, 73, 54, 0.5) 1px, transparent 1px);
  background-size: 40px 40px;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 3px solid rgba(0, 245, 255, 0.08);
}

/* Texto neon glow (suave) */
.text-neon-cyan { text-shadow: 0 0 8px rgba(0, 245, 255, 0.35), 0 0 16px rgba(0, 245, 255, 0.15); }
.text-neon-magenta { text-shadow: 0 0 8px rgba(255, 0, 255, 0.35), 0 0 16px rgba(255, 0, 255, 0.15); }
.text-neon-purple { text-shadow: 0 0 8px rgba(168, 85, 247, 0.35), 0 0 16px rgba(168, 85, 247, 0.15); }

/* Box shadow neon (suave) */
.shadow-neon-cyan { box-shadow: 0 0 16px rgba(0, 245, 255, 0.12), 0 0 32px rgba(0, 245, 255, 0.05); }
.shadow-neon-magenta { box-shadow: 0 0 16px rgba(255, 0, 255, 0.12), 0 0 32px rgba(255, 0, 255, 0.05); }
.shadow-neon-purple { box-shadow: 0 0 16px rgba(168, 85, 247, 0.12), 0 0 32px rgba(168, 85, 247, 0.05); }

/* Animação de brilho suave */
@keyframes pulse-glow {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.85; }
}

.animate-pulse-glow {
  animation: pulse-glow 3s ease-in-out infinite;
}

/* Gradiente de fundo */
.bg-grid-pattern {
  background-image: 
    linear-gradient(rgba(0, 245, 255, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 245, 255, 0.015) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Scroll suave */
html { scroll-behavior: smooth; }