/* Encabezado principal */
.encabezado {
	z-index: 1;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 98%;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	background-color: #1A1030;
	display: flex;
	align-items: center; /*Alinear los elementos verticalmente*/
	font-family: arial;
	font-size: 16pt;
}
.encabezado > div {
	padding-left: 20px;
}
.encabezado a {
	color:  #E8E2F0;
	text-decoration: none;
}
/* Barra Lateral */
.lateral {
	position: fixed;
	top: 65px;
	left: 0px;
	width: 250px;
	background-color: pink;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: helvetica;
	font-size: 13pt;
	background-color: #F2F2F2;
	text-align: justify;
	color: #262627;
}
.lateral p {
	padding-left: 10px;
	padding-right: 10px;
}
.lateral a {
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12pt;
	color: #262627;
	display: block;
}
/*Contenido*/
.contenido {
	position: fixed;
	top: 65px;
	left: 250px;
	width: calc(100% - 250px);
	height: 100%;
	padding-left: 5px;
	padding-right: 10px;
	background-color: #FAFAFA;
	font-family: helvetica;
	font-size: 15pt;
	color: #262627;
	overflow: scroll;
}
.segmento_contenido {
	float: none;
	padding-top: 15px;
	padding-bottom: 10px;
	/*overflow: auto; /* Ajusta la caja a los elementos flotantes como las imágenes */
}
.segmento_plus {
	display: flex;
	flex-direction: row;
	align-items: center; /*Alinear los elementos verticalmente*/
}
.img_corte {
	position: absolute;
	overflow: hidden;
}
.img_izq {
	float:left;
	padding-right:15px;
}
.img_der {
	float:right;
	padding-left: 10px;
	padding-right: 10px;
}
.img_esc1 {
	float:right;
	padding-left: 10px;
	padding-right: 10px;
}
.img_esc1:hover {
	transform: scale(3.5);
	padding-right: 70px;
}
.img_esc1:hover img {
	box-shadow: 8px 8px 3px grey;
}
.img_mos2 {
	padding-top: 10px;
}
.img_mos2:hover {
	transform: scale(2);
}
.img_mos2:hover img {
	box-shadow: 8px 8px 3px grey;
}
.img_mosl2 {
	padding-top: 10px;
}
.img_mosl2:hover {
	transform: scale(2);
	padding-left: 100px;
}
.img_mosl2:hover img {
	box-shadow: 8px 8px 3px grey;
}
.img_mos3 {
	padding-top: 10px;
}
.img_mos3:hover {
	transform: scale(3);
}
.img_mos3:hover img {
	box-shadow: 8px 8px 3px grey;
}
.img_mosl3 {
	padding-top: 10px;
}
.img_mosl3:hover {
	transform: scale(3);
	padding-left: 100px;
}
.img_mosl3:hover img {
	box-shadow: 8px 8px 3px grey;
}
.img_esc2 {
	padding-left: 10px;
	padding-right: 10px;
}
.img_esc2:hover {
	transform: scale(2);
	padding-right: 10px;
}
.img_esc2:hover img {
	box-shadow: 8px 8px 3px grey;
}
.img_esc3 {
	float:right;
	padding-left: 10px;
	padding-right: 10px;
}
.img_esc3:hover {
	transform: scale(7);
	padding-right: 100px;
}
.img_esc3:hover img {
	box-shadow: 8px 8px 3px grey;
}