/* ============================================================
   03 · RESET
   ============================================================ */

@layer reset {

*, *::before, *::after{ box-sizing: border-box; }

html{ -webkit-text-size-adjust: 100%; }

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd, ol, ul{
  margin: 0;
  padding: 0;
}

ul[class], ol[class]{ list-style: none; }

img, svg, video{ display: block; max-inline-size: 100%; }
img{ block-size: auto; }

button, input, select, textarea{ font: inherit; color: inherit; }
button{ background: none; border: 0; padding: 0; cursor: pointer; }

a{ color: inherit; text-decoration: none; }

table{ border-collapse: collapse; border-spacing: 0; }

/* foco visivel, no registro do sistema: filete, nunca halo */
:focus-visible{
  outline: 2px solid var(--latao);
  outline-offset: 3px;
}
:focus:not(:focus-visible){ outline: none; }

}