/* Estilos gerais do sistema. Cores, fonte e botões vêm de identidade-visual/tokens.css — não inventar cores aqui. */
* { box-sizing: border-box; }
body { margin: 0; }
.topo { background: var(--bk-branco); display: flex; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--bk-cinza-claro); }
.topo img { height: 44px; display: block; }
.wrap { max-width: 1080px; margin: 0 auto; padding: 32px 16px; }
.bk-hero .wrap { padding-top: 48px; padding-bottom: 48px; }
.bk-hero h1 { font-weight: var(--bk-peso-titulo); font-size: clamp(30px, 6vw, 56px); margin: 0 0 12px; }
.bk-hero strong { font-weight: var(--bk-peso-forte); }
.rotulo { font-size: 13px; }
h2 { color: var(--bk-tinta); font-weight: var(--bk-peso-titulo); font-size: clamp(22px, 4vw, 32px); margin: 0 0 8px; }
.aviso { padding: 24px; }
a.bk-btn-primario { display: inline-block; text-decoration: none; }