/* 1. Use un modelo de tamaño de caja más intuitivo. */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Eliminar margen predeterminado  */
* {
  margin: 0;
  padding: 0;
  /* font-size: 1.2rem; */
  /* position: relative; */
}

/* 5. Mejorar los valores predeterminados de los medios */
img, picture, video, canvas, svg {
  display: block;
  /* max-width: 100%; */
}

/* 6. Eliminar estilos de tipografía de formulario incorporados */
input, button, textarea, select {
  font: inherit;
}

/* 7. Evite los desbordamientos de texto */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* 8. Crear un contexto de apilamiento raíz */
#root, #__next {
  isolation: isolate;
}