/* === MODO MÓVIL === */
@media (max-width: 700px) {
  header {
      grid-column: 2 / 23;
      grid-row: 1 / 2;
  }

  nav {
      grid-column: 2 / 23;
      grid-row: 2 / 4;
  }

  main {
    grid-column: 2 / 23;
    grid-row: 6 / 24;
  }
  
  aside, footer {
    grid-column: 2 / 23;
    grid-row: 4 / 24;
  }

  main {
    display: block;                 /* ya no hace falta el flex horizontal */
    overflow-x: hidden;
    overflow-y: auto;
    scroll-snap-type: y mandatory;  /* snap vertical */
    -webkit-overflow-scrolling: touch;
  }
  main section {
    scroll-snap-align: start;
    flex: none;
    min-height: 100%;
  }

  form input,
  form select,
  form textarea,
  form input.submit {
    max-width: 100%;
    width: 100%;
  }





}