@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../images/fondo.png);
	background-repeat:no-repeat;
	background-position:top center;
	font-family:GigaSans !important;
	color:#FFF !important;

/*
	background: rgb(83,184,102);
	background: linear-gradient(52deg, rgba(83,184,102,1) 0%, rgba(13,130,30,1) 41%, rgba(13,130,30,1) 47%, rgba(134,255,144,1) 100%); 
*/
}

.pantalla{
	display:none;
}

.abs-center {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.max-height-50{
	max-height:50px;
}

.max-height-50-35{
	max-height:50px;
}

.max-height-100{
	max-height:100px;
}

.max-height-120{
	max-height:120px;
}

.max-height-60por{
	max-height:60%;
}

.ss{/*Sin Sangría*/
	text-indent: -20px;
}
.ss0{text-indent: 0px;}/*cancela el Sin Sagría*/
.m-t-20{margin-top:20px;}
.m-t-40{margin-top:40px;}
.m-t-90{margin-top:90px;}
.m-b-40{margin-bottom:40px;}
.m-r-200{margin-right:200px;}
.m-t--40{margin-top:-40px;}
.margin-logo{margin-top:90px;}
.margin-welcome{margin-top:90px;}
.margin-comenzar{margin-top:40px;}
.margin-logoPrograma{margin-top:90px; /*margin-left:10%;*/}
.logoInferior{margin-top:40px; text-align:right;}
.margin-question{margin-top:90px; margin-right:10%;}
.question > span{font-size:xxx-large; font-family:GigaSansBolder !important;}
.answers{margin-top:40px; margin-right:10%; text-align:left; max-height:200px;}
#idValorResultado{font-size:8em; font-family:GigaSansBolder !important;}
.borde{border: solid 6px #FFFFFF; border-radius: 50px;}
#idTextoResultado{font-size:xx-large; font-family:GigaSansBolder !important; padding:20px; }
#idTelChico{display:none;}
#answersSmall{display:none;}
.col-0{display:none;}
.contador{display:none; margin-top:20px;}

a > img:hover{
	/*
	color: rgba(255, 255, 255, 1) !important;
	box-shadow: 0 4px 30px rgba(49, 138, 172, 1);
	transition: all 0.2s ease;
	*/
	-moz-box-shadow: 0px 0px 30px #ffffff;
	-webkit-box-shadow: 0px 0px 30px #ffffff;
	box-shadow: 0px 0px 30px #ffffff;
	border-radius:10px;
}

.espShadow:hover{border-radius:20% !important;}

.spanProv{
	display: block;
	text-align: center;
	font-family: GigaSans !important;
	font-size: x-large;
}
.spanTel{
	display: block;
	text-align: center;
	background-color: white;
	border-radius: 12px;
	color: #009144;
	font-size: x-large;
	font-weight: bolder;
	font-family: GigaSansBolder !important;
	padding: 18px 10px 10px 10px;
}

@font-face {
  font-family: 'GigaSans';
  src: url(fonts/GigaSans/Locomotype%20%20GigaSansRegular.otf) format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'GigaSansBolder';
  src: url(fonts/GigaSans/Locomotype%20%20GigaSansSemiBold.otf) format('truetype');
  font-style: normal;
  font-weight: bolder;
}

#imagenInferior{
	position: fixed;
	/*
	width: 350px;
	height: 373px;
	*/
	margin: auto;
	/*
	top: 0;
	*/
	right: 10%;
	/*left: 0;*/
	bottom: 10%;
}

/*El fondo cambiará para dispositivos más pequeños 600px*/
@media (max-width: 600px) {
	body {
		background-image:url(../images/fondo_phone.png);
  	}
	
	.question > span{font-size:x-large;}
	
	.borde{
		margin-top:-25px;
		/*de col-10 pasa a col-11*/		
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 91.666667% !important;
		flex: 0 0 91.666667% !important;
		max-width: 91.666667% !important;
		/**/
	}
	
	.max-height-60por{ max-height:40%; }
	.max-height-100{max-height:70px;}
	.max-height-50-35{max-height:35px;}
	
	.logoInferior{text-align:center !important;}
	
	#idTelChico{display:inline-flex; padding-right: 8px; padding-left: 8px; margin-bottom:0px; margin-top:10px;}
	#idTelChico .m-t-40{margin-top:10px;}
	.spanProv{font-size: large;}
	.spanTel{font-size: large;}
	
	#idTelGrande{display:none;}
	#idImgResultado0{max-height:50%}
	#idImgResultado1{max-height:50%}
	#idImgResultado2{max-height:50%}
	#idImgResultado3{max-height:50%}
	#idTextoResultado{/*font-size:x-large;*/font-size:large; line-height: initial;}
	#answersBig{display:none;}
	#answersSmall{display:block;}
	
	.answers{text-align:center !important; max-height:150px; margin-right: 0%;}
	
	.ss{
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		
		padding-left: 5px !important;
		padding-right: 0px !important;
	}
	
	.col-0{
		display:inline-flex;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		margin-top:10px !important;
	}
	
	.col-esp-3{
		display:inline-flex;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;
		
		text-align:right !important;
		
		margin-top: 0px !important;
	}
	
	.col-esp-9{
		display:inline-flex;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important;
		max-width: 75% !important;
		
		margin-top: 5px !important;
	}
	
	.margin-question {
  		margin-top: 60px;
	}
	
	#imagenInferior{
		position: fixed;
		/*
		width: 350px;
		height: 373px;
		*/
		margin: auto;
		/*
		top: 0;
		*/
		right: 0;
		left: 0;
		bottom: 5%;
	}
	
}

