/* default */
html{
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
body{
	overflow-x: hidden;
	background: white; /* #d7e0ef */
	
	color: #385377;
	font-family: "Archivo", sans-serif;
	font-optical-sizing: auto;
	-webkit-font-smoothing: antialiased;
}

/* texto */
h1, h2, h3, h4, h5, h6{
	color: #002568;
	font-family: "Nunito", sans-serif;
	font-optical-sizing: auto;
	font-size: 50px;
	font-weight: 900;
	letter-spacing: -0.045rem;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
	color: #006eff;
}
h6.volanta{
	display: block;
	margin-bottom: 30px;
	
	color: #7f8ea2;
	font-family: "Archivo", sans-serif;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
}
h5.subtitulo{
	display: block;
	margin-top: 30px;
	
	color: #385377;
	font-family: "Archivo", sans-serif;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 33px;
}
p{
	color: #385377;
	font-size: 22px;
	font-weight: 600;
	line-height: 33px;
}

/* espaciado */
.espacio{
	padding: 125px 0;
}
.espaciomin{
	padding: 50px 0;
}

.overflow-hidden{
	overflow: hidden !important;
}
.no-padding{
	padding: 0 !important;
}

/* Micro clearfix */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* colores */
.blanco{
	background: white;
	color: #424242;
}
.azul-electrico{
	background: #006eff;
}
.azul-claro{
	background: #edf3fb;
}
.verde-claro{
	background: #edfbf1;
}
.verde-oscuro{
	background: #128c7e;
}
.marron-claro{
	background: #f2ece0;
}
.naranja{
	background: #ff6f00;
}

/* colores texto */
.texto-naranja{
	color: #ff9800;
}
.texto-naranja-oscuro{
	color: #ff6f00;
}
.texto-azul{
	color: #1976d2;
}
.texto-verde{
	color: #7cb342;
}

.redondeada{
	border-radius: 20px;
}
.sombra{
	box-shadow: 1px 1px 49px 0px rgba(0,0,0,0.125);
}
.hover{
	opacity: 1;
}
.hover:hover{
	opacity: 0.95;
}

.boton{
	display: inline-block;
	padding: 0 30px;
	height: 45px;
	
	border-radius: 20px;
	
	color: white;
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
	line-height: 45px;
	text-decoration: none;
}
.boton:hover{
	opacity: 0.85;
}
.hover:hover{
	opacity: 0.85;
}
.boton svg{
	margin-left: 15px;
	height: 17px;
	fill: white;
}

a.sdf{
	display: block;
	width: 100%;
	padding: 0 0 72px 0;
	
	background: #005fdc;
	
	text-align: center;
}

.footer h5{
	display: block;
	margin-top: 15px;
	
	font-size: 45px;
}
.caja-azul{
	padding: 30px;
	
	background: #005fdc;
	border: solid 1px #0049ab;
	border-radius: 20px;
	
	box-shadow: 10px 10px 0px -1px rgba(0,88,205,1);
	-webkit-box-shadow: 10px 10px 0px -1px rgba(0,88,205,1);
	-moz-box-shadow: 10px 10px 0px -1px rgba(0,88,205,1);
}
.caja-azul h6{
	color: white;
	font-size: 24px;
}	
.caja-azul a{
	color: #fff08a;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
}	
.caja-azul a:hover{
	text-decoration: underline;
}
div.footer-logo{
	margin: 90px 0 60px 0;
}

#carouselGaleria{
	margin-top: 70px;
	margin-bottom: 140px;
}
.carousel-caption h5{
	color: white;
	font-size: 30px;
}
.carousel-caption p{
	color: white;
}

.alianza-item{
	margin-top: 60px;
	padding: 0 30px;
}
.alianza-item h6{
	margin: 45px 0 30px 0;
	font-size: 23px;
}
a.alianza-logo{
	display: block;
	width: 100%;
	padding: 40px;
}
a.alianza-logo:hover{
	opacity: 0.85;
}

