/* Importando paleta de cores WK Prime - Modo Galáxia */
:root {
    --wk-galaxy-dark: #070B19;  /* Azul espacial muito escuro */
    --wk-galaxy-base: #0B132B;  /* Azul Galáxia principal */
    --wk-galaxy-light: #1C2541; /* Azul espacial mais claro */
    --wk-orange: #f26522;       /* Laranja vibrante */
    --wk-orange-hover: #d95318;
    --text-light: #E2E8F0;      /* Texto claro para leitura em fundo escuro */
}

body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
    background-color: #f8f9fa; /* Fundo padrão das outras sessões */
}

/* Utilitários de Texto e Fundo */
.text-wk-galaxy { color: var(--wk-galaxy-base) !important; }
.text-wk-orange { color: var(--wk-orange) !important; }
.bg-wk-galaxy { background-color: var(--wk-galaxy-base) !important; }
.bg-wk-orange { background-color: var(--wk-orange) !important; }

/* Botão Primário (Laranja) */
.btn-wk-primary {
    background-color: var(--wk-orange);
    color: white;
    border: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-wk-primary:hover {
    background-color: var(--wk-orange-hover);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(242, 101, 34, 0.4);
}

/* Botão Outline Claro (Para fundos escuros) */
.btn-outline-light {
    border: 2px solid white;
    color: white;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-outline-light:hover {
    background-color: white;
    color: var(--wk-galaxy-base);
}

/* ===== NAVBAR FLUTUANTE (FIXA NO SCROLL) ===== */
.navbar {
    background-color: transparent !important; /* Mantém a transparência por fora do menu */
    border-bottom: none;
    z-index: 1030; /* Garante que o menu fique sempre por cima de tudo no scroll */
}

/* O Segredo da Logo: Remove o quadrado cinza em volta dela */
.navbar-brand img {
    mix-blend-mode: multiply; /* Faz o fundo off-white da imagem sumir no branco */
    filter: contrast(1.05); /* Dá um leve realce nas cores da logo */
}

/* Links escuros sobre o fundo branco */
.navbar .nav-link {
    color: var(--wk-galaxy-base) !important;
    font-weight: 600;
    transition: color 0.3s ease;
}

.navbar .nav-link:hover, 
.navbar .nav-link.active {
    color: var(--wk-orange) !important;
}

/* Ajuste para quando o menu abrir no celular */
@media (max-width: 991px) {
    .navbar .container {
        border-radius: 1.5rem !important;
    }
}

/* ===== HERO SECTION: AZUL GALÁXIA ===== */
.hero-section {
    /* Fundo em degradê escuro com um "brilho" radial laranja sutil no canto superior esquerdo */
    background-image: 
        radial-gradient(circle at 15% 30%, rgba(242, 101, 34, 0.12) 0%, transparent 40%),
        linear-gradient(135deg, var(--wk-galaxy-dark) 0%, var(--wk-galaxy-base) 50%, var(--wk-galaxy-light) 100%);
    color: white;
}

.hero-section h1 {
    color: white !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.hero-section p {
    color: var(--text-light) !important;
}

/* Ajuste de scroll para navbar fixa */
html { scroll-padding-top: 80px; }