/* A CASCA CARREGA A PROPRIA FONTE. O cabecalho sempre declarou `font-family:Inter`, mas so a home e o /cursos tinham Inter carregado. Astronomia carrega IBM Plex, e FIPE e Brasileirao nao carregam fonte nenhuma: nesses tres o cabecalho caia no Segoe UI do sistema, com outro desenho de letra e outra largura, e sair da home passava a sensacao de ter trocado de site. O arquivo e o MESMO subconjunto latino que o Next ja serve, copiado para /brand/ (que e do Pages, como o logotipo), e o swap deixa o texto legivel enquanto ele chega. */ @font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/brand/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} .vfc-topo{position:sticky;top:0;z-index:50;width:100%;border-bottom:1px solid #e2e8f0;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:normal;color:#0f172a;text-align:left;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"} .vfc-topo,.vfc-topo *,.vfc-topo *::before,.vfc-topo *::after{box-sizing:border-box} /* OS RESETS USAM :where() DE PROPOSITO, E NAO PODEM VOLTAR A SER SELETOR COMUM. ".vfc-topo a" tem especificidade 0-1-1 e vence ".vfc-pilula" (0-1-0), mesmo estando antes no arquivo. Enquanto foi assim, o "color:inherit" do reset apagou a cor declarada das pilulas, da busca, do VIP e do botao Entrar: os quatro sairam em slate-900 nas cinco areas servidas por Worker, enquanto a home mostrava slate-600, ambar e branco. Era a maior razao de o cabecalho parecer de outro site. O mesmo aconteceu com "margin:0" sobre ".vfc-nav" (a barra deixava de alinhar a direita) e com "padding:0" sobre ".vfc-todas" (o botao perdia a pilula branca). ":where()" zera a especificidade do reset, entao qualquer regra de classe vence, que e o que se espera de um reset. Guard: "portal-chrome-guard.test.ts". */ :where(.vfc-topo a){text-decoration:none;color:inherit} :where(.vfc-topo svg){display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} :where(.vfc-topo button){font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer} :where(.vfc-topo p,.vfc-topo ul,.vfc-topo li,.vfc-topo nav){margin:0;padding:0;list-style:none;border:0;background:none} .vfc-topo a:focus-visible,.vfc-topo button:focus-visible{outline:2px solid #3b82f6;outline-offset:1px} .vfc-env{margin-left:auto;margin-right:auto;max-width:80rem;width:100%;padding-left:1rem;padding-right:1rem} .vfc-linha{display:flex;height:60px;align-items:center;gap:.5rem} .vfc-marca{display:flex;align-items:center;gap:.625rem;flex-shrink:0;border-radius:.5rem;min-height:44px} .vfc-marca-logo{display:block;width:180px;height:28px;max-width:none} /* EM 320 px O BOTAO DE MENU FICAVA FORA DA TELA (medido em 11/09/2026). A conta nao fechava: 32 px de respiro lateral, 180 px de marca, 8 px de vao, o botao "Entrar" e o hamburguer somavam cerca de 350 px numa tela de 320, e tanto a marca quanto as acoes sao flex-shrink zero. O hamburguer, que e o UNICO caminho para o menu no celular, saia cortado na borda direita. Medido nas 24 superficies do preview do Brasileirao; o defeito e da casca, entao valia para o portal inteiro. A marca encolhe proporcionalmente (a proporcao vem do width e do height do proprio elemento de imagem, entao nao ha deslocamento de layout ao carregar). ATENCAO: esta folha vive dentro de um template literal de TypeScript, entao crase aqui encerra a string e quebra o arquivo inteiro (secao 16.14 do playbook do Brasileirao). Nao usar crase em comentario desta folha. */ @media (max-width:400px){ .vfc-marca-logo{width:142px;height:auto} } .vfc-div{display:none;height:1.25rem;width:1px;background:#e2e8f0;flex-shrink:0} /* Abaixo de md a barra de pilulas some, mas a