/* ==========================================================================
COMPONENTE — uc-marca
O bloco de identidade do site: o selo mais o nome, apontando para a capa.
==========================================================================
1. ⛔ POR QUE ESTA PECA EXISTE — E FOI A ARVORE QUE ENTREGOU, NAO A LEITURA
==========================================================================
As quatro consolidacoes anteriores desta fase (`card`/`card2`,
`lbl`/`eyebrow`, `sec`/`sec2`, e o controle de acao duplicado) foram achadas
por um humano LENDO o tema antigo. Esta foi achada olhando a ARVORE do DOM
renderizado, e ela e' de um tipo diferente: nao ha dois nomes para a mesma
peca. Ha UM nome usado por DOIS donos.
Medido em 05/09/2026 no HTML renderizado de seis telas do site de hoje
(capa, /questoes/, /provas/, /simulados/, taxonomia e 404), anonimo,
contando por token de atributo `class` e com arvore DOM de verdade:
uc-top__marca 12 = DOIS por tela
uc-top__nome 12 = DOIS por tela
uc-top__mk 12 = DOIS por tela
O segundo de cada par NAO esta no topo. Esta dentro do RODAPE:
Isso nao e' defeito de CSS: e' a MARCA sendo peca propria com dois donos,
escrita como emprestimo. O rodape pede emprestada a roupa do topo -- e
depois paga o emprestimo em regra de desfazer, que e' exatamente a
assinatura que a R16 passou a acusar. Sao SEIS regras so' para isso:
theme.css:483 .uc-foot__marca .uc-top__marca{…color:var(--uc-acao)…}
theme.css:484 .uc-foot__marca .uc-top__nome{color:var(--uc-ink)…}
theme.css:485 .uc-foot__marca .uc-top__nome b{font-weight:700}
theme.css:489 .uc-foot .uc-foot__marca .uc-top__marca{color:var(--uc-acao)}
theme.css:495 .uc-foot .uc-foot__marca .uc-top__mk{color:var(--uc-acao)}
theme.css:496 .uc-foot .uc-foot__marca .uc-top__mk rect{fill:var(--uc-acao)}
Quatro delas a R16 acusa hoje (as duas ultimas miram `rect` e `b`, que sao
elemento e nao componente -- limite nomeado da regra). E o proprio autor
escreveu o desconforto ao lado, em theme.css:487: "Especificidade:
.uc-top__marca e definida mais adiante no arquivo e vence por ordem no
empate -- o escopo .uc-foot a frente resolve sem !important". Quando a
solucao de um problema e' contar em que ordem o arquivo foi escrito, o
problema nao e' de especificidade.
VEREDITO: a marca e' peca propria, `uc-marca`, consumida pelo topo e pelo
rodape. E' a QUINTA consolidacao da fase.
==========================================================================
2. ⛔ O SELO PERDEU A COR DE FUNDO — E E' ISSO QUE DESFAZ O ACOPLAMENTO
==========================================================================
O selo antigo era um ladrilho preenchido com `currentColor` e, POR CIMA,
um anel e um miolo pintados com `var(--uc-navy)`, ou seja: com a cor da
barra. Ele nao era um desenho -- era um desenho MAIS uma copia do fundo. Por
isso precisava de conserto em todo lugar onde o fundo fosse outro, e por
isso o rodape tinha de repintar `rect` e trocar `--uc-navy` por
`--uc-paper` na mao.
Aqui o anel e o miolo sao BURACO, nao tinta: um `` unico com tres
subcaminhos e `fill-rule="evenodd"` -- ladrilho cheio, anel vazado, miolo
cheio de novo. O que aparece no anel e' o que estiver atras, seja o navy da
barra, o papel do rodape ou qualquer superficie futura.
CONSEQUENCIA, e ela e' o ponto: a marca inteira passa a depender de UMA
heranca -- `color`. O hospedeiro pinta o INVOLUCRO DELE MESMO
(`.uc-topo{color:var(--uc-chrome-ink)}`, `.uc-rodape__marca{color:var(--uc-acao)}`)
e a marca herda. Zero seletor cruzado, zero regra de desfazer, e a R16
passa por construcao -- e' a saida 2 das tres que ela documenta.
O desenho e' o mesmo do tema antigo (ladrilho de cantos 7/28, anel r=7,4,
miolo r=3,2), so' que agora em coordenadas de caminho. O motivo do desenho
tambem: e' a bolha do cartao-resposta que o site usa na alternativa e no
mapa de questoes, invertida.
==========================================================================
3. MONOCROMATICA DE PROPOSITO
==========================================================================
No tema antigo o rodape ficava com selo em `--uc-acao` e nome em `--uc-ink`
-- duas cores, decididas em duas regras diferentes, e diferentes das duas
do topo. Uma marca que muda de esquema de cor conforme o lugar nao esta
sendo marca: esta sendo estilo local.
Aqui e' UMA cor, herdada. No topo, `--uc-chrome-ink` (branco). No rodape,
`--uc-acao` -- que tambem e' a cor de link do sistema, e a marca E' um link
para a capa. Nos dois casos o par medido passa o piso com folga (§ 7 do
relatorio).
==========================================================================
4. O QUE ELA NAO FAZ
==========================================================================
- Nao emite margem externa. Mesma regra do `uc-rotulo` (tarefa D) e do
`uc-cartao` (tarefa E): o respiro e' decisao do hospedeiro, porque o mesmo
bloco vive numa barra de 56px e numa coluna de rodape.
- Nao declara tamanho de fonte proprio para o nome alem do corpo
(`--uc-s-0`): a marca e' texto, e o que a destaca e' o peso da ultima
palavra e o selo ao lado, nao um degrau tipografico a mais.
- Nao tem estado. Ela nao busca dado e nao tem "ativo": ate na capa ela
continua sendo o caminho de volta. Por isso NAO carrega `aria-current`
-- o que ela tem e' `rel="home"`, que e' o que ela de fato e'.
========================================================================== */
/* `min-height` = alvo de toque em vez de `padding`: a marca vive centralizada
numa barra, e padding a empurraria para fora do eixo. 44px atende o piso da
WCAG 2.5.5 no dedo E o de 24x24 da 2.5.8 no mouse com a mesma declaracao --
um numero, os dois pisos, sem `@media (pointer:coarse)`. */
.uc-marca{
display:inline-flex;
align-items:center;
gap:var(--sp-2);
min-height:var(--uc-alvo-toque);
min-width:0;
color:inherit;
font-family:var(--uc-sans);
font-size:var(--uc-s-0);
font-weight:var(--uc-w-ler);
line-height:var(--uc-lh-controle);
letter-spacing:var(--uc-tr-display);
text-decoration:none;
}
/* 32px: um degrau acima dos 24px de todo icone deste chrome, de proposito --
se a marca tivesse o mesmo tamanho de um icone de aba, ela leria como mais
um icone. E' o unico desenho da barra que nao e' um controle. */
.uc-marca__selo{
display:block;
flex:none;
width:32px;
height:32px;
}
/* `anywhere` e nao `break-word`, pelo mesmo motivo medido na tarefa D: e' o
unico que reduz o min-content do item de flex, e nome de site tambem chega
sem espaco. Sem isto, um nome longo estoura a barra em vez de quebrar. */
.uc-marca__nome{
min-width:0;
overflow-wrap:anywhere;
}
/* A ultima palavra ganha peso: e' a que diz o assunto. Herdado do tema antigo
(inc/topo.php), que ja fazia o corte na ultima palavra do nome do site. */
.uc-marca__nome b{
font-weight:var(--uc-w-anunciar);
}