﻿:root {
	--celeste: #d2e1f4;
	--celeste_tras: #b9c4f8;
	--azul: #05187f;
	--gris: #d4d9db;
}

*{
	padding: 0;
	outline: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	font-size: inherit;
	color: inherit;
	line-height: 1;
	font-family: 'Work Sans';
}


::-webkit-scrollbar-track
	{
		border-radius: 10px;
		background: rgba(0, 0, 0, 0.1);
		transition-duration: 0.7s;
	}

::-webkit-scrollbar
	{
		width: 10px;
		background: rgba(0, 0, 0, 0.1);
		transition-duration: 0.7s;
	}

::-webkit-scrollbar-thumb
	{
		border-radius: 10px;
		background-color: #000;
		border: 1px solid rgba(255, 255, 255, 0.5);
		transition-duration: 0.7s;
	}


::-webkit-scrollbar-thumb:hover
	{
		background-color: #000;
	}

::placeholder {
	color: #fff;
}

img{
	display: block;
	max-width: 100%;
}
a{
	text-decoration: none;
}

.contenedor_general{
	display: flex;
	flex-direction: column;
	gap: 55px;
	background: #f2f2f2;
	overflow: hidden;
}
.area_segura{
	width: 90%;
	max-width: 1440px;
	padding: 0 20px;
}
section{
	display: flex;
	justify-content: center;
}

.title_centro{
	--color: var(--azul);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}
.title_centro h3{
	font-size: 40px;
	font-weight: 800;
	color: var(--color);
	white-space: nowrap;
	text-align: center;
}
.line_title{
	width: 100%;
	background: var(--color);
	height: 4px;
}
.barra{
	width: 3px;
	background: #fff;
}
.f_600{
	font-weight: 600;
}

/*HEADER*/
	header{
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 40px 0;
		position: absolute;
		top: 0;
		transition: 0.5s all ease;
	}

	

	header:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--azul);
		mix-blend-mode: multiply;
		z-index: 1;
		opacity: .45;
	}
	header .area_segura{
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		z-index: 2;
	}
		
	.menu_header{}
	.menu_header ul{
		display: flex;
		align-items: center;
		font-size: 28px;
	}
	.menu_header ul li{
		display: block;
		padding: 2px 20px;
		border-right: 2px solid #fff;
	}
	.menu_header ul li:last-child{
		border: 0;
		padding-right: 0;
	}
	.menu_header ul li p{
		cursor: pointer;
		color: #fff;
	}
	.btn_menu{
		--medidas: 40px;
		display: none;
		width: var(--medidas);
		height: var(--medidas);
		/*background: rgba(0, 0, 0, .05);*/
		border-radius: 4px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 7px;
		padding: 1px;
	}
	.btn_menu span {
		display: block;
		width: 100%;
		height: 3px;
		background: #fff;
		transition-duration: .5s;
		transition-timing-function: ease;
	}
	.btn_on span:nth-child(1){
		transform: translateY(10px) rotate(-45deg);
	}
	.btn_on span:nth-child(2){
		opacity: 0;
	}
	.btn_on span:nth-child(3){
		transform: translateY(-10px) rotate(45deg);
	}


	.menu_fix{
		position: fixed;
		z-index: 99;
		padding: 20px 0;
	}
	.menu_fix .logo_up{
		width: 200px;
	}
	.menu_fix:before{
		opacity: .8;
	}
	.menu_fix .menu_header ul{
		font-size: 20px;
	}

	
	.texto_head{
		display: none;
	}