.responsabilidad-social{
	margin-top: 90px;
}
.becas h4{
	margin: 0px 0 30px 0;
	font-size: 24px;
}
.caja-verde{
	padding: 20px;
	
	background: white;
	border: solid 1px #a9dfb9;
	border-radius: 20px;
	
	box-shadow: 10px 10px 0px -1px rgba(202,228,209,1);
	-webkit-box-shadow: 10px 10px 0px -1px rgba(202,228,209,1);
	-moz-box-shadow: 10px 10px 0px -1px rgba(202,228,209,1);
}

.modalidades-img{
	display: block;
	padding: 0 93px 0 50px;
}
.caja-celeste{
	/*padding: 20px;*/
	
	background: white;
	border: solid 1px #c8dcf7;
	border-radius: 20px;
	
	box-shadow: 10px 10px 0px -1px rgba(240,244,250,1);
	-webkit-box-shadow: 10px 10px 0px -1px rgba(240,244,250,1);
	-moz-box-shadow: 10px 10px 0px -1px rgba(240,244,250,1);
}
.modalidades .caja-celeste{
	margin-bottom: 35px;
}
.modalidades .caja-celeste div{
	padding: 30px 40px;
}
.modalidades h4{
	font-size: 24px;
}
.modalidades .caja-celeste p{
	margin-bottom: 0;
	font-size: 21px;
}

.conoce-mas .container-fluid{
	margin-top: -90px;
	margin-bottom: 15px;
}
.conoce-mas h6{
	color: #827354;
}
.conoce-mas h3{
	font-size: 36px;
}
.conoce-mas-texto{
	display: block;
	padding: 45px 100px 0 55px;
}

.cursos .container-fluid{
	margin-top: 150px;
	margin-bottom: 150px;
}
.cursos h4{
	margin-top: 40px;
	font-size: 30px;
}
.cursos p{
	display: block;
	margin-top: 25px;
	
	font-size: 22px;
}
.cursos p a{
	color: #ff6f00;
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
}

#grilla{
	display: none;
}

.header-abajo{
	position: relative;
}
.header-abajo-inner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.header-abajo .caja-celeste{
	box-shadow: 10px 10px 0px -1px rgba(205,220,240,1);
	-webkit-box-shadow: 10px 10px 0px -1px rgba(205,220,240,1);
	-moz-box-shadow: 10px 10px 0px -1px rgba(205,220,240,1);
}
.header-abajo p{
	margin-bottom: 0;
	font-size: 23px;
	line-height: 35px;
}
.header-abajo p span{
	color: #006eff;
	font-weight: 700;
}

img.avioncito{
	position: absolute;
	top: -35px;
	right: 30px;
}

.header-medio{
	background: url(../_img/header/header-medio.jpg) repeat-y;
	background-size: 1920px;
}
.header-medio h2 span{
	display: block;
	
	color: #002568;
	font-size: 131px;
	line-height: 120px;
	letter-spacing: -0.2rem;
}
.header-medio h2 span:first-child{
	color: #006eff;
}

.header-arriba{
	background: #edf3fb url(../_img/header/header-arriba.png) no-repeat center top;
	background-size: 1920px;
}
.header-arriba section{
	display: block;
	padding: 15px 0px 0 100px;
}
.header-arriba h1{
	
    background: linear-gradient(180deg, #006eff, #004298);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; /* Fallback para navegadores que no soportan background-clip */
	
	font-size: 80px;
	font-weight: 900;
	letter-spacing: -0.2rem;
	line-height: 75px;
	
}
.header-arriba p{
	font-size: 24px;
	line-height: 36px;
}
.header-arriba p a{
	color: #ff6f00;
	font-size: 24px;
	font-style: italic;
	font-weight: 700;
}

.navbar-gh{
	padding-top: 45px;
	padding-bottom: 45px;
}
.navbar-gh li.nav-item{
	margin-right: 66px;
}
.navbar-gh a.nav-link{
	color: #385377;
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	text-decoration: underline;
}
a.ancla{
	scroll-margin-top: 100px;
}
a.ancla-becas{
	scroll-margin-top: -60px;
}
a.ancla-alianzas{
	scroll-margin-top: 60px;
}