@import url(./fonts.css);
:root {
	--scroll: #000;
	--zona_segura: 1360px;
	--oscuro: #353535;
/*	--celeste: #71c7cb;*/
	--celeste: #00c9cb;
	--gris: #d0d0d0;
	--gris_2: #e3e3e1;
	--gris_3: #d0d1d3;
	--deg_boton: linear-gradient(90deg, #4805e8, #4905e6);
}

* {
	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: inherit;
	font-family: inherit;
}

body {
	overflow-x: hidden;
	min-width: 100vw;
	font-family: 'Founders Grotesk';
	line-height: 1;
}

a {
	text-decoration: none;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}

section {
	background: #fff;
}

::-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: var(--scroll);
	border: 1px solid rgba(255, 255, 255, 0.5);
	transition-duration: 0.7s;
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--scroll);
}

::placeholder {
	color: var(--color);
}

/*CSS GENERAL*/
	.conte_general {
		position: relative;
		width: 100%;
		min-height: 100vh;
		overflow: hidden;
	}
	.area_segura{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 40px;
		width: 100%;
		max-width: var(--zona_segura);
		padding: 0 20px;
	}
	.seccion{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 60px 0;
	}
	.title_seccion{
		font-family: 'Clan Pro';
		white-space: pre-line;
		font-size: 43px;
		text-align: center;
	}
	.title_seccion strong{
		font-weight: 900;
		color: var(--celeste);
	}
	.title_seccion .grande{
		font-size: 63px;
	}
	.img_responsive{
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.d_mobile{
		display: none;
	}
	.btn_01{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 10px 10px 6px 10px;
		background: var(--celeste);
		color: #fff;
		text-align: center;
		font-size: 28px;
		font-weight: 600;
		border: 2px solid #fff;
		cursor: pointer;
	}
	.btn_02{
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--deg_boton);
		border-radius: 32px;
		color: #fff;
		padding: 12px 32px;
		border: 2px solid #fff;
		text-align: center;
		cursor: pointer;
		position: relative;
		font-family: 'Clan Pro';
		font-size: 32px;
		font-weight: 900;
	}
	.btn_02:after{
		content: "";
		width: 75px;
		height: 62px;
		position: absolute;
		top: 50%;
		left: 100%;
		transform: translateX(-24px);
		background-image: url('../img/mano.webp');
		background-repeat: no-repeat;
		background-size: contain;
	}
	.div_ventana{
		border: 2px solid var(--gris_2);
		border-radius: 8px;
	}
	.head_ventana{
		display: flex;
		justify-content: flex-end;
		background: var(--gris_2);
		padding: 4px 12px;
	}
	.head_ventana img{
		width: 57px;
		height: auto;
	}
	.btn_borde{
		--radio: 24px;
		display: flex;
		justify-content: center;
		position: relative;
	}
	.btn_borde div,
	.btn_borde h3{
		position: relative;
		padding: 12px 24px 1px 24px;
		border-radius: var(--radio);
		background: linear-gradient(90deg, #f2c10d, #eea62e);
		font-weight: 500;
		color: #000;
		z-index: 2;
	}
	.btn_borde:before{
		content: "";
		position: absolute;
		top: 8px;
		left: 8px;
		width: 100%;
		height: 100%;
		border-radius: var(--radio);
		border: 2px solid #f2c10d;
		z-index: 1;
	}

	.scroll_top{
		display: none;
		position: fixed;
		right: 2%;
		bottom: 200px;
		animation: 2s mover infinite;
		cursor: pointer;
		background: #fff;
		border: 2px solid #fff;
		border-radius: 50%;
	}
	.scroll_top img{
		transform: rotate(-90deg);
	}

	@keyframes mover{
		0%{
			transform: translateY(-10px);
		}
		50%{
			transform: translateY(0px);
		}
		100%{
			transform: translateY(-10px);
		}
	}
	
	@media screen and (max-width: 1024px){
		.title_seccion{
			font-size: 32px;
		}
		.title_seccion .grande{
			font-size: 44px;
		}
	}
	@media screen and (max-width: 768px){
		.btn_02:after{
			width: 50px;
		}
	}
	@media screen and (max-width: 500px){
		.d_desk{
			display: none !important;
		}
		.d_mobile{
			display: block;
		}
		.title_seccion{
			font-size: 24px;
		}
		.title_seccion .grande{
			font-size: 32px;
		}
		.seccion{
			padding: 40px 0;
		}
	}

/***** HEADER *****/
	header{
		display: flex;
		justify-content: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	.header{
		width: 100%;
		max-width: var(--zona_segura);
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 20px;
	}
	.logo_web{
		width: 45%;
		max-width: 609px;
		transition-duration: 0.5s;
	}
	.avanza{
		padding-right: 75px;
	}
	.logo_qstars{
		width: 200px;
	}
	.logo_qstars img{
		width: 100%;
	}
	.menu{
		display: flex;
		align-items: flex-start;
		gap: 8px;
		font-size: 20px;
	}
	.item_menu{
		display: flex;
		align-items: center;
		padding: 12px 16px;
		padding-bottom: 4px;
		color: #000;
/*		background: linear-gradient(90deg, #f2c10d, #eea62e);*/
		background: var(--celeste);
		border-radius: 16px;
		cursor: pointer;
		transition-duration: 0.3s;
		font-weight: 500;
		text-align: center;
	}
	.item_menu:hover{
		background: linear-gradient(90deg, #f2c10d, #eea62e);
/*		background: var(--celeste);*/
	}

	.menu_desk{
		justify-content: center;
		width: 100%;
		/*position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);*/
	}

	.menu_mobile{
		display: none;
		position: absolute;
		right: 0;
		top: 100%;
	}
	.menu_mobile .menu{
		flex-direction: column;
		align-items: initial;
		gap: 0;
		background: var(--celeste);
		font-size: 16px;
	}
	.menu_mobile .item_menu{
		border-radius: 0;
	}

	.btn_menu{
		--medida: 40px;
		display: none;
		width: var(--medida);
		height: var(--medida);
		flex-direction: column;
		justify-content: center;
		gap: 4px;
		border-radius: 8px;
		border: 4px solid var(--celeste);
		padding: 4px;
		margin-top: 20px;
		margin-right: 20px;
		cursor: pointer;
	}
	.btn_menu div{
		width: 100%;
		height: 4px;
		background: var(--celeste);
	}


	@media screen and (max-width: 1024px){
		.logo_web{
			width: 40%;
		}
	}
	@media screen and (max-width: 768px){
		.logo_web{
/*			width: 40%;*/
		}
		.menu_desk{
			display: none;
		}
		.btn_menu{
			display: flex;
		}
		.logo_qstars{
			width: 30%;
		}
	}
	@media screen and (max-width: 500px){
		.logo_qstars{
			width: 20%;
		}
		.logo_web{
/*			width: 100%;*/
		}
		.avanza{
			padding-right: 20px;
		}
	}

/***** FOOTER *****/
	footer{
		display: flex;
		justify-content: center;
		background: var(--oscuro);
		padding: 44px 20px;
	}
	.footer{
		width: 100%;
		max-width: 1190px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
	}
	.der_foo{
		color: #fff;
		font-weight: 600;
		font-size: 30px;
	}
	.list_redes{
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.list_redes a{}
	@media screen and (max-width: 1024px){
		footer{
			padding: 32px 20px;
		}
		.der_foo{
			font-size: 20px;
		}
		.list_redes a{
			width: 40px;
		}

	}
	@media screen and (max-width: 500px){
		.footer{
			flex-direction: column-reverse;
			gap: 40px;
		}
		.der_foo{
			font-size: 16px;
		}
	}

/***** PORTADA *****/
	#portada{
		padding: 0;
		position: relative;
	}
	#portada .area_segura{
		padding: 0;
		position: relative;
	}
	.portada{
/*		position: relative;*/
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 60px;
		width: 100%;
		height: 737px;
		padding-bottom: 20px;
	}
	.portada_interno{
		/*position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);*/
		width: 86%;
		height: 100%;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
/*		padding-bottom: 7.5%;*/
/*		padding-bottom: 100px;*/
	}
	.portada_title{
		width: 540px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 90px;
	}
	.ventana_portada{
		position: relative;
		box-shadow: 4px 4px 10px rgba(0, 0, 0, .75);
	}
	.ventana_portada h1{
		width: 100%;
		font-size: 38px;
		padding: 30px 24px 38px 24px;
		background-image: url('../img/puntos.webp');
		background-position: left;
		background-color: #00cccd;
		background-repeat: no-repeat;
		font-family: 'Clan Pro';
		white-space: pre-line;
	}
	.ventana_portada h1 strong{
		font-size: 50px;
		font-weight: 900;
	}
	.btn_amarillo{
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,50%);
	}
	.btn_amarillo div{
		white-space: nowrap;
		font-size: 41px;
	}
	.btn_portada{
/*		min-height: 80px;*/
	}
	
	.btn_fix{
		display: none;
		position: fixed;
		bottom: 50px;
		right: 50px;
		width: 200px;
		font-size: 15px;
		padding: 12px;
		animation: 2s mover infinite;
		z-index: 99;
	}
	.btn_fix:after{
		width: 40px;
		transform: translateX(-10px);
	}
	
	.img_portada{
		display: none;
	}

	@media screen and (max-width: 1024px){
		.portada{
			height: 600px;
		}
		.portada_title{
			width: 400px;
			gap: 60px;
		}
		.ventana_portada h1{
			font-size: 26px;
		}
		.ventana_portada h1 strong{
			font-size: 36px;
		}
		.btn_amarillo div{
			font-size: 28px;
		}
		.btn_portada{
			font-size: 22px;
		}
	}
	@media screen and (max-width: 768px){
		.portada_title{
			width: 320px;
		}
		.ventana_portada h1{
			font-size: 22px;
		}
		.btn_portada{
			font-size: 16px;
		}
		.portada{
			height: 500px;
		}
		.portada_interno{
/*			padding-bottom: 24px;*/
			width: calc(100% - 80px);
		}
		.ventana_portada h1 strong{
			font-size: 28px;
		}
		.btn_amarillo div{
			font-size: 20px;
		}
	}
	@media screen and (max-width: 500px){
		#portada{
			background: var(--gris_3);
		}
		#portada>.img_responsive{
			position: relative;
		}
		.portada{
			padding: 0;
			height: auto;
			display: block;
		}
		.img_portada{
			display: block;
			width: 100%;
			height: auto;
			object-fit: cover;
		}
		.portada_interno{
			width: 100%;
			padding: 20px;
			background: var(--gris_3);
			position: initial;
			transform: none;
			align-items: center;
			gap: 80px;
		}
		.portada_txt,
		.portada_title{
			width: 100%;
			align-items: center;
			gap: 40px;
		}
		.ventana_portada h1{
		}
		.btn_portada{
			max-width: 320px;
			font-size: 16px;
		}
		
	}

