@media(max-width:1240px){
.content_asidepanel{

}

	.aside_panel{
	min-height: 100%;}
.contacta_ya p:nth-child(2){
	text-align: center;
	font-size: clamp(1rem, -0.875rem + 8.333vw, 1.8rem);
	line-height: 35px;
}
.contacta_ya p:nth-child(3){
font-size: clamp(1rem, -0.875rem + 8.333vw, 2.3rem);
	line-height: 35px;
}
.contacta_ya p:nth-child(4){
	font-size: clamp(1rem, -0.875rem + 8.333vw, 1.7rem);
		line-height: 35px;
}
}
@media screen and (max-width:840px){
	.sect_contratos .boxslider .view_1{
		flex-direction: row;
	}
	 #clientesyaliados .baner_cliente{
	 	height: 100%;
	 }
	 #modal{
	 	height: 70%;
	 }
	 .boxslider header h1{
	 	font-size: 1em;
	 }
	#containers_botones_cal{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		width: 100%;
	}
	.view_1 button{
		margin-top: 13px;
	}
	#containers_botones_cal button:nth-child(1){
	margin-bottom: 0px;
}
	.boxslider{
		height: 100%;
		box-shadow: none;
		width: 94%;
		max-height: 100vh;
	}
	.boxslider .view_1{
		max-height: 90vh;
		flex-direction: column;
	}
	.view_1:nth-child(1){
	margin-left: -10px;
	background-repeat: no-repeat;
	background-size: cover;   
	}
	.view_1 form input{
		height: 4rem;
	}
	.view_1 form{
		width: 100%;
		padding-left: 10px;
	}
	.view_1 form  h5{
		display: block;
		text-transform: capitalize;
		margin-left: 0.8em;
	}
	.view_1 form div label{
		font-size: 0.9rem;
		text-transform: capitalize;
	}
	.view_1 form div{
		margin: auto;
		width: 90%;

		margin-bottom: 2px;
	}
	.view_1 form div div input{
		width: 20px;
	}
	.radios,#trans,#anticipos{
		margin-left: 0em !important;
		border:none !important;
	}
	.view_1 button{
		align-self: center;
	}
	#riesgoARL input{
		width: 1.4em;
	}
	main{
		grid-gap: 13px;
		grid-template-columns: repeat(1, 1fr);
	}

	.span1{padding: 10px;}

	.logo{width: 12rem;}

.header_navUp{
	position:static;
	margin-top: 13px;
	width: 100%;}

	.botonmenu{display: flex;}


	.menupd{
		padding: 0;
		margin: 0;
		z-index: 2;
		height: 100vh;
		width: 100%;
		position: fixed;
		top: 0;
		right: 0;
		display: fixed;
		justify-content: center;
		flex-direction: column;
		left: 100%;
		background: var(--c1);
	}
.menupdDesplegado{
	left: 0;
}
	.menupd a{
		font-size: 14px;
		width: 40%;
		text-align: center;
		padding: 9px 7px;
		border: 1px solid white;
		color: white;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 13px;
	}
	.menupd a p{
		font-size: 0.8em;
	}
	.menupd a img{
		display: block;
	}
	.menupd .X{
		position: absolute;
		right: 0;
		top: 0;
		background: white;
		padding: 13px;
		border-radius:0px 0px 0px 20px;
	}
	.menupd .X:hover{
		scale: 1.3;
	}
	.menupd .logo_monocromatico{
		margin-bottom: 13px;
		height: 5em;
	}
	.menupd .X, .menupd .logo_monocromatico{
	display: block;
}
	#inicio .banner_inicio{
		width: 100%;
		padding: 0px 0px;
}

	.banner_inicio div{
		width: 100%;
		justify-content: center;
		align-items: center;
		height: 100%;
		color: var(--c4);
		background:rgba(0, 0, 0, 70%);}
		.banner_inicio div a{
			width: 50%;
			padding: 13px;
		}

	#inicio div:nth-child(2){
		padding: 13px;}

	#servicio{
		height: auto;
		grid-gap: 0px;
	}
	#contacto{
		grid-template-columns: auto;
		padding: 13px;
		margin: 0;
	}
	.contacto_form
,.contacta_ya{
	margin: 0;
	width: 100%;
	grid-column: 1/-1;
}

	#vision, #mision{
		width: 100%;
	}
	#corporation{
		height: auto;
	}
	#corporation .content_list{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		align-items: center;
		justify-content: center;


	}
	#corporation{
	background: rgb(68,24,119);
	background: linear-gradient(-150deg, rgba(68,24,119,1) 0%, rgba(202,202,200,1) 100%);
}
	.content_list .target{
		margin-bottom: 20px;
	}
	.columna_1, .columna_2{
		height: auto;
	}
	.contenedor_mision_vision{
background: rgb(133,29,135);
background: linear-gradient(50deg, rgba(133,29,135,1) 0%, rgba(0,0,0,1) 66%);}
	.contenedor_mision_vision .caja_nosotros{
		margin-bottom: 20px;
	}
	#chao{
		height: auto;
		width: 80%;
		margin-top: 13px;
		box-shadow: 0px 0px 6px 0px;
	}
	#nosotros header, #corporation .conten{
		height: 5em;
	}
	#nosotros header img, #corporation .conten img{
		object-fit: cover;	}
}


