/* =========================
   Reset CSS Base
   ========================= */

/* Box-sizing global */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Tipografia base */
html, body {
  height: 100%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Elementos HTML5 como block */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* Listas sem estilo */
menu, ol, ul { list-style: none; }

/* Citações sem aspas automáticas */
blockquote, q { quotes: none; }
blockquote::before, blockquote::after,
q::before, q::after { content: ''; }

/* Tabelas colapsadas */
table { border-collapse: collapse; border-spacing: 0; }

/* Normalização de formulários */
input, select, button, textarea {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
  line-height: normal;
  vertical-align: middle;
}

/* Remove estilos nativos inconsistentes */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

/* Imagens responsivas */
img {
  max-width: 100%;
  height: auto;
  display: block;
}