/*HOME*/
	.portada{
		background-image: url('../img/fondo.jpg');
		background-size: 100% 100%;
		overflow: hidden;
	}
	#home{
		padding: 64px 0;
	}
	.banner{
		--sep: 20px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--sep);
	}
	.banner>div{
		max-width: 50%;
	}
	.info_banner{
		display: flex;
		flex-direction: column;
		gap: 80px;
		padding: 0 20px;
	}
	.fecha{
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		gap: 20px;
		background: var(--azul);
		color: #fff;
		min-height: 154px;
		padding: 12px;
	}
	.fecha h4{
		font-size: 30px;
		font-weight: 500;
	}
	.fecha p{
		font-size: 67px;
		font-weight: 700;
		line-height: .8;
		text-align: center;
	}
	.txt_curso{
		color: #87bbfb;
		font-size: 40px;
		text-align: center;
		text-transform: uppercase;
	}

	.div_form{
		color: #fff;
		position: relative;
	}
	.div_form:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #5543bc;
		mix-blend-mode: multiply;
		opacity: 0.5;
		z-index: 1;
	}
	.form{
		--gap: 48px;
		max-width: 630px;
		display: flex;
		flex-direction: column;
		gap: var(--gap);
		padding: 48px 40px;
		position: relative;
		z-index: 2;
	}
	.title_form{
		text-align: center;
		font-size: 33px;
		line-height: 1.2;
		text-transform: uppercase;
		white-space: pre-line;
	}
	form{
		display: flex;
		flex-direction: column;
		/*gap: var(--gap);*/
	}

	.label_txt{
		display: block;
		width: 100%;
		border-bottom: 3px solid #fff;
	}
	.label_txt input{
		background: transparent;
		width: 100%;
		padding: 6px;
		font-size: 20px;
	}
	.list_campos{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 32px 45px;
	}
	.list_radio{
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.item_radio{
		display: grid;
		grid-template-columns: auto 100px;
		gap: 8px;
		max-width: 505px;
	}
	.item_radio_p{
		font-size: 16px;
		font-weight: 300;
		line-height: 1.2;
	}
	.radios,
	.label_radio{
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 6px;
	}
	
	.p_terminos{}
	.p_terminos p{
		text-align: center;
		font-size: 20px;
		font-weight: 300;
	}
	.tyc{
		cursor: pointer;
	}

	.list_btns{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.btn{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 12px;
		background: #bc12c9;
		cursor: pointer;
		min-height: 88px;
	}
	.btn p{
		font-size: 40px;
		font-weight: 900;
		text-align: center;
	}

	.requisitos{
		display: flex;
		flex-direction: column;
		gap: 56px;
	}
	.requisitos h3{
		font-weight: 600;
		font-size: 36px;
		text-align: center;
	}
	.list_req{
		display: flex;
		justify-content: space-between;
	}
	.item_req{
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 200px;
	}
	.item_req p{
		text-align: center;
		font-size: 20px;
	}
	.req_ico{
		display: flex;
		justify-content: center;
	}

	.baner_mobile{
		display: none;
	}

/*PRESENTACION*/

	#presentacion{}
	#presentacion .area_segura{
		display: flex;
		flex-direction: column;
		gap: 36px;
	}
	.bloke{
		--borde: 20px;
		--izq: 56px;
		border: var(--borde) solid var(--celeste_tras);
	}
	.texto{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 28px;
		padding: 36px 0;
	}
	.title_v1{
		font-size: 40px;
		font-weight: 800;
		background: var(--azul);
		color: #fff;
		padding: 20px var(--izq);
	}
	.parrafo{
		padding-left: var(--izq);
	}
	.parrafo p{
		font-weight: 300;
		font-size: 27px;
		text-align: justify;
		line-height: initial;
		white-space: pre-line;
		/*letter-spacing: -1px;*/
	}

	.bloke_presentacion{
		background: var(--gris);
		display: grid;
		grid-template-columns: calc(58% - 20px) 42%;
		align-items: flex-end;
		gap: 20px;
	}
	.bloke_presentacion .texto{
		height: 100%;
	}
	.bloke_presentacion .parrafo{
		height: 100%;
		display: flex;
    	flex-direction: column;
    	justify-content: space-between;
    	gap: 80px;
	}
	.bio_img{
		display: flex;
		justify-content: flex-end;
		text-align: right;
	}
	.bio_img div{
		width: 80%;
		max-width: 435px;
		padding-bottom: 12px;
		position: relative;
	}
	.bio_img div:before{
		content: "";
		height: 3px;
		width: calc(100% + 200px);
		position: absolute;
		bottom: 0;
		left: 0;
		background: var(--azul);
	}
	.bio_img h3{
		color: var(--azul);
		font-weight: 900;
		font-size: 27px;
		text-transform: uppercase;
	}
	.bio_img small{
		font-size: 19px;
		line-height: initial;
		white-space: pre-line;
	}
	.bio_img small strong{
		font-weight: 900;
	}
	.foto{
		width: 100%;
		position: relative;
		z-index: 2;

		display: flex;
		justify-content: flex-end;
	}
	.bloke_dirigido{
		background: var(--celeste_tras);
		position: relative;
		border-top-width: 0;
		border-bottom-width: 0;
	}
	.bloke_dirigido:after{
		content: "";
		width: 60%;
		height: 36px;
		background: var(--azul);
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 2;
		transform: translateX(var(--borde));
	}
	.bloke_dirigido .texto{
		padding-bottom: 60px;
	}
	
	.bloke_dirigido .title_v1{
		transform: translateX(calc(-1 * var(--borde)));
		padding-left: calc(var(--izq) + var(--borde));
	}

	.bloke_dirigido .parrafo p{
		font-weight: 400;
		max-width: 1240px;
	}

/*OBJETIVOS*/
	
	.bloke_objetivos{
		display: flex;
		flex-direction: column;
		gap: 40px;
		background: var(--celeste_tras);
		border: 2px solid #fff;
		padding: 50px 30px;
	}
	.list_objetivos{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 60px;
	}
	.item_objetivo{
		--izq: 40px;
		display: flex;
		flex-direction: column;
		gap: 22px;
		border: 2px solid #fff;
		min-height: 352px;
		padding: 32px 60px var(--izq) var(--izq);
		background: var(--gris);
		position: relative;
	}
	.item_objetivo:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		background: var(--azul);
		width: 100%;
		height: calc(var(--izq) - 5px);
	}
	.obj-title{
		display: flex;
		align-items: center;
		gap: 20px;
		min-height: 113px;
		color: #fff;
		background: #87bbfb;
		padding: 12px;
		position: relative;
		width: calc(100% + var(--izq));
		transform: translateX(calc(var(--izq)*-1));
	}
	.obj-title:after{
		--medida: 28px;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: var(--medida);
		height: var(--medida);
		background: var(--gris);
		transform: translate(50%, -50%) rotate(45deg);
	}
	.obj-title h3{
		font-size: 28px;
		text-transform: uppercase;
	}
	.obj-ico{}
	.obj-text{
		font-weight: 300;
		font-size: 25px;
		text-align: justify;
	}

	.objetivos_v2{}
	.objetivos_v2 .obj-title h3{
		display: none;
	}
	.objetivos_v2 .item_objetivo{
		--ico: 156px;
		display: grid;
		grid-template-columns: var(--ico) auto;
		align-items: flex-start;
		padding: 32px 24px 32px 0;
		min-height: 264px;
	}
	.objetivos_v2 .obj-title{
		align-items: center;
		justify-content: center;
		width: 100%;
		transform: none;
		background: #1734cc;
	}
	.objetivos_v2 .obj-text{
		width: 100%;
		max-width: 380px;
	}
	.objetivos_v2 {}
	.objetivos_v2 {}
	.objetivos_v2 {}
	.objetivos_v2 {}


