body {
  width: 100%;
  max-width: 750px; /* Evita que el texto sea larguísimo y canse la vista en pantallas de ordenador grandes */
  margin: 0 auto;   /* Centra todo el bloque de texto en el medio de la pantalla */
  padding: 24px;    /* Deja un margen interno elegante en los bordes de la pantalla del móvil */
  box-sizing: border-box; /* Asegura que el padding no rompa el ancho del móvil */
  
  /* TIPOGRAFÍA Y DISEÑO CONFORTABLE PARA LECTURA */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; /* Tipografía limpia y moderna */
  font-size: 17px;    /* Tamaño de letra altamente legible en pantallas móviles de cualquier gama */
  line-height: 1.65;  /* Espaciado óptimo entre líneas para que los ojos no se pierdan al leer */
  color: #2c3e50;     /* Un gris pizarra oscuro que reduce el cansancio visual frente al negro puro */
  background-color: #ffffff; /* Fondo blanco limpio */
  
  word-wrap: break-word; /* Evita que enlaces largos o textos rompan el diseño en Android */
}

/* ==========================================================================
   TÍTULOS Y TEXTO
   ========================================================================== */
h1 {
  font-size: 32px;
  line-height: 1.2;
  margin-top: 20px;
  margin-bottom: 24px;
  color: #1a252f; /* Título principal ligeramente más oscuro */
}

h2 {
  font-size: 24px;
  margin-top: 32px;
  margin-bottom: 16px;
  color: #2c3e50;
}

p {
  margin-top: 0;
  margin-bottom: 18px; /* Crea una separación automática y natural entre tus párrafos */
  text-align: left;    /* Alineación natural a la izquierda, la más cómoda para móviles */
}

strong {
  color: #000000; /* Hace que las palabras en negrita resalten con fuerza */
}

/* ==========================================================================
   ELEMENTOS ADICIONALES (Por si acaso los usas en el futuro)
   ========================================================================== */
img {
  max-width: 100%;  /* Si metes una foto, jamás se saldrá de la pantalla del móvil */
  height: auto;     /* Mantiene la proporción correcta de las imágenes */
  display: block;
  margin: 20px 0;
}