/* Reset enxuto, tipografia e utilitários. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--preto);color:var(--texto);
  font-family:var(--fonte);font-size:15px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;font-weight:600;line-height:1.15}
p{margin:0}
ul{margin:0;padding:0;list-style:none}

:focus-visible{outline:2px solid var(--amarelo);outline-offset:3px;border-radius:2px}

.pular{
  position:absolute;left:-9999px;top:10px;z-index:100;
  background:var(--amarelo);color:var(--amarelo-texto);padding:10px 16px;border-radius:var(--raio);
}
.pular:focus{left:16px}

.visualmente-oculto{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

.secao-titulo{
  display:flex;align-items:baseline;gap:12px;
  font-size:19px;font-weight:600;margin:0 0 14px;
}
.secao-titulo small{font-size:13px;font-weight:400;color:var(--texto-3)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}