:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
 
}


body{ 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	font-family: 'Noto Sans', sans-serif;/* fuente de google fonts, vease index.php */
	background-color:#eeeef0;
	font-size: 1rem;

}


a {
  text-decoration: none !important;
  color: #5E6073;
}

.logo_img{
	max-width:120px;
}

.head-text{
	text-align:left;
}

.backcolor-header{
	/*background: linear-gradient(0deg, #19436b 0%, #0493b3 100%);*/
	background: #0493b3;
	background: linear-gradient(0deg,#0493b3 0%, #19436b 100%);
	background: -webkit-linear-gradient(0deg,#0493b3 0%, #19436b 100%);
	background: -moz-linear-gradient(0deg,#0493b3 0%, #19436b 100%);
	
}


.card-shadow {
	/*box-shadow: 2px 4px 10px 2px #959595;*/
	box-shadow: 1px 1px 20px 9px rgba(194,187,187,0.75);
	-webkit-box-shadow: 1px 1px 20px 9px rgba(194,187,187,0.75);
	-moz-box-shadow: 1px 1px 20px 9px rgba(194,187,187,0.75);
}

.title-1{
	font-size:2.2em;
}

.sinexamen{
	font-family: "Courgette", cursive;
	font-style: cursive;
	font-size:1.6em;
	color: #3196cb;
	
}

.cursoescolar {
	font-size:1.2em;
	border: 2px solid #3196cb;
	border-radius:2em;
	padding:5px 12px 5px 12px;
}

.icon-req {
	font-size: 1.7em;
	color: #3196cb;
}

#login_username{
	font-size:1.4em;
	letter-spacing: 2px; 
	text-align:center;
}

/*  CUADROS QUE INDICAN PASOS PARA INSCRIPCION */
.step-icon {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8em;
	color: #0493b3; /*#0d6efd;*/
	margin-bottom: 1rem;
}
.step-card {
	height: 100%;
	transition: all 0.3s ease;
	border-color: #E0E2E5; /* #3196cb;*/
	font-size: 1em;
}
.step-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.mycard-text{
	font-size: 0.9em;
	color:#828c95;
}
 /* FIN DE LOS PASOS PARA INSCRIPCION */


.msg_curp {
	font-weight:bold;
	color:#ddd;
	background-color:#000;
}


.btn_IniciaProceso {
	animation: myAnim 1s ease 0s 1 normal forwards;
}


@keyframes myAnim {
	0% {
		transform: scale3d(1, 1, 1);
	}

	30% {
		transform: scale3d(1.45, 0.75, 1);
	}

	40% {
		transform: scale3d(0.85, 1.25, 1);
	}

	50% {
		transform: scale3d(1.35, 0.85, 1);
	}

	65% {
		transform: scale3d(0.95, 1.05, 1);
	}

	75% {
		transform: scale3d(1.08, 0.95, 1);
	}

	100% {
		transform: scale3d(1, 1, 1);
	}
}




@media screen and (max-width:767px) {  /* menores a 640*/
   
	html {
		font-size: 0.87rem;
	}
	
	.logo_img{
		max-width:110px;
		width:75%;
		height:auto;
		padding-bottom:15px;
	}
	
	.head-text{
		text-align:center;
	}
	
	
 }
 
 
@media screen and (max-width:1024px) and (min-width:640px) { /* entre 640 y  1024 */
   	html {
		font-size: 0.93rem;
	}
	
	
	.logo_img{
		width:75%;
		height:auto;
	}
	
	
	
}


@media screen and (min-width:1024px) {
	
	.logo_img{
		width:70%;
		height:auto;
	}
	
}