/*INFORMACION*/
	.informacion{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 40px 0;
		min-height: 276px;
		background-image: url('../img/informacion.jpg');
		background-size: cover;
		/*background: linear-gradient(0deg,rgba(178, 209, 249, 1) 0%, rgba(156, 197, 250, 1) 45%, rgba(38, 50, 115, 1) 100%);*/
	}
	.list_info{
		width: 100%;
		display: flex;
		justify-content: space-between;
		gap: 16px;
	}
	.item_info{
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 16px;
	}
	.info-ico{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 85px;
	}
	.info-ico img{
		max-height: 100%;
	}
	.info-text{
		display: flex;
		align-items: center;
		height: 70px;
		color: #fff;
		font-size: 35px;
		text-align: center;
		white-space: pre-line;
	}

/*MALLA*/

	.bloke_malla{
		display: flex;
		flex-direction: column;
		gap: 80px;
		width: 100%;
	}
	#malla .title_centro{
		--color: #bc12c9;
	}
	.list_malla{
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	.item_malla{
		--color: #3853de;
		--padd: 28px 40px;
		--font: 26px;
		border: 2px solid var(--color);
	}
	.head_malla{
		--wid: 32px;
		--alt: 8px;
		padding: var(--padd);
		display: grid;
		grid-template-columns: auto var(--wid);
		align-items: center;
		gap: 12px;
		cursor: pointer;
		min-height: 104px;
		background: #fff;
	    transition: .5s all ease;
	}
	.head_malla h3{
		font-size: var(--font);
		font-weight: 600;
	}
	.cross{
		display: flex;
		align-items: center;
		width: var(--wid);
		height: var(--wid);
		position: relative;
	}
	.cross:before,
	.cross:after {
	    content: "";
	    background: var(--color);
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    transition: .5s all ease;
	}
	.cross:before{
		width: var(--wid);
		height: var(--alt);
	}
	.cross:after{
		width: var(--alt);
		height: var(--wid);
	}
	.body_malla{
		overflow: hidden;
		height: 0;
		transition-duration: 0.3s;
	}
	.body_alto{
		padding: var(--padd);
	}
	.body_alto p{
		width: 100%;
		max-width: 1240px;
		font-size: var(--font);
		font-weight: 300;
		line-height: initial;
		text-align: justify;
		letter-spacing: -1px;
	}
	.malla_on .head_malla{
		background: var(--azul);
		color: #fff;
	}
	.malla_on .cross{
		--azul: #fff;
	}
	.malla_on .cross:after {
	    transform: translate(-50%, -50%) rotate(90deg);
	    background: #fff;
	}
	.malla_on .cross:before{
		background: #fff;
	}

/*ASESOR*/

	.asesor{
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 390px;
		background: var(--azul);
		color: #fff;
		padding: 40px 0;
	}
	.bloque_asesor{
		/*display: flex;*/
		/*justify-content: space-between;*/
		display: grid;
		grid-template-columns: auto 55%;
		align-items: center;
		gap: 32px 16px;
		width: 100%;
	}
	.info_asesor{
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.asesor_dato{
		display: grid;
		grid-template-columns: 56px auto;
		align-items: center;
		gap: 4px;
	}
	.asesor_dato p{
		font-size: 37px;
	}
	.asesor_dato h3{
		font-size: 45px;
	}
	.asesor_ico{
		display: flex;
		justify-content: center;
	}
	.wsp_img{
		/*box-shadow: 0 0 18px #253070;*/
		box-shadow: 0 0 18px rgba(0, 0, 0, .4);

	}


/*FOOTER*/

	footer{
		padding: 20px;
		display: flex;
		justify-content: center;
		min-height: 136px;
		background: #000;
	}
	.list_footer{
		display: flex;
		align-items: center;
		gap: 20px;
	}



/*POP*/
	.overlay {
	    background: rgba(255, 255, 255, .5);
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    z-index: 990;
	    left: 0;
	    top: 0;
	    display: none;
	}
	.modal {
	    position: fixed;
	    display: none;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    z-index: 999;
	    max-height: calc(100vh - 30px);
	    overflow-y: auto;
	}
	.modal__terms {
	    background: #fff;
	    width: 95%;
	    max-width: 550px;
	    padding: 25px 30px;
	}
	.modal_content {
	    position: relative;
	    width: 100%;
	}
	.modal_close {
	    position: absolute;
	    right: -5px;
	    top: -5px;
	    width: 25px;
	    cursor: pointer;
	}
	.modal_info {
	    overflow-y: auto;
	    max-height: 90vh;
	}
	
	.modal_info h3 {
		color: #000;
	    text-align: center;
	    font-size: 1.4rem;
	    margin-bottom: 1rem;
	}


/*GRACIAS*/

	.mensaje{
		display: flex;
		align-items: center;
		position: relative;
		width: 100%;
		max-width: 600px !important;
		min-height: 520px;
		padding: 20px;
	}
	.mensaje:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #5543bc;
		opacity: 0.5;
		mix-blend-mode: multiply;
	}
	.mensaje div{
		display: flex;
		flex-direction: column;
		gap: 32px;
		text-align: center;
		color: #fff;
		position: relative;
		z-index: 2;
	}
	.mensaje h3{
		font-size: 51px;
		line-height: initial;
	}
	.mensaje p{
		font-size: 36px;
		font-weight: 500;
		line-height: initial;
		letter-spacing: -1px;
		white-space: pre-line;
	}

	.gracias .info_banner{
		gap: 50px;
	}
	.gracias .txt_curso{
		color: #232d78
	}
	.gracias .portada{
		background-image: url('../img/fondo_rsp.jpg');
	}

	.gracias .texto_head{
		display: block;
		width: 360px;
	}
	.gracias .texto_head img{
		width: 100%;
	}

@media screen and (max-width: 1024px){
	.logo_up{
		width: 280px;
	}
	.menu_header ul{
		font-size: 24px;
	}
	.fecha p{
		font-size: 44px;
	}
	.form{
		--gap: 36px;
	}
	.list_campos{
		gap: 24px;
	}
	.btn{
		min-height: 60px;
	}
	.btn p{
		font-size: 24px;
	}

	.parrafo p{
		font-size: 20px;
	}
	.title_centro h3,
	.title_v1{
		font-size: 32px;
	}
	.bio_img small{
		font-size: 16px;
	}
	.list_objetivos{
		gap: 32px;
	}
	.item_objetivo{
		--izq: 32px;
		padding: 24px 32px var(--izq) var(--izq);
	}
	.obj-title h3{
		font-size: 24px;
	}
	.obj-text{
		font-size: 20px;
	}
	.list_info{
		flex-wrap: wrap;
		gap: 48px;
		justify-content: center;
	}
	.list_info .barra:nth-child(6){
		display: none;
	}
	.bloke_malla{
		gap: 40px;
	}
	.item_malla{
		--font: 20px;
	}
	.asesor_dato h3{
		font-size: 32px;
	}
	.asesor_dato p{
		font-size: 24px;
	}
	.gracias .texto_head{
		width: 300px;
	}
	.mensaje h3{
		font-size: 40px;
	}
	.mensaje p{
		font-size: 28px;
	}
}

@media screen and (max-width: 768px){
	.area_segura{
		width: 100%;
	}
	/*.btn_menu{
		display: flex;
	}
	.menu_header{
		position: absolute;
		right: 0;
		top: 100%;
		background: var(--azul);
		transform: translateX(100%);
		transition: 0.5s all ease;
	}
	.menu_header ul{
		flex-direction: column;
		align-items: flex-end;
	}
	.menu_header ul li{
		border: none;
		width: 100%;
		padding: 0;
	}
	.menu_header ul li p{
		padding: 12px 24px;
		width: 100%;
		text-align: right;
	}*/

	.menu_om{
		transform: translateX(0%);
	}
	.portada{
		background-size: cover;
		padding-top: 0 !important;
	}
	.banner{
		flex-direction: column;
	}
	.info_banner{
		padding: 0;
		gap: 32px;
	}
	.fecha{
		min-height: auto;
		padding: 20px;
		gap: 12px;
	}
	.fecha p{
		font-size: 32px;
	}
	.txt_curso{
		text-shadow: 0 0 2px #243877;
	}
	.menu_header ul,
	.info-text,
	.obj-title h3,
	.fecha h4,
	.requisitos h3,
	.txt_curso{
		font-size: 20px;
	}
	.title_centro h3, 
	.title_v1{
		font-size: 24px;
	}
	.form{
		padding: 40px 20px;
	}
	.bio_img h3,
	.obj-text,
	.parrafo p,
	.item_req p,
	.label_txt input{
		font-size: 16px;
	}
	.bio_img small{
		font-size: 12px;
	}
	.requisitos{
		gap: 32px;
	}
	.bloke{
		--izq: 32px;
	}
	.parrafo{
		padding: 0 var(--izq);
	}
	.bio_img{
		justify-content: center;
	}
	.bio_img div{
		width: auto;
	}
	.bio_img div:before{
		width: 100%;
	}
	.foto{
		margin: 0 0 0 auto;
		max-width: 300px;
	}
	.bloke_presentacion{
		grid-template-columns: 1fr;
	}
	.bloke_presentacion .texto{
		padding-bottom: 0;
	}
	.bloke_presentacion .parrafo{
		gap: 40px;
	}
	.list_objetivos{
		grid-template-columns: 1fr;
	}
	.title_centro{
		gap: 20px;
	}
	.bloke_objetivos{
		gap: 20px;
		padding: 20px;
	}
	.objetivos_v2 .item_objetivo,
	.item_objetivo{
		min-height: auto;
		padding-bottom: 60px;
	}
	.objetivos_v2 .item_objetivo{
		--ico: 120px;
	}
	.obj-title{
		display: grid;
		grid-template-columns: 50px auto;
		min-height: 90px;
	}
	.objetivos_v2 .obj-title{
		display: flex;
		min-height: auto;
	}
	.list_info{
		gap: 20px;
	}
	.list_info .barra{
		display: none;
	}
	.item_info{
		width: 200px;
		gap: 8px;
	}
	.info-text{
		height: 50px;
	}

	.bloque_asesor{
		display: flex;
		flex-direction: column;
	}
	
	.wsp_img{
		max-width: 400px;
		margin: 0 auto;
	}
	.asesor{
		min-height: auto;
	}

	#home,
    #home .area_segura{
    	padding: 0;
    }
    .div_form{
    	width: 100%;
    	max-width: 100% !important;
    	display: flex;
    	justify-content: center;
    }
    header:before,
    .info_banner{
    	display: none;
    }
    .texto_head,
    .baner_mobile{
    	display: block;
    }
    .baner_mobile img{
    	width: 100%;
    }
    header{
    	background-image: url('../img/fb_mobile.jpg');
    	background-size: 100%;
		padding: 20px 0;
		position: relative !important;
    }
	.menu_header{
		display: none;
	}
    .logo_up {
        width: 200px;
    }
    header .area_segura{
    	gap: 60px;
    }
    .form{
    	width: 100%;
    }
}