/***** DESCRIPTION *****/
	#description{
		background: var(--gris_3);
	}
	.portada_txt2{
		display: grid;
		grid-template-columns: auto 37%;
		align-items: center;
		gap: 80px;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.solo_1{
		grid-template-columns: auto;
	}
	.desc_text{
		width: 100%;
		font-size: 31px;
		color: #434444;
		line-height: 1.1;
		white-space: pre-line;
/*		text-align: justify;*/
	}
	.desc_text strong{
		font-weight: 600;
	}
	.desc_img{
		width: 100%;
		display: flex;
		justify-content: center;
	}

	@media screen and (max-width: 1024px){
		.desc_text{
			font-size: 22px;
		}
		.portada_txt2{
			gap: 40px;
		}
	}
	@media screen and (max-width: 768px){
		
		.desc_text{
			font-size: 20px;
		}
		.portada_txt2{
			width: 100%;
		}
	}
	@media screen and (max-width: 600px){
		.portada_txt2{
			grid-template-columns: 1fr;
		}
	}
	@media screen and (max-width: 500px){
		.desc_text{
			width: 100%;
			max-width: 100%;
		}
	}


/***** CARRERAS *****/
	#carreras{

	}
	#carreras .area_segura{
		padding: 0 20px;
	}
	#carreras .title_seccion .grande{
		font-size: 72px;
	}

	.list_carreras{
		width: 100%;
		max-width: 1246px;
		/*display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 50px;*/
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 50px;
	}

	.item_carrera{
		width: 100%;
		max-width: 382px;
		display: block;
		box-shadow: 0px 16px 16px -10px #00000045;
	}
	.carrera-img{
		position: relative;
		width: 100%;
		padding-bottom: 42.41%;
	}
	.carrera-txt{
		--btn: 165px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 12px;
		min-height: 88px;
	}
	.carrera-txt>div{
		width: 100%;
		max-width: 320px;
		display: grid;
		grid-template-columns: auto var(--btn);
		align-items: center;
		grid-gap: 4px;
	}

	.carrera-txt h3{
		font-size: 21px;
		font-weight: 500;
	}

	.btn_brochure{
		font-family: 'Clan Pro';
		font-size: 15px;
		font-weight: 900;
		background: var(--deg_boton);
		color: #fff;
		padding: 6px 9px;
		border-radius: 12px;
	}

	.carrera-txt>div.no_btn{
		display: flex;
	}
	.no_btn .btn_brochure{
		display: none;
	}
	@media screen and (max-width: 1024px){
		#carreras .title_seccion .grande{
			font-size: 52px;
		}
	}
	@media screen and (max-width: 768px){
		.list_carreras{
			gap: 24px;
		}
		.item_carrera{
			max-width: 340px;
		}
		.carrera-txt h3{
			font-size: 16px;
		}
	}
	@media screen and (max-width: 500px){
		#carreras .title_seccion .grande{
			font-size: 42px;
		}
	}

