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

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  min-height: 100%; /*---- abarca el 100% del html ---*/
}

html {
  height: 100%;  /*-----define el 100% del html----*/
}

img, picture, video, canvas, svg {
  display: block;
  width: 100%;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

/* Quitamos los puntos de los <li> */
li {
  list-style-type: none;
}
/*-------------END RESET----------------*/