@media(max-width: 900px){
.manual-btn{
	z-index: 1;
}
.navegacionmanual{
	margin-left: 1em;
}
		.usuarios_p{
			align-items: center;
			justify-content: center;
		}
	.targetU{
		width: 100%;
		min-width: 400px;
	}

	.form_preguntas{
		width: 80%;
	}

	.contratos{
		overflow-y: scroll;
	}
	.contratos .page{
		padding: 2em;
		
		overflow-y: scroll;
	}

	.sect_contratos .boxslider{
		width: 100%;
		grid-column: 1/-1 !important;
	}
	.colum{
		flex: 45%;
	}
	.content_asidepanel{
		top: 11%;
		height: 100%;
	}
	.panel_home{
		overflow-y: auto;
	}
	.panel_home .info_delperfil{
		width: 100%;
	}
	.info_delperfil hr{
		display: none;
	}
	.panel_home .historial{
		 width: 100%;
		 margin-top: 10em;
   		 max-height: 25em;
  		 margin-bottom: 4em;

	}
	.info_per{
		padding: 13px;
		margin-top: 3em;
		width: 100%;
	}
	.articulos_per{
		padding: 13px;
		width: 100%;
	}
	body{
		display: flex;
		flex-direction: column;
	}

	#contacto .content_form{
		width: 100%;
		grid-row: 2;
		grid-column: 1/-1;
		
	}
	#contacto .content_form form{
		width: 100%;
	}

	#contacto article{
		grid-template-rows: auto;
		grid-template-columns: repeat(1, 1fr);
		width: 100%;
	}
	#contacto article aside button{
		top: 16em;
	}
	#contacto aside{
		width: 100%;
		height: 100%;
		height: 17em;
		grid-column: 1/-1;
		grid-row: 1;
	}

	.contendor__articles_servicios{
		width: 100%;
	}
	.contendor__articles_servicios{
		width: 100%;
	}
	#servicio article:nth-child(1){
	margin-bottom: 10px;
	text-align: center;
	background-position: center;

}
	#servicio article:nth-child(2){
	width: 100%;
	background-size: cover;
	background-position: center;

	

}
	.contenido_servicio {
		width: 100%;
	}
	.contenido_aside{
		width: 100%;
		padding: 13px 0px;
		margin-top: 13px;
	}
	.contenido_aside div{
		padding: 13px 0px;

	}
	.principal_cont{
		display: flex;
		flex-direction: column;
	}
	.principal_cont img{
		width: 100%;
	}
}

@media(max-width: 900px){
	.sect_contratos{
		margin: 0;
		align-items: center;
		width: 100% !important;
	}
	.content_asidepanel{
	
	}
	.conten_article{
		grid-column: 1/-1;
	}
	.asideoption{
		grid-column: 1/-1;
		display: flex;
		flex-wrap: wrap;
	}
	.aside_panel{
		box-shadow: none;
	margin-left:-35%;
	min-height: 200vh;}
	.activo{
	margin-left: 0;
}
	#botonPanel{
	display: inline-block;
}
	
	#servicio{
		grid-template-rows: auto auto auto;
	}
	#servicio article:nth-child(1) .contenido_servicio h3, 	#servicio article:nth-child(1) .contenido_servicio p{
		padding: 0;
		margin: 0;
		text-align: justify;
	}
		#servicio article:nth-child(1) .contenido_servicio h3{
			text-align: center;
			width: 85%;
		}
	#servicio article:nth-child(1){
		margin:0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#servicio article:nth-child(1) .contenido_servicio{
	align-items: center;
	padding: 0;
	margin: 0;
	}
	#servicio article:nth-child(2){
		grid-row: 2;
		grid-column: 1/-1;
	}
		#servicio .contenido_aside h3{
			width: 100%;
			text-align: center;
		}
	#servicio .contenido_aside{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		grid-row: 3;
		grid-column: 1/-1;
	}
	.footer_top{
		width: 100%;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.footer_top ul:nth-child(1){
		width: 100%;
	}
		.footer_top ul:nth-child(3){
		width: 100%;
	}
	.footer_top figure{
		width: 100%;
		border: none;
		height: 15rem;
		border-top:1px solid var(--c3) ;
		border-bottom: 1px solid var(--c3);
	}
.aside_panel nav figure{
	margin: auto;
	width: 70%;
}


	body{
	grid-template-columns: repeat(3, 1fr);
}


header{
	grid-column: 1/-1;
}
	main.crear{
		margin-bottom: 7em;
		box-shadow: none;

	}
	aside.Logueo__aside{
		padding: 13px;
		
	}

	#icon2{
		width: 50%;
	}