/***** BANNER *****/
	#banner{
		padding: 0;
		position: relative;
	}
	#banner .area_segura{
		position: relative;
		gap: 0;
		padding: 0;
	}

	.zona_banner{
		--celeste: #00746b;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
/*		min-height: 1145px;*/
		min-height: 800px;
		background: linear-gradient(90deg, transparent 15%, var(--celeste) 60%);
		padding: 64px 32px;
		position: relative;
		z-index: 2;
	}
	.area_banner{
		display: flex;
		justify-content: flex-end;
		width: 100%;
		max-width: 1080px;
	}
	.banner_text{
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 50%;
		max-width: 540px;
		color: #fff;
		font-size: 26px;
	}

	.banner_text_h3{
		font-family: 'Clan Pro';
		font-size: 36.5px;
		font-weight: 900;
	}
	.banner_text_p{
		width: 100%;
		line-height: 1.25;
		white-space: pre-line;
	}
	.lista_item{
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	.item_list{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	.item_list_title{
		font-size: 28px;
	}
	.item_list_title:before{
		top: 4px;
		left: 4px;
	}
	.item_list_title h3{
		padding: 10px 16px 0px 16px;
	}
	.item_list_text{}
	@media screen and (max-width: 1024px){
		.zona_banner{
			padding: 32px;
		}
		.banner_text{
			width: 55%;
			font-size: 22px;
		}
		.banner_text_h3{
			font-size: 32px;
		}
		.item_list_title{
			font-size: 24px;
		}
	}
	@media screen and (max-width: 768px){
		.zona_banner{
			padding: 20px;
		}
		.banner_text{
			width: 60%;
		}
		.banner_text_p{
/*			padding: 0;*/
		}
	}
	@media screen and (max-width: 500px){
		#banner .img_responsive{
			position: relative;
		}
		.banner_text{
			width: 100%;
			gap: 20px;
		}
		.zona_banner{
			min-height: auto;
			padding: 40px 20px;
			background: var(--celeste);
		}
		.banner_text_h3{
			font-size: 24px;
		}
		.banner_text{
			font-size: 16px;
		}
		.item_list_title{
			font-size: 18px;
		}
	}


/***** POR QUE *****/
	#por_que{}


	.arrow{
		display: none;
		cursor: pointer;
	}
	.bullet{
		width: 100%;
		display: none;
		justify-content: center;
		gap: 4px;
	}
	.bullet span{
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: var(--oscuro);
	}
	.bullet span.on{
		background: var(--celeste);
	}
	.slider_porque{
		display: block;
		width: 100%;
	}

	.cont_list_porque{
		display: flex;
		justify-content: center;
		width: 100%;
		max-width: 1100px;
		overflow: hidden;
		margin: 0 auto;
	}
	.slider_porque.sl_on{
		--arrow: 46px;
		width: 100%;
		max-width: 1290px;
		display: grid;
		grid-template-columns: var(--arrow) auto var(--arrow);
		align-items: center;
		justify-content: space-between;
		gap: 24px;
	}
	.sl_on .arrow{
		display: block;
	}
	.sl_on .cont_list_porque{
		justify-content: initial;
	}

	.list_porque{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 28px;
		transition-duration: 0.3s;
	}
	.filas_2{
		grid-template-columns: repeat(2, 1fr);
	}

	.item_porque{
/*		--alto : 360px;*/
		--alto : 300px;
		--celeste: #0067a2;
		width: 348px;
		height: var(--alto);
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 20px;
		border: 3px solid var(--gris);
		padding: 16px 24px;
		text-align: center;
		background: #fff;
		transition-duration: 0.3s;
	}
	.item_porque-title{
		display: grid;
/*		grid-template-columns: 84px auto;*/
		grid-template-columns: 70px auto;
		grid-gap: 8px;
		align-items: center;
		text-align: left;
	}
	.item_porque-title h3{
		font-size: 25px;
		font-weight: 300;
	}

	.ico_porque{
		display: flex;
		justify-content: center;
		position: relative;
	}
	
	.ico_porque img{
		max-width: 100%;
		max-height: 100%;
		transition-duration: 0.3s;
	}

	.item_porque-intro{
/*		color: var(--gris);*/
		color: var(--oscuro);
		font-size: 22px;
		font-weight: 300;
	}
	.item_porque-texto{
		display: none;
		font-size: 18px;
		font-weight: 300;
		color: #fff;
		overflow-y: auto;
		max-height: calc(var(--alto)-150px);
	}
	.item_porque-texto div{
		white-space: pre-line;
	}

	.item_porque:hover{
		--scroll: #fff;
		background: var(--celeste);
		border-color: var(--celeste);
	}
	.item_porque:hover .item_porque-title{
/*		grid-template-columns: 1fr;*/
/*		text-align: center;*/
		color: #fff;
	}
	.item_porque:hover .item_porque-title h3{
		font-weight: 500;
	}
	.item_porque:hover .ico_porque{
/*		height: 40px;*/
	}
	.item_porque:hover .ico_porque img{
		filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(5%) hue-rotate(26deg) brightness(104%) contrast(100%);
	}

	.item_porque:hover .item_porque-intro{
		display: none;
	}
	.item_porque:hover .item_porque-texto{
		display: block;
	}
	@media screen and (max-width: 1024px){
		
	}
	@media screen and (max-width: 768px){
		.item_porque{
			--alto: 400px;
		}
	}
	@media screen and (max-width: 500px){
		.slider_porque.sl_on{
			--arrow: 32px;
			grid-template-columns: 1fr;
			gap: 20px;
		}
		.item_porque{
			--alto: 340px;
			width: calc(100vw - 40px);
			padding: 12px;
		}
		.item_porque-title{
			grid-template-columns: 60px auto;
		}
		.item_porque-title h3{
			font-size: 22px;
		}
		.item_porque-intro{
			font-size: 18px;
		}
		.list_porque{
			gap: 20px;
		}
		.sl_on .arrow{
			display: none;
		}
		.sl_on~.bullet{
			display: flex;
		}
	}
	@media screen and (max-width: 400px){
		.item_porque{

		}
	}

	
/***** COMO FUNCIONA *****/
	#como_funciona{
		background: var(--oscuro);
	}
	#como_funciona .title_seccion{
		color: #fff;
	}

	.cont_list_funcionalidad{
		display: flex;
		justify-content: center;
		width: 100%;
		max-width: 1288px;
		overflow: hidden;
	}
	.cont_list_funcionalidad.on{
		justify-content: initial;
		cursor: grab;
	}

	.list_funcionalidad{
		--gap: 56px;
		--item: 280px;
		display: grid;
		grid-gap: var(--gap);
		transition-duration: 0.3s;
	}
	.item_funcionalidad{
		width: var(--item);
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
		text-align: center;
	}
	.ico_func{
		--medida: 144px;
		position: relative;
	}
	.ico_func div{
		width: var(--medida);
		height: var(--medida);
		border-radius: 50%;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 24px;
		position: relative;
		z-index: 2;
	}
	.ico_func:before{
		content: "";
		position: absolute;
		top: 50%;
		right: 50%;
		transform: translateY(-50%);
		width: calc(var(--gap) + var(--item));
		border-top: 2px dashed var(--celeste);
		z-index: 1;
	}
	.item_funcionalidad:first-child .ico_func:before{
		display: none;
	}
	.func_title{
		color: #fff;
		font-size: 30px;
		font-weight: 300;
	}
	.func_txt{
		color: var(--celeste);
		font-size: 24px;
		font-weight: 300;
	}
	@media screen and (max-width: 1024px){
		.func_title{
			font-size: 24px;
		}
		.func_txt{
			font-size: 20px;
		}
	}
	@media screen and (max-width: 768px){
		
	}
	@media screen and (max-width: 500px){
		.list_funcionalidad{
			--item: 240px;
			--gap: 32px;
		}
		.ico_func{
			--medida: 120px;
		}
	}


