/* Aumenta el tamaño del título principal de los capítulos */
.book .book-body .page-wrapper .page-inner section.normal h1 {
    font-size: 2.5em;
    color: #1a5c00;
    padding-bottom: 0.5em;
    border-bottom: 2px solid #eeeeee;
}

/* Ajusta los subtítulos */
.book .book-body .page-wrapper .page-inner section.normal h2 {
    font-size: 2.0em; 
    color: #555555;
}

/* Estilos para la Portada (Título Principal del index.Rmd) */
.book .book-body .page-wrapper .page-inner section.normal div#header h1 {
    font-size: 3.6em;
    text-align: center;
    color: #000000; 
}

/*================================================================*/
/* JUSTIFICACIÓN DEL TEXTO */
/*================================================================*/
p {
  text-align: justify;
}

/*================================================================*/
/* TAMAÑO DE LETRA DEL TEXTO PRINCIPAL */
/*================================================================*/
.book .book-body .page-wrapper .page-inner section.normal p {
  font-size: 1.1em;
}

/*================================================================*/
/* BARRA LATERAL */
/*================================================================*/

/* Color de fondo de la barra lateral */
.book .book-summary {
    background: #f5faf6;
    border-right: 0.5px solid #f8fcf9;
}

/* Color del texto de los capítulos en la barra */
.book .book-summary ul.summary li a {
    color: #3a7a55 !important;
}

/* Color del capítulo activo (seleccionado) */
.book .book-summary ul.summary li.active > a {
    color: #1a5c00 !important;
    background: #e0f0e6;
    font-weight: bold;
}

/* Color al pasar el mouse por encima */
.book .book-summary ul.summary li a:hover {
    background: #e0f0e6;
    color: #1a5c00 !important;
}

.subtitle {
  text-align: center;
}

/* Estilo general de la leyenda (forzamos el tamaño aquí) */
.caption, p.caption, caption {
  font-size: 15px !important; /* Usamos px para asegurar que achique */
  color: #555555 !important;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

/* Quitamos la negrita y mayúsculas solo a la descripción en cursiva */
.caption em, p.caption em, caption em {
  font-weight: normal !important;
  text-transform: none !important;
  font-style: italic !important;
}


/* Estilo para la leyenda de las tablas */
caption, .table caption {
  font-size: 0.90em;
  color: #555555;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

/* Para que el texto descriptivo de la tabla (lo que va en cursiva) 
no se vea en negrita, sino normal */
caption em, .table caption em {
  font-weight: normal;
  text-transform: none;
}