@font-face { font-family: "Bricolage"; src: url(/fontes/BricolageGrotesque-ExtraBold.ttf) format("truetype"); font-weight: 800; font-display: swap; }
/* Cores do tema Tijolo, como a página de contato e a de tema. */
:root { --fundo: #181816; --papel: #201F1D; --legenda: #F3ECE0; --apagado: #A8A29A; --laranja: #D2553F; --linha: #2E2C29; color-scheme: dark; }
@media (prefers-color-scheme: light) {
  :root { --fundo: #EDEDEF; --papel: #F6F6F7; --legenda: #1D1D1F; --apagado: #6E6E73; --laranja: #B8462F; --linha: #D9D7D2; color-scheme: light; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--legenda);
  font: 17px/1.6 -apple-system, "SF Pro Text", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
main { width: min(680px, 100%); margin: 0 auto; padding: max(28px, env(safe-area-inset-top)) 16px 56px; }
.marca { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
.marca img { width: 44px; height: 44px; border-radius: 11px; }
.marca span { font: 800 24px/1 "Bricolage", -apple-system, sans-serif; letter-spacing: -0.03em; }
h1 { font: 800 40px/1.05 "Bricolage", -apple-system, sans-serif; letter-spacing: -0.04em; margin: 34px 0 6px; }
.data { color: var(--apagado); margin: 0 0 28px; font-size: 15px; }
.resumo { background: var(--papel); border-radius: 18px; padding: 18px 20px; margin-bottom: 30px; }
.resumo p { margin: 0; }
h2 { font-size: 20px; line-height: 1.3; margin: 32px 0 8px; }
p, li { color: var(--legenda); }
ul { padding-left: 22px; margin: 8px 0; }
li { margin: 4px 0; }
a { color: var(--laranja); }
footer { margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--linha); color: var(--apagado); font-size: 15px; }
.idioma { float: right; font-size: 15px; margin-top: 12px; }
.empresa { display: block; margin-top: 8px; }