@media (max-width: 900px) {
	#idValorResultado{ font-size:6em; }
	.margin-logoPrograma{ margin-top: 30px;}
	.logoInferior{text-align:center !important;}
	.m-t-40{margin-top:20px;}
	.m-b-40{margin-bottom:20px;}
	#idImgResultado0{margin-top:15px;}
	#idImgResultado1{margin-top:15px;}
	#idImgResultado2{margin-top:15px;}
	#idImgResultado3{margin-top:15px;}
}

@media (max-width: 400px) {
	.question > span {
		font-size: large;
	}
	
	#idTextoResultado {
		font-size: medium;
		line-height: initial;
	}
	
	.spanProv{font-size: medium;}
	.spanTel{font-size: medium;}
	
	.logoInferior {
		margin-top: 30px;
	}
/*	
	#idValorResultado {
		font-size: 4em;
		margin-left: 20px;
	}
*/
}


/*@media (max-height: 645px) {*/
@media (max-height: 745px) {
	#idValorResultado {
		font-size: 4em;
		margin-left: 20px;
	}
	
	#idTextoResultado {
		font-size: smaller;
	}
	
	.spanProv{font-size: smaller;}
	.spanTel{font-size: smaller;}
	
	.borde{
		/*de col-10 pasa a col-12*/
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		/**/
	}
	
	#idTextoResultado {
		padding: 0px;
	}
	
	.ss{text-indent: 0px;}
	
	.ss0{margin-top: 10px !important;}
}

@media (max-height: 785px) {
	/*
	#idValorResultado {
		font-size: 4em;
		margin-left: 20px;
	}
	
	#idTextoResultado {
		font-size: smaller;
	}
	
	.spanProv{font-size: smaller;}
	.spanTel{font-size: smaller;}
	*/
	.borde{
		/*de col-10 pasa a col-12*/
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		/**/
	}
	/*
	#idTextoResultado {
		padding: 0px;
	}
	
	.ss{text-indent: 0px;}
	
	.ss0{margin-top: 10px !important;}
	*/
}

@media ((max-height: 600px) and (min-width: 1024px)) {
	.margin-logo{margin-top:30px;}
	.margin-welcome{margin-top:30px;}
	.margin-question{margin-top:55px;}
	.question > span{font-size:xx-large;}
	.margin-logoPrograma{ margin-top: 50px;}
	.m-t-40{margin-top:20px;}
	.logoInferior{margin-top: 30px;}
	
	#answersBig{margin-top:30px !important; max-height:150px !important;}
}

@media (max-height: 380px) {/*celular horizontal*/
	.margin-logo{margin-top:30px;}


	.margin-welcome{margin-top:30px; font-size: smaller;}	
	.margin-logo > img{max-height:90px}
	.margin-logo{max-height:90px}
	h1{font-size: 2rem;}
	.col-sm-9 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 75% !important;
		flex: 0 0 900% !important;
		max-width: 90% !important;
	}
	.margin-comenzar{margin-top: 25px;}
	.max-height-50{max-height: 30px;}
	
	.margin-logoPrograma{ margin-top: 15px;}
	.margin-logoPrograma > img{ max-height:40px;}
	.margin-question{margin-top:30px; margin-right:0px;}
	.question > span{font-size:x-large;}
	#answersBig{margin-top:20px !important; max-height:100px !important; margin-left:60px;}
	.m-r-200{margin-right: 80px;}
	#imagenInferior{
		right: 0;
		bottom: 10px;
		max-height: 60px;
	}

	.m-t-40{margin-top:5px;}
	.m-t-20{margin-top:0px;}
	.m-t--40{margin-top: -25px;}
	#idImgResultado0{margin-top:5px;}
	#idImgResultado1{margin-top:5px;}
	#idImgResultado2{margin-top:5px;}
	#idImgResultado3{margin-top:5px;}
	#idValorResultado{font-size: 3em;}
	#idTextoResultado{font-size: 0.8em;}
	.spanProv{font-size: 0.8em;}
	.spanTel{font-size: 0.7em;}
	.max-height-50-35{max-height: 30px;}
	.logoInferior{margin-top: 10px;}
	.max-height-100{max-height: 50px;}
	
	.col-6-hor{
	    -webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		padding-right:7px !important;
		padding-left:7px !important;
	}
	#idTelGrande {/*INTERCAMBIO era col-5 y pasa a ser col-6*/
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		padding-right:7px !important;
		padding-left:7px !important;
	}
	.ss {/*INTERCAMBIO era col-7 y pasa a ser col-6*/
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		padding-right:7px !important;
		padding-left:7px !important;
	}
}