/* ===================================================================== byworksy.com — PALETA DA LOGO (azul #184098 + laranja #F88820) Translate Job · módulo 8 · assets/paleta.css (v1.3.0) ESCOPO DO DONO (27/10/2026): SOMENTE superfícies, faixas, títulos, bordas e divisores. Botões, links, hiperlinks, hovers, menu, seletor de idioma, paginação e formulário NÃO são tocados — ficam como estão. Por que este arquivo não é igual ao `paleta-byworksy.css` do design: o byworksy.com é 100% Elementor nas páginas (canvas: não existe .inside-article/.page-header) e GeneratePress só nos posts/arquivos. Os seletores aqui foram extraídos do DOM AO VIVO (27/10/2026) e cada cor de título foi aplicada apenas onde o fundo medido é claro — ver HANDOFF.md §3. Nota de especificidade: o Elementor grava a cor de cada bloco com 4 níveis de classe (`.elementor-31149 .elementor-element .elementor-element-XXXX .alvo`). Para vencer sem `!important`, os seletores abaixo repetem a classe do elemento até empatar em especificidade (4) e, como este arquivo entra depois, o desempate do cascade é favorável. É de propósito: NÃO "simplificar" esses seletores, eles perdem a cor se ficarem com menos classes. Rollback: desligar "8 · Paleta da marca" em Configurações → Translate Job. ===================================================================== */ /* ---------------------------------------------------------------- 1. tokens Derivados das 2 cores da logo, mesma matiz: azul #184098 H=221° (67% dos pixels da logo) laranja #F88820 H=29° (32% dos pixels da logo) ------------------------------------------------------------------------ */ :root { /* marca — superfícies e títulos */ --bw-primary: #184098; /* LOGO · azul — títulos em superfície clara, faixa de marca */ --bw-primary-dark: #102B66; /* H221 v40 */ --bw-primary-light: #E0EAFF; /* H221 s12 */ --bw-primary-border: #C7D4F2; /* H221 s18 v95 */ /* marca — detalhe decorativo (o laranja NUNCA é texto sobre claro: 2,46:1) */ --bw-accent: #F88820; /* LOGO · laranja */ --bw-accent-light: #FFF2E6; /* H29 s10 */ /* neutros de apoio, levemente azulados */ --bw-bg: #FFFFFF; --bw-surface: #F5F7FB; --bw-border: #D8DEE9; /* rodapé — DECISÃO DO DONO (27/10/2026, 2ª): fundo PRETO fica, TEXTO branco. Aqui a regra "não mexer em link" está suspensa SÓ no rodapé — o dono autorizou explicitamente pintar os links de branco. */ --bw-footer-bg: #000000; /* fundo do rodapé: NÃO é alterado */ --bw-footer-text: #FFFFFF; /* 21,0:1 sobre #000000 */ --bw-footer-title: #FFFFFF; /* era branco antes: continua branco */ --bw-footer-overlay: rgba(0, 0, 0, .62); /* véu PRETO se algum bloco tiver imagem */ --bw-footer-rule: #C7D4F2; /* divisória do rodapé (não é tocada) */ } /* ===================================================================== 2. RODAPÉ — CORREÇÃO DO BUG (item nº 1 do card) DECISÃO FINAL DO DONO (27/10/2026 — 2ª mensagem, sobrepõe o Design): "Pode deixar o fundo preto do rodapé só preciso que seja alterado a cor do texto no rodapé para branco." Ou seja: o FUNDO NÃO é alterado (continua #000000, que é o que já existe no .gb-container do rodapé) e o TEXTO passa a branco — aqui a regra "não mexer em link" está suspensa SÓ no rodapé, por autorização explícita do dono. Diagnóstico (fica registrado para não voltar): as 5 declarações de cor do rodapé estão gravadas com a variável quebrada `var(u002du002dbase-3)` (o `--` virou `u002d`) → CSS inválido → descartado. Sem elas o texto e os links herdam `#282828` e o aviso/copyright herdam `#000000` sobre o fundo `#000000` → 1,42:1 e 1,00:1 (ilegível). A correção é a cor do texto, aplicada por herança: branco puro sobre preto = 21,0:1. ===================================================================== */ /* 2.1 texto geral do rodapé (descrição, aviso "Important Notice", copyright, divisórias de texto) — herda branco puro */ .site-footer { color: var(--bw-footer-text); } /* 2.2 links do rodapé — AUTORIZADO pelo dono: branco puro (era #282828 sobre preto = 1,42:1). Agora 21,0:1. O CTA verde não muda (já era branco). */ .site-footer a { color: var(--bw-footer-text); } /* 2.3 estado de hover: SÓ sublinhado, sem troca de cor (decisão desta entrega entre as duas opções do dono). Hoje o link do rodapé não tem nenhum feedback de hover; o sublinhado dá affordance sem criar par de cor novo. Fica fora dos botões (CTA verde) para não "sublinhar botão". */ .site-footer a:hover:not(.gb-button):not(.elementor-button):not(.wp-block-button__link) { text-decoration: underline; } /* 2.4 título "About By Worksy" — era branco por causa da classe de preset (has-base-3-color, que traz !important do GenerateBlocks). Declarado aqui para não depender do preset. */ .site-footer h2, .site-footer h2.has-base-3-color, .site-footer .wp-block-heading { color: var(--bw-footer-title) !important; /* único !important do arquivo */ } /* 2.5 véu PRETO sobre background-image — DORMENTE hoje (medido 27/10: nenhum bloco do rodapé tem imagem; `background-image: none` em todos). Se o dono puser imagem depois, o véu escurece a área e mantém o branco legível sobre o fundo preto, sem brigar com o estilo inline. Não intercepta clique (pointer-events:none → anúncio continua clicável). */ .site-footer .gb-container[style*="background-image"] { position: relative; isolation: isolate; } .site-footer .gb-container[style*="background-image"]::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-color: var(--bw-footer-overlay); border-radius: inherit; } .site-footer .gb-container[style*="background-image"] > .gb-inside-container { position: relative; z-index: 1; } /* ===================================================================== 3. FAIXAS DE MARCA — alinhar o azul já existente com a cor da logo Hoje as seções do Elementor usam #19459C (rgb 25,69,156) em vez do #184098 da logo. Título branco sobre #184098 = 9,44:1 (passa). NÃO entram aqui: o `a.elementor-button` que usa #19459C como cor de texto/preenchimento (é botão — fora do escopo). ===================================================================== */ section.elementor-element.elementor-element-c969b38.elementor-element-c969b38.elementor-element-c969b38, section.elementor-element.elementor-element-6347ead8.elementor-element-6347ead8.elementor-element-6347ead8, section.elementor-element.elementor-element-405f67c4.elementor-element-405f67c4.elementor-element-405f67c4, section.elementor-element.elementor-element-29399e26.elementor-element-29399e26.elementor-element-29399e26, section.elementor-element.elementor-element-51875294.elementor-element-51875294.elementor-element-51875294, section.elementor-element.elementor-element-80dfe6f.elementor-element-80dfe6f.elementor-element-80dfe6f, section.elementor-element.elementor-element-250f1f8d.elementor-element-250f1f8d.elementor-element-250f1f8d, section.elementor-element.elementor-element-2b7bae78.elementor-element-2b7bae78.elementor-element-2b7bae78, section.elementor-element.elementor-element-3fad3c9d.elementor-element-3fad3c9d.elementor-element-3fad3c9d { background-color: var(--bw-primary); } /* camada de motion effects (fundo animado do Elementor) */ section.elementor-element.elementor-element-c969b38.elementor-element-c969b38.elementor-element-c969b38 > .elementor-motion-effects-container > .elementor-motion-effects-layer, section.elementor-element.elementor-element-6347ead8.elementor-element-6347ead8.elementor-element-6347ead8 > .elementor-motion-effects-container > .elementor-motion-effects-layer, section.elementor-element.elementor-element-405f67c4.elementor-element-405f67c4.elementor-element-405f67c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer, section.elementor-element.elementor-element-29399e26.elementor-element-29399e26.elementor-element-29399e26 > .elementor-motion-effects-container > .elementor-motion-effects-layer, section.elementor-element.elementor-element-51875294.elementor-element-51875294.elementor-element-51875294 > .elementor-motion-effects-container > .elementor-motion-effects-layer, section.elementor-element.elementor-element-80dfe6f.elementor-element-80dfe6f.elementor-element-80dfe6f > .elementor-motion-effects-container > .elementor-motion-effects-layer, section.elementor-element.elementor-element-250f1f8d.elementor-element-250f1f8d.elementor-element-250f1f8d > .elementor-motion-effects-container > .elementor-motion-effects-layer, section.elementor-element.elementor-element-2b7bae78.elementor-element-2b7bae78.elementor-element-2b7bae78 > .elementor-motion-effects-container > .elementor-motion-effects-layer, section.elementor-element.elementor-element-3fad3c9d.elementor-element-3fad3c9d.elementor-element-3fad3c9d > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: var(--bw-primary); } /* ===================================================================== 4. TÍTULOS em superfície CLARA Cada seletor abaixo foi conferido ao vivo: fundo branco e título escuro. Nada de regra global h1/h2 — a home tem títulos brancos sobre faixa azul e sobre overlay laranja (#FF8C21) que NÃO podem ser pintados (ficariam em 1,05:1 e 2,46:1). ===================================================================== */ /* 4.1 posts e categorias (template GeneratePress — todos os títulos medidos em #282828 sobre #FFFFFF). O título que É link (.entry-title a no arquivo) não é tocado: link está fora do escopo. */ .single .entry-title, .inside-article h1:not(.entry-title), .inside-article h2:not(.entry-title), .inside-article h3:not(.entry-title), .inside-article h4:not(.entry-title) { color: var(--bw-primary); } /* título de arquivo (h1 do GenerateBlocks na faixa de categoria). Só `h1`: no rodapé o aviso e o copyright também são `.gb-headline`, mas são `

` — e a cor deles NÃO pode mudar (decisão do dono). */ .archive h1.gb-headline, .category h1.gb-headline, .author h1.gb-headline, .search h1.gb-headline, .page-header h1.gb-headline { color: var(--bw-primary); } /* 4.2 páginas Elementor — ids medidos, um por bloco (4 níveis de especificidade para vencer o CSS por página do Elementor) */ .elementor-element.elementor-element-2b254dab.elementor-element-2b254dab.elementor-element-2b254dab .elementor-heading-title, /* "Artigos mais buscados" (home, 3 idiomas) */ .elementor-element.elementor-element-8ed814f.elementor-element-8ed814f.elementor-element-8ed814f .elementor-heading-title, /* "Sobre Nós" / "About Us" */ .elementor-element.elementor-element-a83d404.elementor-element-a83d404.elementor-element-a83d404 .elementor-heading-title, /* "Termos de Uso" */ .elementor-element.elementor-element-bfe24a8.elementor-element-bfe24a8.elementor-element-bfe24a8 .elementor-heading-title, /* "Política de Privacidade" */ .elementor-element.elementor-element-1b7e8d67.elementor-element-1b7e8d67.elementor-element-1b7e8d67 h3, /* "O que Oferecemos", "Nosso Compromisso" */ .elementor-element.elementor-element-10da5f4c.elementor-element-10da5f4c.elementor-element-10da5f4c h3, /* "Digital Millennium Copyright Act" */ .elementor-element.elementor-element-c951b78.elementor-element-c951b78.elementor-element-c951b78 .elementor-headline { /* "Dúvidas? Entre em Contato." */ color: var(--bw-primary); } /* títulos dos 3 cards brancos da home (CTAs de categoria) */ .elementor-element.elementor-element-223349bf.elementor-element-223349bf.elementor-element-223349bf .elementor-cta__title, .elementor-element.elementor-element-39ab53b7.elementor-element-39ab53b7.elementor-element-39ab53b7 .elementor-cta__title, .elementor-element.elementor-element-d3d7c58.elementor-element-d3d7c58.elementor-element-d3d7c58 .elementor-cta__title { color: var(--bw-primary); } /* 4.3 EXCEÇÕES EXPLÍCITAS (título branco sobre faixa/overlay): listadas aqui só para documentar que foram medidas e ficam como estão — nenhuma regra pinta estes títulos. Não remover os comentários. */ /* .elementor-element-6347ead8 .elementor-cta__title → branco sobre faixa azul */ /* .elementor-element-79bfbfd1 .elementor-heading-title → branco sobre faixa azul */ /* .elementor-element-b9a35ec .elementor-cta__title → branco sobre overlay laranja */ /* .elementor-element-13e62e4 .elementor-portfolio-item__title → branco sobre overlay laranja */ /* .elementor-post__title a (cards de artigo) e .entry-title a (arquivo) são LINKS → fora do escopo */ /* ===================================================================== 5. SUPERFÍCIES DE CARD Cards brancos → superfície neutra da marca + contorno (o texto que fica dentro continua legível: título azul 8,80:1 e descrição #0F314D 12,5:1). Só os 3 cards de categoria da home, que MEDIRAM fundo branco próprio. O conteúdo dos CTAs sobre faixa/overlay é transparente e não é tocado. FORA: `.elementor-post__card` (cards de artigo) continuam BRANCOS, de propósito. Eles carregam texto secundário que JÁ está abaixo de 4,5:1 e cuja cor o dono mandou não mexer — resumo do post #777777 (4,48:1), data/autor #ADADAD (2,24:1) e "Leia mais" laranja (2,33:1). Escurecer o fundo para #F5F7FB derrubaria esses três pares para 4,18 / 2,09 / 2,17 — piora sem ganho de marca. ===================================================================== */ .elementor-element.elementor-element-223349bf.elementor-element-223349bf.elementor-element-223349bf .elementor-cta__content, .elementor-element.elementor-element-39ab53b7.elementor-element-39ab53b7.elementor-element-39ab53b7 .elementor-cta__content, .elementor-element.elementor-element-d3d7c58.elementor-element-d3d7c58.elementor-element-d3d7c58 .elementor-cta__content { background-color: var(--bw-surface); border: 1px solid var(--bw-border); } /* ===================================================================== 6. BORDAS E DIVISORES ===================================================================== */ .inside-article .entry-header { border-bottom-color: var(--bw-border); } hr { border-color: var(--bw-border); } /* ===================================================================== 7. NÃO ESTÁ AQUI, DE PROPÓSITO (fora do escopo do dono) - botões/CTA, inclusive o verde #0f9f44 (decisão do dono: mantém) - cor de link/hiperlink e hover de link - itens de menu, seletor PT | ES | EN e seu sublinhado - paginação, campos de formulário, placeholders Qualquer regra dessas neste arquivo seria regressão — não adicionar. ===================================================================== */