/* ========================================================================== BLOG GDA — estilos exclusivos do blog. Tudo aqui segue o padrão visual do site: fundo escuro (#090a0c), cards pretos com raio 18px, blocos azuis (#078bed) de destaque, títulos muito bold com entrelinha e espaçamento apertados, botões em pílula. Os valores foram tirados do CSS em produção, não inventados. Todas as regras usam o prefixo .gdab-, então este arquivo não altera nenhum estilo já existente do site. ========================================================================== */ :root{ /* cores lidas do site em produção */ --gdab-fundo:#090a0c; /* body do site */ --gdab-fundo-2:#040b1a; /* faixa de números / FAQ */ --gdab-card:#0b0c0f; /* cards de serviço */ --gdab-card-2:#111318; /* cards de negócios locais */ --gdab-borda:rgba(255,255,255,.12); --gdab-azul:#078bed; /* azul dos blocos e botões */ --gdab-verde:#24c77b; --gdab-texto:#bdc5d2; /* parágrafo sobre fundo escuro */ --gdab-texto-2:#aeb4bf; /* texto dentro de card */ --gdab-link:#4da3f5; /* azul mais claro, para contraste no escuro */ --gdab-claro:#f7f2f4; /* off-white das seções "Serviços" e "Sobre" */ --gdab-branco:#fff; /* branco da seção de metodologia */ --gdab-ink:#071326; /* texto principal em fundo claro */ --gdab-ink-soft:#4b5a70; /* texto de apoio em fundo claro */ --gdab-linha:#dfe6f0; /* linhas sutis em fundo claro */ --gdab-topo:80px; /* altura do cabeçalho fixo */ } @media (max-width:760px){:root{--gdab-topo:68px}} /* O site é escuro; o blog acompanha. */ html,body{background:var(--gdab-fundo)} /* O cabeçalho do site é translúcido, pensado para ficar sobre seções escuras. Nas páginas claras do blog ele ficaria acinzentado, então aqui é sólido no mesmo tom escuro da marca. */ .site-header{background:#08090b} /* IMPORTANTE: o CSS do site tem `@media (width<=1020px){nav{display:none}}`, criado para esconder o menu do topo no celular. Como a faixa de categorias, o índice do artigo e a paginação também são