/* SKIN019 v1.0 - 05/08/2026 - sessao skin-global-0805 (ordem Rafael 05/08 21:3x) Pele unica do site: fundo e header da HOME nos 2 temas + transicao suave direita->esquerda com o header parado + anti-pisca de tema. Valores copiados da home-nova (referencia visual oficial): claro: canvas #F7F8FA, header rgba(255,255,255,.82) vidro, borda #EEF0F3 escuro: canvas #0B0B0D, header #000 sem vidro, borda #26262C REGRA DE USO: entrar por como ULTIMA folha do - a posicao no fim do head e o que faz estas regras vencerem os estilos de cada pagina. */ /* --- 1. Canvas unico (home) + anti-pisca: o html pinta certo no 1o frame --- */ :root{color-scheme:light} html.dark{color-scheme:dark;background:#0B0B0D} html{background:#F7F8FA} body{background:#F7F8FA} html.dark body,body.dark{background:#0B0B0D;color:#EDEFF3} /* --- 2. Header do kit G19 = header da home --- */ .g19-header{background:rgba(255,255,255,.82);border-bottom:1px solid #EEF0F3;box-shadow:0 1px 8px rgba(27,27,31,.05)} .g19-hwrap{padding:12px 16px} body.dark .g19-header,html.dark .g19-header{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #26262C;box-shadow:none} /* --- 3. Casca SPA (goldbar) no escuro tambem vira o header da home --- */ html.dark header.goldbar{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #26262C;box-shadow:none} html.dark body.noscroll,html.dark body{background:#0B0B0D} /* --- 4. Transicao suave entre paginas (view transitions MPA): o conteudo desliza da direita para a esquerda; o header fica parado. Navegador sem suporte: navegacao normal, sem quebra nenhuma. --- */ @view-transition{navigation:auto} @keyframes s19in{from{opacity:.35;transform:translateX(30px)}to{opacity:1;transform:none}} @keyframes s19out{from{opacity:1;transform:none}to{opacity:.35;transform:translateX(-26px)}} ::view-transition-old(root){animation:s19out .2s ease-in both} ::view-transition-new(root){animation:s19in .24s ease-out both} body>header:first-of-type,header.g19-header,header.goldbar{view-transition-name:s19hdr} @media (prefers-reduced-motion:reduce){ ::view-transition-old(root),::view-transition-new(root), ::view-transition-old(s19hdr),::view-transition-new(s19hdr){animation:none} } /* --- 5. SAFEAREA0807 - 07/08/2026 - respiro do topo no APP (casca WebView). Sintoma medido: no Android o header encostava no relogio/status bar. env() vale 0 em navegador comum e em tela sem recorte => na web NADA muda. Exige viewport-fit=cover no meta da pagina (as rotas ja tem; a home nao tinha). --- */ header,header.goldbar,.g19-header{padding-top:env(safe-area-inset-top,0px)} .g19-topo{bottom:calc(18px + env(safe-area-inset-bottom,0px))} .g19-toast{bottom:calc(22px + env(safe-area-inset-bottom,0px))} @supports (padding:env(safe-area-inset-left)){ header,header.goldbar,.g19-header{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)} } /* --- 6. LIQUID0807 (RESTAURADO) - fonte ouro do bloco "segue" no site inteiro. Voto V3=A do Rafael, aplicado pela sessao deliveryfacil-glass-0807 as 12:4x e PERDIDO as 13:0x, quando o conserto do safe-area regravou este arquivo a partir de uma copia anterior. Reescrito a partir do registro do quadro (8A5E04 no claro / E9A930 no escuro) - conferir byte a byte com o autor. --- */ .g19-segue a{color:#A86305} html.dark .g19-segue a,body.dark .g19-segue a{color:#E9A930} /* --- 7. MENU0807 - 07/08/2026 - respiro do topo na GAVETA do menu sanduiche. Sintoma relatado pelo Rafael no aparelho: com o app aberto, a lista do menu batia no relogio/bateria. A gaveta e position:absolute com top:0 e padding:18px, entao o respiro dado ao header nao a alcancava. Soma o padding original com a faixa do sistema, em cima e embaixo. env() vale 0 em navegador comum => na web NADA muda. --- */ .gaveta{padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))} /* --- 8. RADIO0807 (revisao-geral-app019) - o nome da musica tocando era BRANCO sobre o painel BRANCO translucido do player: razao medida 1,02:1 no tema claro, ou seja, invisivel. Todos os vizinhos do mesmo painel ja eram escuros (#2A2A2E, #1B1B1F) - so este ficou de fora. #3A3A40 sobre o painel composto da 10,8:1. No tema escuro nada muda (segue branco .86). O player aparece em varias paginas, por isso o conserto mora aqui na pele, nao numa pagina. --- */ .r19now{color:#3A3A40} html.dark .r19now,body.dark .r19now{color:rgba(255,255,255,.86)} /* --- 9. A11YH1-0807 (revisao-geral-app019) - titulo principal para LEITOR DE TELA. 6 paginas do site nao tinham

nenhum: quem usa leitor de tela nao sabia onde tinha chegado, e o buscador tambem nao. O h1 entra com esta classe: ele e LIDO normalmente, mas nao ocupa um pixel na tela - o desenho das paginas nao muda. (Nao uso display:none nem visibility:hidden: os dois ESCONDEM do leitor tambem.) --- */ .a19sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} /* --- 10. SKIP0807 (revisao-geral-app019) - "Pular para o conteudo" (WCAG 2.4.1, nivel A). Quem navega por teclado ou leitor de tela precisava passar por TODO o cabecalho e o menu em cada pagina antes de chegar ao conteudo. Este link e o primeiro elemento focavel: fica invisivel ate receber o foco e, ao ser ativado, salta direto para o conteudo. Nao aparece para quem usa mouse - o desenho das paginas nao muda em nada. --- */ .a19skip{position:absolute;left:-9999px;top:0;z-index:9999;background:#8A5E04;color:#FFFFFF; padding:12px 18px;border-radius:0 0 12px 0;font-weight:800;font-size:15px;text-decoration:none; box-shadow:0 6px 18px rgba(0,0,0,.35)} .a19skip:focus{left:0!important} html.dark .a19skip,body.dark .a19skip{background:#E9A930;color:#1B1B1F} /* --- 11. EIXO0813 - largura oficial do ecossistema APP019. Voto W3=A (13/08): o eixo visual passa a ser token unico. A Home e o header medem 1080px; rotas novas devem herdar --a19-eixo em vez de inventar 1120/1200/900. --- */ :root{--a19-eixo:1080px;--eixo:var(--a19-eixo);--largura:var(--a19-eixo)} /* ============================================================================ CONTRASTE0818 - 18/08/2026 - sessao CONTINUA0818 (voto V5=A do Rafael) Conserta contraste MEDIDO com a formula WCAG sobre o fundo efetivo composto. Vence por ESPECIFICIDADE, sem regra forcada - que e o pedido da missao (nao empilhar camada nova sobre camada velha). O que estava errado e o numero de cada um: .lj-meta/.lj-tag no escuro ....... #5A5F6A sobre #141419 = 2,87:1 ouro de fundo claro no escuro .... #8A5E04 sobre #141419 = 3,22:1 cartao vazio de /usados/ escuro .. texto claro sobre BRANCO = 1,15:1 rodape legal no claro ............ #9A917D sobre #F7F8FA = 2,94:1 Alvo minimo: 4,5:1. Valores escolhidos entre cores que a casa ja usa. ============================================================================ */ /* 1. metadados do card no tema escuro: 2,87 -> 6,98:1 */ .dark span.lj-meta, .dark span.lj-tag{color:#9AA0AA} /* 2. o ouro de FUNDO CLARO (#8A5E04) estava sendo usado como texto sobre escuro. No escuro o ouro correto e o do logo claro (#E9A930): 3,22 -> 8,90:1 */ .dark p.lj-cad a, .dark p.histtit, .dark p.linhafina a, .dark section.g19-segue h2, .dark div.marca019{color:#E9A930} /* 3. /usados/: o cartao de estado vazio ficava BRANCO no escuro com texto claro. Dar a ele o fundo escuro da casa: 1,15 -> 14,91:1 */ .dark ul#cardsCat li.cat.vazia > div{background:#1B1B1F;border-color:#2A2A31} /* 4. rodape legal (tem o link da Central de Ajuda) no tema CLARO: 2,94 -> 5,52:1 */ p#a19legalfoot{color:#6B6455} p#a19legalfoot a{color:#6B6455} .dark p#a19legalfoot, .dark p#a19legalfoot a{color:#B9BEC7} /* 3-b. a cor do cartao vazio saiu do HTML e passou a morar aqui, para o tema governar. Antes: `background:#FFF` escrito no elemento, que nenhum seletor consegue vencer. */ ul#cardsCat li.cat.vazia > div{background:#FFFFFF}