/* Paleta de Cores Profissional para Trading/Finanças */
:root {
    /* Cores Primárias - Ajustadas para tons de verde */
    /* Ajuste da paleta para tons de verde. A ideia é que todo o site use a mesma cor
       predominante inspirada em verde, eliminando o azul. */
    --primary-blue: #00b359;        /* Verde principal */
    --primary-blue-light: #00cc6a;  /* Verde claro */
    --primary-blue-dark: #008f4a;   /* Verde escuro */
    
    /* Cores Secundárias - Verde Financeiro */
    --success-green: #059669;       /* Verde para lucros/positivo */
    --success-green-light: #10b981; /* Verde claro */
    --success-green-dark: #047857;  /* Verde escuro */
    
    /* Cores de Alerta - Vermelho Financeiro */
    --danger-red: #dc2626;          /* Vermelho para perdas/negativo */
    --danger-red-light: #ef4444;    /* Vermelho claro */
    --danger-red-dark: #b91c1c;     /* Vermelho escuro */
    
    /* Cores Neutras - Cinza Corporativo */
    --neutral-50: #f8fafc;          /* Branco quase puro */
    --neutral-100: #f1f5f9;         /* Cinza muito claro */
    --neutral-200: #e2e8f0;         /* Cinza claro */
    --neutral-300: #cbd5e1;         /* Cinza médio claro */
    --neutral-400: #94a3b8;         /* Cinza médio */
    --neutral-500: #64748b;         /* Cinza */
    --neutral-600: #475569;         /* Cinza escuro */
    --neutral-700: #334155;         /* Cinza muito escuro */
    --neutral-800: #1e293b;         /* Quase preto */
    --neutral-900: #0f172a;         /* Preto corporativo */
    
    /* Cores de Destaque - Dourado Premium */
    --accent-gold: #f59e0b;         /* Dourado */
    --accent-gold-light: #fbbf24;   /* Dourado claro */
    --accent-gold-dark: #d97706;    /* Dourado escuro */
    
    /* Cores de Fundo */
    --bg-primary: var(--neutral-900);
    --bg-secondary: var(--neutral-800);
    --bg-tertiary: var(--neutral-700);
    
    /* Cores de Texto */
    --text-primary: var(--neutral-50);
    --text-secondary: var(--neutral-300);
    --text-muted: var(--neutral-400);
}

/* Aplicação da Nova Paleta */
body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* Header com nova paleta */
.header {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);
    border-bottom: 1px solid var(--neutral-600);
}

.logo h2 {
    color: var(--primary-blue-light);
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.3);
}

.nav a:hover {
    color: var(--primary-blue-light);
}

.btn-nav {
    background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);
    color: var(--neutral-50) !important;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3);
}

.btn-nav:hover {
    box-shadow: 0 6px 20px rgba(30, 58, 138, 0.4);
    color: var(--neutral-50) !important;
}

/* Hero Section com nova paleta */
.hero {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100%);
}