/***** PREGUNTAS FRECUENTES *****/
	#preguntas{
		padding-bottom: 0;
	}

	.zona_preguntas{
		display: flex;
		justify-content: center;
		padding: 48px 0;
		width: 100%;
		background: var(--celeste);
		color: #fff;
		position: relative;
	}
	.zona_preguntas:before{
		content: "";
		width: 100vw;
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		background: var(--celeste);
		z-index: 0;
	}
	.list_preguntas{
		width: 100%;
		max-width: 800px;
		display: flex;
		flex-direction: column;
		gap: 32px;
		position: relative;
		z-index: 1;
	}
	.item_pregunta{
		color: #fff;
	}
	.pregunta{
		--arrow: 36px;
		display: grid;
		grid-template-columns: auto var(--arrow);
		grid-gap: 12px;
		align-items: center;
		border-bottom: 1px solid #fff;
		cursor: pointer;
		padding-bottom: 16px;
	}
	.pregunta h3{
/*		font-size: 45px;*/
		font-size: 25px;
		font-weight: 500;
	}
	.ico_arrow{
		width: var(--arrow);
	}

	.respuesta{
		overflow: hidden;
		height: 0;
		transition-duration: 0.3s;
	}
	.respuesta_int{
		padding: 24px 0;
/*		font-size: 26px;*/
		font-size: 24px;
		font-weight: 300;
		line-height: 1.25;
	}
	.respuesta_int ol,
	.respuesta_int ul{
		padding-left: 20px;
	}

	.item_pregunta.on .ico_arrow{
		transform: rotateX(180deg);
	}
	@media screen and (max-width: 1024px){
		.pregunta h3{
/*			font-size: 32px;*/
		}
		.respuesta_int{
			font-size: 20px;
		}
	}
	@media screen and (max-width: 768px){
		.pregunta{
			--arrow: 20px;
		}
		.pregunta h3{
			font-size: 24px;
		}
	}
	@media screen and (max-width: 500px){
		.pregunta h3{
			font-size: 20px;
		}
		.respuesta_int{
			font-size: 16px;
		}
	}


