@font-face{font-family:Inter;src:url('/s/assets/fontes/inter.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Bebas Neue';src:url('/s/assets/fontes/bebas-neue.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:light;--noite:#e5e5e5;--osso:#000;--fumo:#444;--borda:#c6c6c6;--luz:#000;--corpo:Inter,system-ui,sans-serif;--disp:'Bebas Neue',Impact,sans-serif}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--noite);color:var(--osso);font-family:var(--corpo);font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.wrap{max-width:840px;margin:auto;padding:32px clamp(20px,5vw,40px) max(64px,env(safe-area-inset-bottom))}
.topo{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:24px;margin-bottom:48px;border-bottom:1px solid var(--borda)}
.marca{display:inline-flex;align-items:center;gap:7px;font-family:var(--disp);font-size:34px;font-weight:400;line-height:1;text-decoration:none;color:#000;min-height:44px}
.marca::after{content:"";width:10px;height:10px;background:#fff100;border-radius:50%}
.topo nav,footer{display:flex;flex-wrap:wrap;gap:8px 24px}
.topo nav a,footer a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:5px}
h1,h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;text-wrap:balance;letter-spacing:.01em}
h1{font-size:clamp(2.75rem,8vw,4rem);line-height:1.05;margin:0 0 24px}
h2{font-size:clamp(1.8rem,5vw,2.25rem);line-height:1.15;margin:40px 0 16px}
h3{font-size:18px;line-height:1.4;margin:28px 0 12px}
p{margin:12px 0;text-wrap:pretty}
.lead{color:var(--fumo);max-width:60ch;font-size:18px}
a{color:#000;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid #000;outline-offset:4px}
.pular{position:absolute;left:20px;top:-100px;background:#fff100;padding:12px 18px;z-index:10}
.pular:focus{top:12px}
#conteudo:focus{outline:none}
blockquote{background:#fff;border:1px solid var(--borda);border-left:5px solid #fff100;border-radius:16px;padding:16px 24px;margin:28px 0}
blockquote p:first-child strong{color:#000}
.tabela{max-width:100%;overflow-x:auto;margin:20px 0}
table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
th,td{padding:12px;border:1px solid var(--borda);text-align:left;vertical-align:top}
th{background:#f3f3f3;color:#444}
code{font-size:.9em;overflow-wrap:anywhere}
footer{margin-top:48px;border-top:1px solid var(--borda);padding-top:24px;color:#444}
@media(max-width:480px){.topo{margin-bottom:32px}.topo nav{width:100%}blockquote{padding:12px 16px}th,td{padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff;color:#000}.topo,.pular,footer{display:none}.wrap{max-width:none;padding:0}h2,h3{break-after:avoid}.tabela{overflow:visible}blockquote{background:#fff;border-color:#999}a{color:#000}}
