/* Variáveis de Cores */
:root {
    --bs-dark: #1A1A1A;          /* Fundo Principal Escuro */
    --bs-body-bg: #262626;       /* Fundo Secundário (Seções) */
    --bs-warning: #FFB800;       /* Amarelo Ouro (CTA Principal/Título) */
    --bs-danger: #A00000;        /* Vermelho Borgonha (Acento/Bordas) */
    --bs-success: #25D366;       /* Verde WhatsApp */
}

/* Estilos Globais */
body {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-white);
}

/* -------------------------------------- */
/* 1. NAVBAR E LINKS */
/* -------------------------------------- */
#navbar-main {
    background-color: var(--bs-body-bg) !important;
    border-color: #333 !important;
}

.nav-link {
    color: var(--bs-light) !important;
    font-weight: 500;
    transition: color 0.3s ease;
}

/* EFEITO HOVER LINKS (Light para Gold) */
.nav-link:hover {
    color: var(--bs-warning) !important;
}

/* Garante que o texto do Brand seja Gold e não mude no hover */
.navbar-brand {
    color: var(--bs-warning) !important;
}
.navbar-brand:hover,
.navbar-brand:focus {
    color: var(--bs-warning) !important; 
    text-decoration: none !important;
}

/* -------------------------------------- */
/* 2. CARDS (Serviços, Diferenciais, Depoimentos) */
/* -------------------------------------- */
.card {
    background-color: var(--bs-dark) !important;
    border-color: #333 !important;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/* EFEITO HOVER CARDS (Elevação e Sombra Dourada Sutil) */
.card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 1rem 3rem rgba(255, 184, 0, 0.2) !important; 
}

/* -------------------------------------- */
/* 3. LOGO NO HEADER (NEUTRALIZAÇÃO DE HOVER) */
/* -------------------------------------- */
header .logo-placeholder img {
    transition: all 0s !important;
    cursor: default !important; 
}

/* ANULA TODOS OS EFEITOS DE HOVER NA IMAGEM E NO SEU PAI IMEDIATO */
header .logo-placeholder:hover,
header .logo-placeholder img:hover,
header .logo-placeholder img:focus {
    filter: none !important; 
    transform: none !important; 
    opacity: 1 !important; 
    box-shadow: none !important; 
    outline: none !important; 
}

/* -------------------------------------- */
/* 4. BOTÕES CTA */
/* -------------------------------------- */
.btn-xl {
    padding: 1.25rem 2.5rem;
    font-size: 1.25rem;
}

/* Garante que o botão danger use a cor Borgonha */
.btn-danger {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.btn-danger:hover {
    background-color: #8B0000 !important; 
    border-color: #8B0000 !important;
    box-shadow: 0 0 15px rgba(160, 0, 0, 0.7);
}

/* Animação Sutil para o CTA (Pulse no WhatsApp) */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
.pulse-animation {
    animation: pulse 2s infinite;
}