/*
ESTILO PARA EXPERIENCIAS INTERNACIONALES

Navegación:
01 - PAGINA PRINCIPAL
	1.1 - ENLACES RAPIDOS 
		- LISTA
	1.2 - CARRUSEL
		- IMAGEN
		- FLECHAS
02 - PAGINA INTERNA

*/



/*--------------------------*/
/*---- PAGINA PRINCIPAL ----*/
/*--------------------------*/

#estudiantesInt{
    position: relative;
    right: -2rem;
    margin: 4rem 0;
}

@media(max-width:992.98px){
	#estudiantesInt{
		right: 0;
		margin: 10rem 0 4rem;
	}
}

@media(max-width:992.98px){
	#estudiantesInt{
		right: 0;
		margin: 12rem 0 4rem;
	}
}



#estudiantesInt .relleno .row{
	position: relative;
}

#estudiantesInt .relleno .row::before{
    content: '';
    position: absolute;
    left: -1rem;
    top: -7.4rem;
    width: calc(100% + 22rem);
    height: 85%;
    background-color: #E5EBF2;
    z-index: -1;
}

@media(max-width:992.98px){
	#estudiantesInt .relleno .row::before {
		left: 0;
		top: -20rem;
		height: 31rem;
	}

}


/*---- ENLACES RAPIDOS ----*/
#estudiantesInt .enlaces-rapidos{
    width: 37.5%;
    height: 100%;
    max-height: 25rem;
	padding-left: 1rem;
}


@media(max-width:1599.98px){
	#estudiantesInt .enlaces-rapidos{
		max-height: 19.5rem;
	}
}

@media(max-width:992.98px){
	#estudiantesInt .enlaces-rapidos{
        position: relative;
        width: 80%;
        max-height: 100%;
        right: -15%;
        padding-left: 0;
		margin-bottom: 2rem;
	}
}

@media(max-width:767.98px){
	#estudiantesInt .enlaces-rapidos{
        width: 35%;
        right: 0;
	}
}

@media(max-width:576.98px){
	#estudiantesInt .enlaces-rapidos{
        width: 50%;
	}
}

#estudiantesInt .enlaces-rapidos::before{
    content: '';
    position: absolute;
    left: -1rem;
    width: 2rem;
    height: 100%;
    background-image: url(/media/h5bhwypj/bg-naranja.jpg);
    background-size: cover;
    background-position: center;
    z-index: 1;
}


@media(max-width:992.98px){
	#estudiantesInt .enlaces-rapidos::before{
		top: -2rem;
		right: -2rem;
		left: auto;
		width: calc(100% + 2rem);
		height: calc(100% + 2rem);
		z-index: -1;
	}
}



@media(max-width:767.98px){
    #estudiantesInt .enlaces-rapidos::before {
        right: 0;
        width: 100%;
        height: 100%;
    }
}

#estudiantesInt .enlaces-rapidos .encab{
    position: absolute !important;
    font-size: 1.95rem !important;
    color: #FFFFFF;
    margin: 1rem;
    bottom: 0;
}

@media(max-width:1599.98px){
	#estudiantesInt .enlaces-rapidos .encab{
		font-size: 1.5rem !important;
		margin: 1rem 0.5rem;
	}
}


@media(max-width:992.98px){
	#estudiantesInt .enlaces-rapidos .encab{
		font-size: 1.85rem !important;
		color: #252525;
		top: -7rem;
		left: -18%;
		bottom: auto;
	}
	
	#estudiantesInt .enlaces-rapidos .encab::before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 6px;
		height: 100%;
		background-color: #EDA330;
	}
}

@media(max-width:767.98px){
	#estudiantesInt .enlaces-rapidos .encab{
		top: -9rem;
		left: 0;
	}
}

#estudiantesInt .enlaces-rapidos .portada{
	position: relative;
    width: 100%;
    height: 14.25rem;
    background-image: url(/media/ydwhje5v/estudiantes-internacionales.jpg);
    background-size: cover;
    background-position: center;
}

@media(max-width:1599.98px){
	#estudiantesInt .enlaces-rapidos .portada{
		height: 7.25rem;
	}
}

@media(max-width:992.98px){
	#estudiantesInt .enlaces-rapidos .portada{
		height: 20rem;
		margin-bottom: 0;
	}
}

