h1 {
  color: navy;
  text-align: center;
  font-size: 50px;
}

/* Estilo para móviles en vertical (verde) */
body {
  background-color: green;
}

/* Para tablets y móviles en horizontal (morado) */
@media (min-width: 768px) and (max-width: 1024px) {
  body {
    background-color: purple;
  }
}

/* Para escritorios (amarillo) */
@media (min-width: 1025px) {
  body {
    background-color: yellow;
  }
}