/* ==================== DARK THEME COMPLETO - SEPPLAN ==================== */
/* Azul Claro Suave #4a9eff como única cor de destaque */

/* ==================== RESET COMPLETO PARA DARK ==================== */
* {
    border-color: var(--color-gray-border) !important;
}

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

/* ==================== DEFINIR COR DE DESTAQUE ==================== */
:root {
    --color-accent-blue: #4a9eff !important;
    --color-accent-blue-dark: #3a7fd5 !important;
    --color-accent-blue-light: #6eb0ff !important;
}

/* ==================== HEADER ==================== */
.header {
    background: rgba(22, 22, 22, 0.98) !important;
    border-bottom-color: var(--color-accent-blue) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
}

.header.scrolled {
    background-color: rgba(22, 22, 22, 0.98) !important;
}

/* Links de navegação */
.nav-link {
    color: #e0e0e0 !important;
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active {
    color: var(--color-accent-blue) !important;
}

.nav-link::after {
    background-color: var(--color-accent-blue) !important;
}

.menu-toggle {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    box-shadow: 0 2px 8px rgba(74, 158, 255, 0.4) !important;
}

.menu-toggle.active {
    background: linear-gradient(135deg, var(--color-accent-blue-dark) 0%, #2a5fa5 100%) !important;
}

/* Menu mobile */
.nav-menu.active {
    background: linear-gradient(135deg, rgba(22, 22, 22, 0.98) 0%, rgba(30, 30, 30, 0.98) 100%) !important;
}

.nav-menu.active .nav-link {
    background-color: rgba(45, 45, 45, 0.8) !important;
    color: #e0e0e0 !important;
}

.nav-menu.active .nav-link:hover {
    background: linear-gradient(90deg, rgba(74, 158, 255, 0.15) 0%, rgba(45, 45, 45, 0.8) 100%) !important;
    color: var(--color-accent-blue) !important;
    border-left-color: var(--color-accent-blue) !important;
}

/* ==================== BOTÕES ==================== */
.btn-primary {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    color: #ffffff !important;
    border-color: var(--color-accent-blue) !important;
    box-shadow: 0 8px 24px rgba(74, 158, 255, 0.3) !important;
    font-weight: 700 !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(135deg, var(--color-accent-blue-light) 0%, var(--color-accent-blue) 100%) !important;
    box-shadow: 0 12px 32px rgba(74, 158, 255, 0.5) !important;
    transform: translateY(-3px) scale(1.02) !important;
    color: #ffffff !important;
}

.btn-secondary {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #505050 !important;
}

.btn-secondary:hover {
    background-color: rgba(45, 45, 45, 0.8) !important;
    border-color: var(--color-accent-blue) !important;
    color: var(--color-accent-blue) !important;
}

/* ==================== HERO ==================== */
.hero {
    background: linear-gradient(135deg, #161616 0%, #1e1e1e 50%, #161616 100%) !important;
    border-bottom-color: var(--color-accent-blue) !important;
}

.hero::after {
    background: linear-gradient(90deg, 
        transparent 0%,
        var(--color-accent-blue) 50%,
        transparent 100%
    ) !important;
}

.hero-pattern {
    opacity: 0.3 !important;
}

.hero-title {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

.hero-subtitle {
    color: #e0e0e0 !important;
}

/* ==================== SEÇÕES ==================== */
.section {
    background-color: #1e1e1e !important;
}

.section.bg-light {
    background-color: #161616 !important;
}

.section-title {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.section-title::after {
    background: linear-gradient(90deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
}

.section-tagline {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.section-intro {
    color: #e0e0e0 !important;
}

/* ==================== DIFERENCIAIS ==================== */
.diferenciais {
    background-color: #1e1e1e !important;
}

.diferenciais::before {
    background: linear-gradient(90deg, 
        transparent 0%,
        var(--color-accent-blue) 50%,
        transparent 100%
    ) !important;
}

.diferencial-card {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
}

.diferencial-card::before {
    background: linear-gradient(90deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
}

.diferencial-card::after {
    background: radial-gradient(circle, rgba(74, 158, 255, 0.05) 0%, transparent 70%) !important;
}

.diferencial-card:hover {
    background-color: #363636 !important;
    border-color: var(--color-accent-blue) !important;
}

/* Todos os ícones dos cards com a mesma cor azul */
.card-icon,
.card-color-1 .card-icon,
.card-color-2 .card-icon,
.card-color-3 .card-icon,
.card-color-4 .card-icon {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    box-shadow: 0 4px 20px rgba(74, 158, 255, 0.4) !important;
    color: #ffffff !important;
}

.card-color-1::before,
.card-color-2::before,
.card-color-3::before,
.card-color-4::before {
    background: linear-gradient(90deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
}

.card-color-1:hover,
.card-color-2:hover,
.card-color-3:hover,
.card-color-4:hover {
    border-color: var(--color-accent-blue) !important;
}

.card-title {
    color: #ffffff !important;
}

.card-text {
    color: #b0b0b0 !important;
}

/* ==================== GOVERNANÇA ==================== */
.governanca-manutencao,
.governanca-paradas {
    background: #161616 !important;
    border-top-color: var(--color-accent-blue) !important;
    border-bottom-color: var(--color-accent-blue) !important;
}

.governanca-manutencao::before,
.governanca-paradas::before {
    background: linear-gradient(180deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
}

.consultoria-badge {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.governanca-list li {
    background-color: #2d2d2d !important;
    border-left-color: var(--color-accent-blue) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.governanca-list li:hover {
    background: linear-gradient(90deg, rgba(74, 158, 255, 0.1) 0%, #363636 100%) !important;
    border-left-color: var(--color-accent-blue-light) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

.list-icon {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 3px 10px rgba(74, 158, 255, 0.4) !important;
}

.governanca-list li:hover .list-icon {
    background: linear-gradient(135deg, var(--color-accent-blue-light) 0%, var(--color-accent-blue) 100%) !important;
    box-shadow: 0 5px 20px rgba(74, 158, 255, 0.6) !important;
}

.governanca-list li span:last-child {
    color: #e0e0e0 !important;
}

/* ==================== SOBRE ==================== */
.sobre {
    background: #161616 !important;
    border-top-color: var(--color-accent-blue) !important;
    border-bottom-color: var(--color-accent-blue) !important;
}

.sobre-text {
    color: #e0e0e0 !important;
}

.sobre-highlight {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    border: none !important;
}

.sobre-highlight svg {
    color: #ffffff !important;
}

.sobre-highlight p {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ==================== LIVRO ==================== */
.livro {
    background: #161616 !important;
    border-top-color: var(--color-accent-blue) !important;
    border-bottom-color: var(--color-accent-blue) !important;
}

.livro::before {
    background: linear-gradient(180deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
}

.livro-titulo {
    color: #ffffff !important;
}

.livro-subtitulo {
    color: var(--color-accent-blue) !important;
    border-bottom-color: var(--color-accent-blue) !important;
}

.livro-autor {
    color: #e0e0e0 !important;
}

.livro-autor strong {
    color: #ffffff !important;
}

.livro-autor svg {
    color: var(--color-accent-blue) !important;
}

.livro-descricao {
    color: #e0e0e0 !important;
}

.livro-descricao strong {
    color: #ffffff !important;
}

.livro-destaque-item {
    color: #e0e0e0 !important;
}

.livro-destaque-item svg {
    color: var(--color-accent-blue) !important;
}

.livro-btn {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 24px rgba(74, 158, 255, 0.4) !important;
}

.livro-btn:hover {
    background: linear-gradient(135deg, var(--color-accent-blue-light) 0%, var(--color-accent-blue) 100%) !important;
    box-shadow: 0 12px 40px rgba(74, 158, 255, 0.6) !important;
    color: #ffffff !important;
}

.livro-info {
    color: #b0b0b0 !important;
}

.livro-publico {
    background-color: #2d2d2d !important;
    border-color: var(--color-accent-blue) !important;
}

.livro-publico-titulo {
    color: #ffffff !important;
}

.livro-publico-item {
    color: #e0e0e0 !important;
}

.livro-publico-item svg {
    color: var(--color-accent-blue) !important;
}

.livro-publico-item strong {
    color: #ffffff !important;
}

/* ==================== ÁREAS DE ATUAÇÃO ==================== */
.areas-atuacao {
    background: #1e1e1e !important;
}

.areas-atuacao::before,
.areas-atuacao::after {
    background: linear-gradient(90deg, transparent 0%, var(--color-accent-blue) 50%, transparent 100%) !important;
}

.area-card {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
}

.area-card::before {
    background: radial-gradient(circle, rgba(74, 158, 255, 0.08) 0%, transparent 70%) !important;
}

.area-card:hover {
    background-color: #363636 !important;
    border-color: var(--color-accent-blue) !important;
}

.area-destaque {
    background: linear-gradient(135deg, rgba(74, 158, 255, 0.08) 0%, rgba(74, 158, 255, 0.12) 100%) !important;
    border-color: var(--color-accent-blue) !important;
}

.area-number {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(74, 158, 255, 0.4) !important;
}

.area-tag,
.area-tag-destaque {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.area-title {
    color: #ffffff !important;
}

.area-text {
    color: #b0b0b0 !important;
}

.area-list {
    color: #e0e0e0 !important;
}

/* ==================== TREINAMENTOS ==================== */
.treinamentos-destaque {
    background: linear-gradient(135deg, #1a3a52 0%, #2a4d68 100%) !important;
}

.treinamentos-destaque .section-title,
.treinamentos-destaque .section-intro {
    color: #ffffff !important;
}

.modalidade-card {
    background-color: #2d2d2d !important;
    border-color: var(--color-accent-blue) !important;
}

.modalidade-card:hover {
    background-color: #363636 !important;
    border-color: var(--color-accent-blue-light) !important;
}

.modalidade-icon {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    color: #ffffff !important;
}

.modalidade-card-title {
    color: #ffffff !important;
}

.modalidade-card-text {
    color: #e0e0e0 !important;
}

.modalidade-features li {
    color: #e0e0e0 !important;
}

.programa-item {
    background-color: #2d2d2d !important;
}

.programa-item:hover {
    background-color: #363636 !important;
}

.programa-numero {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    color: #ffffff !important;
}

.programa-nome {
    color: #e0e0e0 !important;
}

/* ==================== CONTATO ==================== */
.contato {
    background: #161616 !important;
}

.contato-form {
    background-color: #2d2d2d !important;
    border-color: var(--color-accent-blue) !important;
}

.contato-form::before {
    background: linear-gradient(90deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
}

.form-group label {
    color: #e0e0e0 !important;
}

.form-control {
    background-color: #1e1e1e !important;
    border-color: #404040 !important;
    color: #ffffff !important;
}

.form-control:focus {
    border-color: var(--color-accent-blue) !important;
    background-color: #252525 !important;
    box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.15) !important;
}

.form-control::placeholder {
    color: #808080 !important;
}

textarea.form-control {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
}

/* ==================== FOOTER ==================== */
.footer {
    background: linear-gradient(135deg, #0a1f2e 0%, #161616 100%) !important;
    border-top-color: var(--color-accent-blue) !important;
}

.footer-title {
    color: #ffffff !important;
}

.footer-description {
    color: #b0b0b0 !important;
}

.footer-link {
    color: #e0e0e0 !important;
}

.footer-link:hover {
    color: var(--color-accent-blue) !important;
}

.footer-bottom {
    border-top-color: #333333 !important;
}

.footer-bottom p {
    color: #b0b0b0 !important;
}

/* ==================== VOLTAR AO TOPO ==================== */
#backToTop {
    background: linear-gradient(135deg, var(--color-accent-blue) 0%, var(--color-accent-blue-dark) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(74, 158, 255, 0.4) !important;
}

#backToTop:hover {
    background: linear-gradient(135deg, var(--color-accent-blue-light) 0%, var(--color-accent-blue) 100%) !important;
    box-shadow: 0 8px 24px rgba(74, 158, 255, 0.6) !important;
}

/* ==================== OVERLAY MENU MOBILE ==================== */
body.menu-open::before {
    background-color: rgba(0, 0, 0, 0.8) !important;
}