/*
PORTADA

Navegación:
01 - BANNER PRINCIPAL
02 - INTRODUCCION
	2.1 - TITULO
03 - CENTRO DE APOYO AL ESTUDIANTE
*/

/*----------------*/
/*---- BANNER ----*/
/*----------------*/

.secBanner{position: relative;background-size: cover;background-position: center;height: 9.375rem;}

@media(min-width: 767.98px){
	.secBanner{height: 12.5rem;}
}

@media(min-width: 992.98px){
	.secBanner{height: 20.875rem;}
}



/*@media(max-height: 875.98px){
	.secBanner{height: 75vh;}
}

@media(max-height: 795.98px){
	.secBanner{height: 85vh;}
}
*/
/*------------------*/
/*-- INTRODUCCION --*/
/*------------------*/

.introduccion {z-index: 2;position: absolute;top: 12rem;text-align: left;max-width: 60rem;color: #FFFFFF;padding-left: 9rem;}

@media(max-width: 1199.98px){
	.introduccion {top: 10rem;text-align: left;padding-left: 0;max-width: 80%;margin: auto;left: 2rem;}
}

@media(max-width: 767.98px){
	.introduccion {top: 20%;}
}

/* TITULO */
.introduccion .h1-seo {position: relative;z-index: 999;padding: 0;font-size: 60px;text-transform: uppercase;font-weight: 800;background: none;margin: 0 0 2rem;text-indent: inherit;}

.secBanner h1{
	position: absolute;bottom: -25px;z-index: 999;min-width: 50%;margin: 0 0 0 -15px;padding: 8px 28px 8px 15px;color: #fff;font-size:3.1rem /*50px*/;text-transform: uppercase;font-weight: 300;background: #e32726;
	/*Para animación*/overflow: hidden; transform: scaleX(0); transform-origin: left; transition-duration: 0.2s;
}
.secBanner[data-scroll="in"] h1{transform: scaleX(1);}

.secBanner h1 span {font-weight: 400;
	/*Para animación*/position: relative;top: 10rem;transition-duration: 0.4s; transition-delay: 0.2s}

.secBanner[data-scroll="in"] h1 span {top: 0;}

.secBanner h1 span strong{font-weight: 700;}

@media(min-width:768px){
    .secBanner h1{font-size: 40px;}
}

@media(min-width:992.98px){
	.secBanner h1{margin: 0 0 0 -500px;text-indent: 500px;font-size: 50px;}
}



@media(max-width:992.98px){
	.secBanner h1{padding-right: 42px;text-align: right;}
}

@media(max-width:621.98px){
	.secBanner h1{bottom: 0px;padding: 8px 13px;}
}

@media(max-width:315.98px){
	.secBanner h1{font-size: 23px;}
}

.introduccion p {
	font-size: 1.1rem;
	margin-bottom: 1.5rem;
	color: #FFFFFF;
}

@media(max-width: 1199.98px){
	.introduccion .h1-seo {font-size: 65px;}
	
	.introduccion p {font-size: 0.95rem;}
}

@media(max-width: 992.98px){
	.introduccion .h1-seo {font-size: 55px;text-align: left;}
}


@media(max-width: 767.98px){
	.introduccion .h1-seo {font-size: 2.25rem;}
}

@media(max-width: 576.98px){
	.introduccion .h1-seo {font-size: 1.75rem;}
}


@media(max-width: 280.98px){
	.introduccion .h1-seo {font-size: 1.25rem;}
}

@media(min-width:1599.98px){
	.portada .container-fluid.relleno{ padding: 0 120px;}
	.portada .container-fluid.relleno-derecha{ padding: 0 120px 0 0;}
	.portada .container-fluid.relleno-izquierda{ padding: 0 0 0 120px;}
}


/*** ANIMACION SCROLL-IN ***/

/*.secBanner h1{
	transform: translateX(-50rem);
    opacity: 0;
	transition-delay: 0.5s;
	transition-duration: 1s;
}

.secBanner[data-scroll="in"] h1{
	transform: translateX(0);
    opacity: 1;
}*/