/***** CONTACTO *****/
	#contacto{}

	.title_seccion_v2{
		padding: 0 20px;
		text-align: center;
		font-weight: 500;
		color: var(--celeste);
		font-size: 30px;
	}
	.title_seccion_v2 strong{
		font-weight: 600;
		font-size: 70px;
		color: #000;
	}
	.formulario{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.form{
		width: 100%;
		max-width: 1105px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 28px;
	}
	.bloke_campos{
		--gap: 10px;
		width: 100%;
		display: flex;
		align-items: flex-start;
		gap: var(--gap);
	}
	.colum_campos{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap: var(--gap);
	}
	.campo{
		display: block;
	}
	.campo input[type="text"],
	.campo select,
	.campo .select2{
		--color: #8b8b8b;
		display: block;
		width: 100%;
		background: #e9e8e8;
/*		font-size: 28px;*/
		font-size: 20px;
/*		height: 66px;*/
		height: 52px;
		color: var(--color);
		padding: 20px 24px 12px 24px;
	}
	.campo .select2-selection{
		background: transparent;
		border: 0;
	}
	.campo .select2-container--default .select2-selection--single .select2-selection__rendered{
		color: var(--color);
		padding: 0;
	}
	.campo .select2-container--default .select2-selection--single .select2-selection__arrow{
		top: 50%;
		transform: translateY(-50%);
	}
	.w_100{
		width: 100%;
	}
	.w_50{
		width: calc(50% - var(--gap)/2);
	}

	.label_check{
		--check: 25px;
		display: grid;
		grid-template-columns: var(--check) auto;
		align-items: center;
		grid-gap: 10px;
		position: relative;
	}
	.label_check input[type="checkbox"]{
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
	}
	.div_check{
		width: var(--check);
		height: var(--check);
		background-image: url(../img/check_off.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.label_check input[type="checkbox"]:checked ~.div_check{
		background-image: url(../img/check_on.jpg);
	}
	.label_check p{
		font-size: 18px;
		color: #4e4f4f;
		font-weight: 500;
		font-style: italic;
		padding-top: 6px;
	}

	.btn_form{
		--pad: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: 590px;
		height: 70px;
		padding: var(--pad);
		padding-top: calc(var(--pad)* 1.8);
		background: var(--celeste);
		color: #fff;
		text-align: center;
		font-size: 38px;
		font-weight: 600;
		border: 2px solid #fff;
		cursor: pointer;
	}


	@media screen and (max-width: 1024px){
		.title_seccion_v2 strong{
			font-size: 60px;
		}
		.campo input[type="text"],
		.campo select,
		.campo .select2{
/*			font-size: 24px;*/
/*			height: 50px;*/
		}
		.btn_form{
			font-size: 32px;
			height: 60px;
		}
	}
	@media screen and (max-width: 768px){
		.campo input[type="text"],
		.campo select,
		.campo .select2{
/*			font-size: 20px;*/
			font-size: 16px;
			height: 36px;
			padding: 12px 12px 8px 12px;
		}
		.campo .select2{
			padding-top: 7px;
		}
		.btn_form{
			font-size: 32px;
			height: 60px;
		}
	}
	@media screen and (max-width: 500px){
		.title_seccion_v2{
			font-size: 20px;
		}
		.title_seccion_v2 strong{
			font-size: 40px;
		}
		.form{
			gap: 16px;
		}
		.bloke_campos{
			flex-wrap: wrap;
		}
		.w_50{
			width: 100%;
		}
		.label_check{
			--check: 18px;
		}
		.label_check p{
			font-size: 14px;
		}
	}


/***** POP TYC *****/
	.fd_pop{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, .5);
		z-index: 100;
	}
	.pop{
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 105;
	}
	.pop_terminos{
		--alto: 80px;
		width: 70%;
		height: 80vh;
		background: #fff;
	}
	.pop_terminos_cont{
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	.pop_title{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
		padding: 12px 24px;
		background: var(--celeste);
		height: var(--alto);
	}
	.pop_title h3{
		color: #fff;
		font-size: 32px;
	} 
	.cerrar_pop{
		display: block;
		width: 32px;
		cursor: pointer;
	}
	.cerrar_pop img{
		width: 100%;
	}
	.pop_cuerpo{
		height: calc(100% - var(--alto));
		overflow: auto;
		padding: 20px 24px;
	}
	.pop_cuerpo_contenido{
		font-size: 18px;
		line-height: 1.1;
	}
	.pop_cuerpo_contenido *{
		margin-bottom: 10px;
	}
	.pop_cuerpo_contenido ol{
		padding-left: 20px;
	}

	@media screen and (max-width: 1024px){
		
	}
	@media screen and (max-width: 768px){
		
	}
	@media screen and (max-width: 500px){
		.pop_terminos{
			width: calc(100% - 40px);
			height: calc(100vh - 80px);
		}
		.pop_title h3{
			font-size: 24px;
		}
		.pop_cuerpo_contenido{
			font-size: 16px;
		}
	}