.portada
{
   position:absolute;
	margin-left:380px;
	margin-top:725px;
	width: 220px;
	font-size: 1.6em;
	font-weight:bold;
	color:#0099cd;
	text-align:center;
	text-shadow:2px 2px 4px #ccc;
}

/** Diseño a dos columnas **/
.col2_izq {
	position:absolute; 
	left:40px; 
	top: 55px; 
	width:270px; 
	font-size:17px;
}

.col2_der {
	position:absolute; 
	left:330px; 
	top: 55px; 
	width:270px; 
	font-size:17px; 
}

/** Diseño a tres columnas **/
.col3_izq {
	position:absolute; 
	left:40px; 
	top: 55px; 
	width:170px; 
	font-size:15px;
}

.col3_med {
	position:absolute; 
	left:230px; 
	top: 55px; 
	width:170px; 
	font-size:15px; 
}

.col3_der {
	position:absolute; 
	left:420px; 
	top: 55px; 
	width:170px; 
	font-size:15px; 
}

.caja0 {
	background: hsl(250 30% 90%);
	padding:15px;
	width: 80%;
	box-shadow: 3px 3px 5px black;
	border-radius: 15px;
	margin-left: auto;
	margin-right: auto;
	color: var(--caja0-color);
}

.caja1 {
	background: rgba(240, 247, 255, 0.6);
	padding:15px;
	width: 85%;
	box-shadow: 4px 4px 5px #ddd;
	border-radius: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	color: var(--caja1-color);
}



/** Cambié el color del número y reduje la margen inferior  **/
.page_number {
  font-size:26px;
  bottom: 4px;
  padding: 0 1em 0 1em;

}

  /** Le puse márgenes ajustadas a la imagen  **/
.page:nth-child(even) .page_number {
  text-align: right;
  padding-right:70px;
  
}
.page:nth-child(odd) .page_number {
  text-align: left;
   padding-left:70px;
}

.toc_link a > span:first-child {
  color: #fff;
  background-color: rgba(1,1,1,0);
}

.toc_link:hover a > span:first-child {
  background-color: #00f;
}

.toc_link {
	font-size:26px;
	color:yellow;
}

h1, h2 {
text-align:left;
}

   /* Configura colores */
   
	body {
	--raro-color:#f056f8;
	--nocambia-color:#000000;
	--caja0-color:#000000;
	--caja1-color:#000000;
	}		

	body.dark {  
	--raro-color:yellow;
	--nocambia-color:#000000;
	--caja0-color:#358cd6;	
	--caja1-color:#3525d6;
	}