body{
	background-color:#f4f4f4;
	--ancho-1:25vw;
	--ancho-2:75vw;
	--alto-1:auto;
	--alto-2:auto;
	--fuente-pantalla-1:2.2em;
	--fuente-pantalla-2:2.5em;
	--fuente-pantalla-3:2.2em;
	--fuente-pantalla-4:1.8em;
	--fuente-pantalla-5:1.3em;
	--fuente-pantalla-6:1.2em;
	--fuente-pantalla-7:1em;
	--padding-1:2em;
	--padding-2:1em;
}

.lateral{
	width:var(--ancho-2) !important;
	padding:var(--padding-1) !important;
	position:inherit;
	float:right;
	height:auto;
}

.hs-menu{
	height:100vh;
	width:var(--ancho-1);
}

.hs-menu nav{
	padding:0 !important;
}

.jspContainer{
	width:100% !important;
	height:100vh !important;
	padding:1em !important;
}

.jspPane{
	margin-top:1em;
}

.jspPane{
	flex-direction: column;
}

.hs-menu nav a{
	width:100%;
	height:20px;
	width: 20px;
	overflow:hidden;
}

.hs-menu nav a img:first-child{
	display:none;
}

.puntos-img{
	max-width:50% !important;
	margin:0 !important;
}

.hs-content, .hs-content:first-child{
	width:var(--ancho-2);
}

.hs-content-wrapper{
	float: right;
	position: inherit;
}

#chapter0 .hs-inner{
	height: 70vh;
}

.hito-int-2 p{
	font-size: var(--fuente-pantalla-5);
}

.boton-caso{
	position:inherit;
	float:right;
	width: 70%;
	padding: 1em;
	margin-bottom: 5em;
}

.nav-buttons{
	bottom: 0%;
}

.creditos{
	display: none;
}