@media(max-width:767.98px){
	#estudiantesInt .enlaces-rapidos .portada{
		background: none;
		height: 0;
	}
}




#estudiantesInt .enlaces-rapidos .portada::before{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(7,126,232);
	background: linear-gradient(38deg, rgba(7,126,232,1) 0%, rgba(7,126,232,0) 100%);
}


/* LISTA */

#estudiantesInt .enlaces-rapidos ul{
	list-style: none;
	padding: 0;
}

@media(max-width:992.98px){
	#estudiantesInt .enlaces-rapidos ul{
	    position: absolute;
		top: 30%;
		left: -19%;
		background-color: #023f75;
		padding-left: 2rem;
	}
}

@media(max-width:767.98px){
	#estudiantesInt .enlaces-rapidos ul{
	    position: relative;
		background-color: #FFFFFF;
		top: 0;
		left: 0;
		padding-left: 0;
	}
}


#estudiantesInt .enlaces-rapidos ul li{
	font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background-color: #023F75;
    padding: 1rem;
    margin-bottom: 2px;
}


@media(max-width:992.98px){
	#estudiantesInt .enlaces-rapidos ul li{
		font-weight: 600;
		text-align: left;
		padding: 1.3rem 1.75rem;
		font-size: 0.95rem;
	}
}

@media(max-width:767.98px){
	#estudiantesInt .enlaces-rapidos ul li{
		display: flex;
        align-items: center;
		padding: 2rem 1.75rem;
		height: 117px;
	}
}


@media(max-width:576.98px){
	#estudiantesInt .enlaces-rapidos ul li{
        font-size: 0.8rem;
        padding: 0.5rem;
        height: 100px;
	}
}



#estudiantesInt .enlaces-rapidos ul li:last-child{
    margin-bottom: 0;
}

#estudiantesInt .enlaces-rapidos ul li a{
	color: #FFFFFF;
}






/*---- CARRUSEL ----*/

.carruselExperiencias{
	position: relative;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
	width: 25%;
	height: 100%;
	padding: 0 0.5rem;
}


@media(max-width:992.98px){
	.carruselExperiencias{
		width: 40%;
		padding: 0 0.5rem 0 0;
	}
}

@media(max-width:767.98px){
	.carruselExperiencias{
        top: -2rem;
        width: 65%;
        padding: 0 2%;
	}
}


@media(max-width:576.98px){
	.carruselExperiencias{
        top: -2rem;
        width: 50%;
        padding: 0 1%;
	}
}


.carruselExperiencias .glide__slides{
	margin: 0!important;
}


.carruselExperiencias a{
    position: absolute;
    min-width: 13rem;
    bottom: 2rem;
    z-index: 1;
    color: #FFFFFF;
    background-color: rgb(0 0 0 / 36%);
    border: 3px solid #FFFFFF;
}

.carruselExperiencias a:hover, .carruselExperiencias a:focus{
	background-color: rgb(0 0 0 / 75%);
	border: 3px solid #FFFFFF;
}


@media(max-width:576.98px){
	.carruselExperiencias a{
		min-width: 0;
		font-size: 0.7rem !important;
	}
}


.carruselExperiencias .item{
    display: flex;
	align-items: center;
    justify-content: center;
    height: 25rem;
}

@media(max-width:1599.98px){
	.carruselExperiencias .item{
		height: 19.5rem;
	}
}


@media(max-width:767.98px){
	.carruselExperiencias .item{
		height: 24.25rem;
	}
}


@media(max-width:576.98px){
	.carruselExperiencias .item{
		height: 21rem;
	}
}


/*---- IMAGEN ----*/

.carruselExperiencias img{
    object-position: center;
    height: 120%;
	 
}


/*---- FLECHAS ----*/
.carruselExperiencias .glide__arrows{
    position: absolute;
    display: flex;
    width: 100%;
    top: 45%;
    justify-content: space-between;
    padding: 0 6%;
}


.carruselExperiencias .glide__arrow{
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 1px;
    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -2000px;
    overflow: hidden;
    transition-duration: 0.2s;
    margin: 0 1px;
    opacity: 0.6;
}

.carruselExperiencias .glide__arrow:hover{
	opacity: 1;
}

.carruselExperiencias .glide__arrows .glide__arrow--left{
    background-image: url("/media/1mcjwgvp/flecha-izq.png");
}

