. O ritmo vertical do
rodapé é definido aqui; margem de fora empurra a tagline e mexe o
layout depois da primeira pintura.
3) color → .gsf-brand, .gsf-prefix, .gsf-link, .gsf-typed, .gsf-sub
`.highlight-box p { color: … !important }` nas duas páginas legais e
`a { color: … }` em quase todas. Se a cor da palavra animada é
sequestrada, o espectro de 9 (ou 4) cores — a razão de existir do
componente — simplesmente não acontece; e um `p { color: … !important }`
do host pinta "Powered by" com a cor de link da página.
Nada mais leva !important. Em particular: `animation` e `transition` NÃO
levam, mesmo sabendo que 12 páginas trazem
`*{animation-duration:.01ms!important}` dentro de
@media (prefers-reduced-motion:reduce) — ali o host está certo e nós
queremos exatamente esse resultado.
── TEMA ───────────────────────────────────────────────────────────────────
ESCURO É O DEFAULT, E É DEFAULT DE VERDADE: os tokens escuros moram no bloco
base `.gsf-footer`, sem media query e sem atributo nenhum. Um rodapé sem
`data-theme` no e sem `data-gsf-theme` renderiza escuro — inclusive
antes do JS rodar (a tag é `defer`). Isso não é conveniência: 13 das 21
páginas de produto são escuras por construção, sem paleta clara alguma
(lista completa em gs-footer.js, seção TEMA), e nenhuma delas declara
@media (prefers-color-scheme). O claro é opt-in explícito.
Três chaves, propositalmente:
[data-theme="light"] .gsf-footer ← contrato do site (gs-theme.js)
.gsf-footer[data-gsf-theme="light"] ← espelho escrito pelo gs-footer.js
.gsf-footer[data-gsf-theme="dark"] ← PINO: reafirma o escuro
A terceira existe porque as duas primeiras têm a MESMA especificidade
(0,2,0): num documento com , um rodapé pinado com
data-gsf-theme="dark" perderia para `[data-theme="light"] .gsf-footer` por
ordem de origem. O bloco de pino aparece DEPOIS do bloco claro no arquivo e
reafirma a paleta escura, então o pino documentado em gs-footer.js
("página declara => respeitado para sempre") vale nos dois sentidos.
── CACHE ──────────────────────────────────────────────────────────────────
/assets/* está com Cache-Control immutable de 1 ano no _headers:116-117. Ao
editar, suba o ?v= nas DUAS tags, em TODAS as páginas. Versão desta API: v=3.
O que os números querem dizer, conferido no git (não é lineage inventada):
v=1 o par que está em HEAD: `git show HEAD:assets/gs-footer.css` = 5492 B
e o único seletor dela é `.gs-footer`; `git show
HEAD:assets/gs-footer.js` = 4840 B, documenta `.gs-footer` +
`.footer-brand` + `.typed-text` e se carrega como ?v=1.
v=2 NUNCA EXISTIU como arquivo. É só a query que aviso-de-privacidade.html
(:250, :1033) e termos-de-uso.html (:243, :867) pedem. Elas
escreveram à mão a marcação `