*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--fonte);
  font-size: 14px;
  line-height: 1.5;
  color: var(--texto);
  background: var(--fundo);
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font-family: inherit; font-size: inherit; color: inherit; }
button, a, input, select, textarea, label, .btn, .nav-item, .sb-display, .sb-opt { touch-action: manipulation; }
h1, h2, h3, h4, h5, .titulo-pagina, .marca-nome { font-family: var(--fonte-titulo); margin: 0; letter-spacing: -0.01em; }
h1 { font-size: 22px; font-weight: 600; }
h2 { font-size: 18px; font-weight: 600; }
h3 { font-size: 15px; font-weight: 600; }
p { margin: 0; }
a { color: var(--cor-primaria-texto); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; }
.oculto, [hidden] { display: none !important; }
.mudo { color: var(--texto-secundario); }
.num { font-variant-numeric: tabular-nums; }
.icon-sm { font-size: 14px; }
.icon { font-size: 18px; }
.icon-lg { font-size: 22px; }
.icon-xl { font-size: 40px; }
:focus-visible { outline: 2px solid var(--cor-primaria); outline-offset: 2px; }