/*Se aplica a todo el documento*/
body, p{  
  text-align: justify;
  font-family: 'Times New Roman', sans-serif;
  font-size: 18px;
  max-width: 100%;
}



.centered-text {
  text-align: center; /* Texto centrado */
}

h1.title, h4.author, h4.date {
  text-align: center;
}


h1, h2, h3, h4{
  /*font-weight: bold;  Aplica negrita a todos los encabezados */
  margin-bottom: 10px; /* Margen inferior común a todos */
  line-height: 1.3; /* Altura de línea para mejorar la legibilidad */
}

h1{
  color: #0D3B66;
  font-size: 32px
}

h2{
  color: #1F4E79;
  font-size: 28px
}

h3{
  color: #3F7CAC;
  font-size: 24px
}

h4{
  color: #7FB6D0;
  font-size: 20px
}

/* Código en bloques */
pre {
  background-color: #f5f5f5;         /* Fondo del bloque de código */
  border: 1px solid #ccc;            /* Borde del bloque de código */
  padding: 10px;                     /* Espaciado interno */
  overflow-x: auto;
  font-size: 12px/* Desplazamiento horizontal */
}

code {
  background-color: #f9f9f9;         /* Fondo del código inline */
  padding: 2px 4px;                  /* Espaciado interno */
  border-radius: 4px;                /* Bordes redondeados */
  font-family: 'Courier New', monospace;/* Fuente monospace */
  font-size: 9px
}

/* Estilo de las listas */
ul {
  list-style-type: square;           /* Tipo de lista no ordenada */
  margin-left: 20px;                 /* Margen izquierdo */
}

ol {
  list-style-type: decimal;          /* Tipo de lista ordenada */
  margin-left: 20px;                 /* Margen izquierdo */
}

/* Imágenes */
img {
  max-width: 100%;                   /* Escala la imagen para que no exceda el contenedor */
  height: auto;                      /* Mantiene la proporción de la imagen */
  border-radius: 8px;                /* Bordes redondeados */
}

.page-break {
  page-break-before: always;
}