.carruselExperiencias .glide__arrows .glide__arrow--right{
    background-image: url("/media/a41f3oqk/flecha-der.png");
}




/*------------------------*/
/*---- PAGINA INTERNA ----*/
/*------------------------*/


.cuerpo.interna #estudiantesInt{
    position: relative;
    right: 0;
}

@media(max-width:992.98px){
	.cuerpo.interna #estudiantesInt{
		margin: 3rem 0 4rem; padding: 0 2%
	}

}



.cuerpo.interna #estudiantesInt .row::before{
	content: none;
}


.cuerpo.interna #estudiantesInt .item{
	position: relative;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 31%;
    max-width: 31%;
    height: 30rem;
    margin: 1% 1% 2%;
}

@media(max-width:992.98px){
	.cuerpo.interna #estudiantesInt .item{
		flex: 0 0 48%;
		max-width: 48%;
	}

}

@media(max-width:576.98px){
	.cuerpo.interna #estudiantesInt .item{
		height: 26rem;
	}

}


@media(max-width:505.98px){
	.cuerpo.interna #estudiantesInt .item{
		flex: 0 0 100%;
		max-width: 100%;
	}

}



.cuerpo.interna #estudiantesInt .item::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 37%, rgba(0, 0, 0, 0) 100%);
}


.cuerpo.interna #estudiantesInt .item .detalles{
	position: absolute;
    bottom: 3rem;
	width: 100%;
    padding: 1rem 1rem 0;
}

@media(max-width:576.98px){
	.cuerpo.interna #estudiantesInt .item .detalles{
		bottom: 2rem;
	}

}


.cuerpo.interna #estudiantesInt span{
	display: block; width: 100%;
}


.cuerpo.interna #estudiantesInt .nombre{
    color: #004E9C;
    font-size: 1.75rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: normal;
    padding: 0;
    margin-bottom: 0.5rem;
}

/*vista previa*/
.cuerpo.interna #estudiantesInt .item .detalles .nombre{
    background-color: #FFFFFF;
    color: #004E9C;
    font-size: 1.1rem;
    padding: 0.5rem 1rem;
}

@media(max-width:992.98px){
	.cuerpo.interna #estudiantesInt .nombre{
		margin-top: 2rem;
	}
}


/*--- PRIMER NOMBRE ---*/
.cuerpo.interna #estudiantesInt .nombre strong{
    display: block;
	font-size: 2.15rem;
    font-weight: 800;
}

/*vista previa*/
.cuerpo.interna #estudiantesInt .item .detalles .nombre strong{
	font-size: 1.35rem;
}


@media(max-width:576.98px){
	.cuerpo.interna #estudiantesInt .item .detalles .nombre strong{
		font-size: 1.15rem;
	}

}


.cuerpo.interna #estudiantesInt .titulacion{
	color: #637185;
	padding: 1rem 0 0.75rem;
}


.cuerpo.interna #estudiantesInt .item .detalles .titulacion{
    color: #FFFFFF;
    padding: 0 1rem;
}



.cuerpo.interna #estudiantesInt .programa{
    width: calc(100% + 1.9rem);
    margin: 0 0 0 -1.9rem;
    padding: 2rem;
    background-color: #004E9C;
    color: #FFFFFF;
    font-size: 1.25rem;
}

@media(max-width:992.98px){
	.cuerpo.interna #estudiantesInt .programa{
		font-size: 1rem;
	}
}


/* IMAGEN */
.cuerpo.interna #estudiantesInt.detalles img{
    height: 26rem;
}



.cuerpo.interna #estudiantesInt.detalles h3{
	text-transform: uppercase;
}

.cuerpo.interna #estudiantesInt.detalles .encab::before{
    content: '';
    position: relative;
    display: block;
    background-color: #E9ECEF;
    width: 70%;
    order: 1;
    height: calc(100% - 3rem);
    top: -1rem;
}

.cuerpo.interna #estudiantesInt.detalles .encab::before{
	content: none;
}

@media(min-width:992.98px){
	.cuerpo.interna #estudiantesInt.detalles .encab::before{
		content: '';
		position: relative;
		display: block;
		background-color: #E9ECEF;
		width: 70%;
		order: 1;
		height: calc(100% - 3rem);
		top: -1rem;
	}
}



.cuerpo.interna #estudiantesInt.detalles p{
	margin-bottom: 2rem;
}