.Logueo__Contenedor_input .Input{
	margin: 0;
	width: 70%;
}
.modal{
	overflow-Y: auto;
}
.Logueo__Contenedor{
	display: flex;
	grid-column: 1/-1;
	flex-direction: column;
	width: 90%;
	height: 100%;
	max-height: 34em !important;
}
.Logueo__aside{
	width: 100%;

}
.Logueo__aside img{
	width: 20% ;
}
.Logueo__Contenedor_input{
	width: 100%;
	height: 100% !important;
}
.Logueo__Contenedor_input .Input{
	margin-top: 23px;
}

.Logueo_botonyrecuperar{
	width: 100%;
	margin-top: 13px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.Logueo_botonyrecuperar h4{
	margin-top: 10px;
	width: 100%;
}

.opci{
	margin-bottom: 20px;
	margin-top: 10px;
}
@media (max-width: 850px){
	#botonPanel_pc{
		display: none;
	}
	.aside_panel{
	padding: 0;
	margin-left:-35%;}
	.activo{
	margin-left: 0;
}
}
@media (max-width: 750px){

		.viewGrandeTelefono{
			z-index: 10000;
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: center;
			position: fixed;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.5);
		}
		.viewGrandeTelefono span:hover{
			scale: 1.03;
			background: white;
			color: purple;
		}
		.viewGrandeTelefono span{
			color: white;
			background:  purple;
			border-radius: 50%;
			padding: 13px;
			cursor: pointer;
			font-size: 2em;
			font-weight: 900;
			rotate:90deg;
			font-family: var(--fp);
		}
		.container_galeria_telf .viwgrande{
			width: 90%;
			height: 50%;
		}
		.container_galeria_telf{
			display: flex;
			width: 100%; 
			overflow-x: auto;
		}
		
		.container_galeria_telf .columng{
			display: flex;
			flex-wrap: wrap;
		}
		.container_galeria_telf img{
			width: 100%;
			padding: 5px;
		}
		.cont_galeria{
			display: none;
		}
		.colum{
		flex: 100%;
	}
	.aside_panel{
	margin-left:-100%;
}
.informacion_lista_correos:nth-child(2){
	width: ;
}
.activo{
	margin-left: 0;
}
	.aside_panel{
		z-index: 3;
		position: absolute;
		padding: 13px;
		width: 100%;
	}
	.aside_panel ul{
	
	}
	.aside_panel ul a{
		padding: 15px;
	}
	#botonPanel{
		width: 3em;
		display: block;
		border-radius: 0;
		box-shadow: 0px 0px 0.1em 0px;
	}
	.content_asidepanel #botonPanel:hover{
		scale: 1.1;
	}
	.Calculadora__Contenedor .header{
		flex-direction: column;
	}
	.Calculadora_content .fechas_contenedor{
		flex-direction: column;
	}
	.fechas_contenedor .div_inputs{
	width: 100%;
}
}

@media(max-width: 510px){
	.cont_contrato{
		width: 100% ;
	}
	
	.contratos .page{
		max-width: 490px;
	}
#radio1:checked ~ .primer{
	margin-left: 0;
}
#radio2:checked ~ .primer{
	margin-left: -20%;
}
#radio3:checked ~ .primer{
	margin-left: -40%;
}
#radio4:checked ~ .primer{
	margin-left: -60%;
}
#radio5:checked ~ .primer{
	margin-left: -80%;
}
}

@media(max-width: 480px){
	
	.contratos .page{
		width: 100%;
		width: 400px;
	}
#radio1:checked ~ .primer{
	margin-left: 0;
}
#radio2:checked ~ .primer{
	margin-left: -20%;
}
#radio3:checked ~ .primer{
	margin-left: -41%;
}
#radio4:checked ~ .primer{
	margin-left: -61%;
}
#radio5:checked ~ .primer{
	margin-left: -82%;
}
}
@media(max-width: 428px){
	
	.contratos .page{
		width: 100%;
		width: 420px;
	}
#radio1:checked ~ .primer{
	margin-left: 0;
}
#radio2:checked ~ .primer{
	margin-left: -20%;
}
#radio3:checked ~ .primer{
	margin-left: -41%;
}
#radio4:checked ~ .primer{
	margin-left: -61%;
}
#radio5:checked ~ .primer{
	margin-left: -82%;
}
}
@media(max-width: 398px){
	
	.contratos .page{
		width: 100%;
		width: 370px;
	}
#radio1:checked ~ .primer{
	margin-left: 0;
}
#radio2:checked ~ .primer{
	margin-left: -20%;
}
#radio3:checked ~ .primer{
	margin-left: -41%;
}
#radio4:checked ~ .primer{
	margin-left: -61%;
}
#radio5:checked ~ .primer{
	margin-left: -82%;
}
}
@media(max-width: 375px){
	
	.contratos .page{
		width: 100%;
		width: 355px;
	}
#radio1:checked ~ .primer{
	margin-left: 0;
}
#radio2:checked ~ .primer{
	margin-left: -20%;
}
#radio3:checked ~ .primer{
	margin-left: -41%;
}
#radio4:checked ~ .primer{
	margin-left: -61%;
}
#radio5:checked ~ .primer{
	margin-left: -82%;
}
}