@media screen and (max-width: 450px){
	.title_form {
        font-size: 28px;
    }
    .list_campos{
    	grid-template-columns: 1fr;
    	gap: 12px;
    }
    .form {
        --gap: 20px;
    }
    .item_req p,
    .p_terminos p,
    .item_radio_p{
    	font-size: 13px;
    }
    .txt_curso{
    	color: var(--azul);
    }
	.bloke {
        --izq: 20px;
        --borde: 12px;
    }
    .title_centro h3{
    	white-space: normal;
    }
    .title_centro{
    	justify-content: center;
    }
    .line_title{
    	display: none;
    }
    .informacion{
    	padding: 20px 0;
    }
    .item_info{
    	width: 160px;
    }
    .info-ico{
    	height: 60px;
    }
    .item_malla{
    	--padd: 20px;
    }

    .head_malla{
    	--wid: 24px;
    	--alt: 4px
    }
    .asesor_dato{
    	grid-template-columns: 40px auto;
    }
    footer{
    	min-height: auto;
    }
    .list_footer a{
    	width: 36px;
    }
    .mensaje{
    	padding: 50px 20px;
    	min-height: auto;
    }
    .mensaje h3{
		font-size: 30px;
	}
	.mensaje p{
		font-size: 20px;
	}
	.objetivos_v2 .item_objetivo{
		--ico: 70px;
		gap: 16px;
		padding: 20px 20px 44px 0;
	}
}

@media screen and (min-width: 577px) {
    .modal_close {
        top: -25px;
        right: -25px;
    }
}