.hero-text h1 {
    background: linear-gradient(135deg, var(--primary-blue-light) 0%, var(--neutral-50) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-subtitle {
    color: var(--text-secondary);
}

/* Highlight Box com nova paleta */
.highlight-box {
    background: linear-gradient(135deg, var(--success-green) 0%, var(--success-green-dark) 100%);
    color: var(--neutral-50);
    border: 1px solid var(--success-green-light);
    box-shadow: 0 10px 30px rgba(5, 150, 105, 0.3);
}

/* Stats com nova paleta */
.stat-number {
    background: linear-gradient(90deg, var(--primary-blue-light), var(--accent-gold));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.stat-text {
    color: var(--text-secondary);
}

/* Botões com nova paleta */
.btn-primary {
    background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);
    color: var(--neutral-50);
    box-shadow: 0 5px 20px rgba(30, 58, 138, 0.3);
}

.btn-primary:hover {
    box-shadow: 0 8px 25px rgba(30, 58, 138, 0.4);
    transform: translateY(-2px);
}

/* Barra de progresso com nova paleta */
.scroll-progress {
    background: linear-gradient(90deg, var(--primary-blue), var(--primary-blue-light));
}

/* Partículas com nova paleta */
.particle {
    background: var(--primary-blue-light);
    box-shadow: 0 0 6px rgba(59, 130, 246, 0.6);
}

/* Efeitos visuais com nova paleta */
.hero::before {
    background: 
        radial-gradient(circle at 20% 20%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.1) 0%, transparent 50%);
}

/* Trading background com nova paleta */
.trading-background::after {
    background-image: 
        linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.3) 2%, transparent 4%),
        linear-gradient(90deg, transparent 20%, rgba(59, 130, 246, 0.2) 22%, transparent 24%),
        linear-gradient(90deg, transparent 40%, rgba(59, 130, 246, 0.25) 42%, transparent 44%),
        linear-gradient(90deg, transparent 60%, rgba(59, 130, 246, 0.15) 62%, transparent 64%),
        linear-gradient(90deg, transparent 80%, rgba(59, 130, 246, 0.2) 82%, transparent 84%),
        
        linear-gradient(0deg, transparent 0%, rgba(59, 130, 246, 0.1) 1%, transparent 2%),
        linear-gradient(0deg, transparent 25%, rgba(59, 130, 246, 0.08) 26%, transparent 27%),
        linear-gradient(0deg, transparent 50%, rgba(59, 130, 246, 0.12) 51%, transparent 52%),
        linear-gradient(0deg, transparent 75%, rgba(59, 130, 246, 0.09) 76%, transparent 77%),
        
        radial-gradient(circle at 15% 25%, rgba(59, 130, 246, 0.4) 1px, transparent 2px),
        radial-gradient(circle at 35% 45%, rgba(59, 130, 246, 0.3) 1px, transparent 2px),
        radial-gradient(circle at 55% 35%, rgba(59, 130, 246, 0.5) 1px, transparent 2px),
        radial-gradient(circle at 75% 55%, rgba(59, 130, 246, 0.3) 1px, transparent 2px),
        radial-gradient(circle at 85% 25%, rgba(59, 130, 246, 0.4) 1px, transparent 2px);
}

/* Seções com nova paleta */
.about-nico {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

.method {
    background: var(--bg-primary);
}

.results {
    background: var(--bg-secondary);
}

.pricing {
    background: var(--bg-primary);
}

.faq {
    background: var(--bg-secondary);
}

/* Feature cards com nova paleta */
.feature-card {
    background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--neutral-600) 100%);
    border: 1px solid var(--neutral-500);
    color: var(--text-primary);
}

.feature-card:hover {
    border-color: var(--primary-blue-light);
    box-shadow: 0 10px 30px rgba(30, 58, 138, 0.2);
}

.feature-card i {
    color: var(--primary-blue-light);
}

/* Pricing card com nova paleta */
.pricing-card {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);
    border: 2px solid var(--primary-blue);
    box-shadow: 0 20px 60px rgba(30, 58, 138, 0.3);
}

.price .amount {
    color: var(--accent-gold);
}

.price .currency {
    color: var(--accent-gold-light);
}

/* FAQ com nova paleta */
.faq-item {
    background: var(--bg-tertiary);
    border: 1px solid var(--neutral-600);
}

.faq-item.active {
    border-color: var(--primary-blue-light);
}

.faq-question {
    color: var(--text-primary);
}

.faq-answer {
    color: var(--text-secondary);
}

/* Video container com nova paleta */
.video-container-large {
    border: 3px solid var(--primary-blue);
    box-shadow: 0 20px 60px rgba(30, 58, 138, 0.2);
}

/* Testimonials com nova paleta */
.testimonials-nav {
    background: var(--primary-blue);
    color: var(--neutral-50);
}

.testimonials-nav:hover {
    background: var(--primary-blue-light);
}

.dot {
    background: var(--neutral-500);
}

.dot.active {
    background: var(--primary-blue-light);
}

/* Links com nova paleta */
a {
    color: var(--primary-blue-light);
}

a:hover {
    color: var(--primary-blue);
}

/* Garantia com nova paleta */
.guarantee {
    background: linear-gradient(135deg, var(--success-green-dark) 0%, var(--success-green) 100%);
    color: var(--neutral-50);
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1rem;
}

/* CTA text com nova paleta */
.cta-text {
    color: var(--text-secondary);
}

/* Delivery info com nova paleta */
.delivery-info {
    background: var(--bg-tertiary);
    border: 1px solid var(--neutral-600);
    border-radius: 8px;
    padding: 1rem;
    margin: 1rem 0;
}

.delivery-info p {
    color: var(--text-secondary);
}

/* Benefits list com nova paleta */
.benefits-list li {
    color: var(--text-primary);
}

.benefits-list i {
    color: var(--success-green);
}