/* Modo escuro — activado via [data-theme="escuro"] em (ver _Layout.cshtml para o script anti-FOUC e o botão de alternância, e premium-ux.js para o clique). Carrega depois de variables.css e premium.css de propósito, para poder sobrepor os dois. Cobertura: tokens de cor (aplica-se automaticamente a tudo o que já usa var(--color-*), que é a maioria do CSS próprio deste site) + as superfícies claras mais visíveis com cor fixa em vez de variável (cartões, formulários, tabelas, secções com fundo claro). Não persegue cada hex fixo isolado no CSS do template original — só as superfícies grandes/visíveis. */ :root[data-theme="escuro"] { --color-default: #e8ecf3; --color-text-body: #c3cbdb; --color-branco-azul: #131c33; --color-primary: #27b563; --color-primary-light: #3fd67d; --color-primary-dark: #1b8a4a; --color-primary-rgb: 39, 181, 99; --color-secondary: #0b1f4b; --color-secondary-light: #24356b; --color-secondary-dark: #050f26; --bs-body-bg: #0a1226; --bs-body-bg-rgb: 10, 18, 38; --bs-body-color: #c3cbdb; } [data-theme="escuro"] body { background-color: #0a1226; color: #c3cbdb; } /* ---------- Secções e cartões que tinham fundo claro fixo ---------- */ [data-theme="escuro"] .section-bg, [data-theme="escuro"] #footer, [data-theme="escuro"] #footer .footer-top, [data-theme="escuro"] #footer .footer-newsletter form, [data-theme="escuro"] .card, [data-theme="escuro"] .pricing-item, [data-theme="escuro"] .produto-card, [data-theme="escuro"] .noticia-card, [data-theme="escuro"] .noticia-video-card, [data-theme="escuro"] .noticia-home-card, [data-theme="escuro"] .team-card, [data-theme="escuro"] .team .member, [data-theme="escuro"] .chef-member, [data-theme="escuro"] .patrocinador-oficial-destaque, [data-theme="escuro"] .conquista-card, [data-theme="escuro"] .memoria-card, [data-theme="escuro"] .estadio-ficha, [data-theme="escuro"] .featured-services .icon-box, [data-theme="escuro"] .services .icon-box, [data-theme="escuro"] .testimonial-item, [data-theme="escuro"] .calendario-jogo-card, [data-theme="escuro"] .reacoes-noticia, [data-theme="escuro"] .reacao-btn, [data-theme="escuro"] .presidente-mensagem .presidente-card, [data-theme="escuro"] #contact .php-email-form, [data-theme="escuro"] .produto-detalhe-caixa, [data-theme="escuro"] .perfil-socio-caixa, [data-theme="escuro"] .perfil-conta-caixa, [data-theme="escuro"] .perfil-sem-socio-caixa, [data-theme="escuro"] .app-download-feature, [data-theme="escuro"] .reserva-form, [data-theme="escuro"] .reserva-sem-jogo, [data-theme="escuro"] .socio-form-seccao, [data-theme="escuro"] .comments .comment, [data-theme="escuro"] .comments .reply-form, [data-theme="escuro"] .vazio-premium, [data-theme="escuro"] .sidebar, [data-theme="escuro"] .noticia-destaque-overlay, [data-theme="escuro"] .loja-filtros-pesquisa input, [data-theme="escuro"] #preloader, [data-theme="escuro"] #assistente-painel, [data-theme="escuro"] .assistente-msg-bot, [data-theme="escuro"] .assistente-sugestao, [data-theme="escuro"] #assistente-form { background-color: #101a33 !important; color: #c3cbdb; } [data-theme="escuro"] #footer, [data-theme="escuro"] #footer .footer-top { background: #08101f !important; } /* Cabeçalho — aparece em todas as páginas, era a maior falha visual: ficava sempre branco por cima de tudo o resto já escuro. */ [data-theme="escuro"] #header, [data-theme="escuro"] .navbar .dropdown ul { background: #0a1226 !important; } [data-theme="escuro"] .navbar .dropdown ul { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6); } /* O ícone do hamburger vive no cabeçalho (claro/escuro consoante o tema) — nunca deve ganhar fundo, só precisa de cor legível. */ [data-theme="escuro"] .mobile-nav-toggle { color: #e8ecf3; } [data-theme="escuro"] .mobile-header-login-btn { color: #e8ecf3; border-color: rgba(255, 255, 255, 0.2); } /* O