/*
ESTILO PARA VINCULACION INTERNACIONAL

Navegación:
01 - PAGINA PRINCIPAL
	1.1 - CONTEO
		- LISTA
	1.2 - CARRUSEL
		- IMAGEN
		- FLECHAS
02 - PAGINA INTERNA
03 - CONTACTOS

*/

/*--------------------------*/
/*---- PAGINA PRINCIPAL ----*/
/*--------------------------*/

#vinculacionInt{
	margin: 4rem 0;
}

#vinculacionInt h1{
    text-align: center;
    padding: 0;
    margin: auto;
}

@media(max-width:992.98px){
	#vinculacionInt h1{max-width: 33rem; font-size: 1.85rem;}
}

@media(max-width:767.98px){
	#vinculacionInt h1{font-size: 1.5rem; padding: 0 5%}
}


@media(min-width:992.98px){
	#vinculacionInt h1 strong{
		display: block;
		}
}


#vinculacionInt h1::before{
	content: none;
}

/*---- CONTEO ----*/

.conteo{
	width: 100%;
	height: auto;
	background-image: url("/media/tv2lwulp/bg-geo.jpg");
	background-size: cover;
	color: #FFFFFF;
	text-align: center;
}

@media(max-width:767.98px){
	.conteo{
		padding: 2rem 0;
	}
}

.conteo .texto{
	margin: 1.5rem auto;
	max-width: 65%;
	   
}

@media(max-width:992.98px) and (min-width:767.98px){
	.conteo .texto{
		max-width: 100%;
	}
}


@media(max-width:767.98px){
	.conteo .texto{
		margin: 1.75rem auto;
	}
}


.conteo h3{
    font-size: 0.9rem;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
	text-align: center;
	
}

@media(max-width:992.98px){
	.conteo h3{font-size: 0.8rem;}
}

@media(max-width:767.98px){
	.conteo h3{font-size: 0.9rem;text-align: left;font-weight: 400;}
}

.conteo h3 span{
	display: block;
	font-size: 3rem;
    font-weight: 700;
	margin-bottom: 0.5rem;
}

@media(max-width:767.98px){
	.conteo h3 span{font-size: 4.5rem;}
}



/*------------------------*/
/*---- PAGINA INTERNA ----*/
/*------------------------*/


@media(max-width:767.98px){
	.cuerpo.interna #vinculacionInt{
    	padding: 0 4%;
	}
}


.cuerpo.interna #vinculacionInt h1 {
    text-align: left;
    margin: 0;
	padding: 0;
}






/* FORMULARIO */

/*#vinculacionInt form.filtro{
	margin-top: 6rem;
}

@media(max-width:992.98px){
	#vinculacionInt form.filtro{
		margin-top: 3rem;
	}
}*/


#vinculacionInt form.filtro .form-group{
	padding: 0 11px 0 0;
}

#vinculacionInt form.filtro .form-control, #vinculacionInt form.filtro .btn{
	margin: 0;
}

#vinculacionInt form.filtro .buscador{width: 61%;}
#vinculacionInt form.filtro .seleccion{width: 30%;}

@media(max-width:1599.98px){
	#vinculacionInt form.filtro .buscador{width: 59%;}
}

@media(max-width:992.98px){
	#vinculacionInt form.filtro .form-group {
		padding: 5px 11px;
	}
	
	#vinculacionInt form.filtro .btn{margin: 5px 0}
	
	#vinculacionInt form.filtro .buscador{width: 100%;}
	#vinculacionInt form.filtro .seleccion{width: 50%;}
}


@media(max-width:767.98px){
	#vinculacionInt form.filtro .form-group {padding: 5px 0;}
		
	#vinculacionInt form.filtro .seleccion{width: 100%;}
}


/*---- OPCIONES ----*/



/*.cuerpo.interna #vinculacionInt #contenedorRespuesta{
    margin-top: 5rem;
}

@media(max-width:992.98px){
	.cuerpo.interna #vinculacionInt #contenedorRespuesta{
		margin-top: 2rem;
	}
}*/

.cuerpo.interna #vinculacionInt .item{
	position: relative;
	display: flex;
    flex: 0 0 32.5%;
    max-width: 32.5%;
    margin: 0.75% 0.4%;
    border: 2px solid #CCD8E6;
    padding: 32px 55px 30px 20px;
}


.cuerpo.interna #vinculacionInt.membresias .item{
    padding: 20px;
}



@media(max-width:1599.98px){
	.cuerpo.interna #vinculacionInt .item{
    	flex-wrap: wrap;
	}
}

@media(max-width:992.98px){
	.cuerpo.interna #vinculacionInt .item{
		flex: 0 0 49%;
		max-width: 49%;
		margin: 0.5%;
		flex-wrap: nowrap;
		align-items: center;
	}
}


@media(max-width:767.98px){
	.cuerpo.interna #vinculacionInt .item{
		flex: 0 0 100%;
        max-width: 100%;
        margin: 1.5% 0;
	}
}


/*@media(min-width:992.98px){
	.cuerpo.interna #vinculacionInt .item:nth-child(3n+2){
		margin: 0.75% 1.25%;
	}
}*/

.cuerpo.interna #vinculacionInt .item::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 35px;
    background-size: cover;
    border-radius: 0 0 0 20px;
}

/* IMAGEN */

.cuerpo.interna #vinculacionInt .imagen{
	background-image: none !important;
	width: 25%;
    display: flex;
    justify-content: center;
}


.cuerpo.interna #vinculacionInt img{
	display: flex;
    width: 5rem;
    height: 5rem;
	padding: 5px;
    border: 1px solid #BECCD9;
    border-radius: 50rem;
    background-color: #FFFFFF;
    object-fit: contain;
}

@media(max-width:1599.98px){
	.cuerpo.interna #vinculacionInt img {
		margin-bottom: 0.5rem;
	}
}


@media(max-width:767.98px){
	.cuerpo.interna #vinculacionInt img {
		width: 6rem;
		height: 6rem;
	}
}

@media(min-width:767.98px){
	.cuerpo.interna #vinculacionInt.membresias .imagen{
		width: 35%;
		margin: auto 0;
	}


	.cuerpo.interna #vinculacionInt.membresias img{
		width: 7rem;
		height: 7rem;
	}

}



/* DETALLES */
.cuerpo.interna #vinculacionInt .detalles {
	margin: auto 0;
    padding-left: 1rem;
}

@media(max-width:1599.98px){
	.cuerpo.interna #vinculacionInt .detalles {
		margin: 0;
		width: 100%;
	}
}

.cuerpo.interna #vinculacionInt .detalles .universidad,
.cuerpo.interna #vinculacionInt.membresias .detalles .nombre {
	display: block;
	color: #252525;
    font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}


.cuerpo.interna #vinculacionInt .detalles ul{
	list-style: none;
	padding: 0;
}

.cuerpo.interna #vinculacionInt .detalles ul li{
    font-size: 0.8rem;
    color: #637185;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.cuerpo.interna #vinculacionInt .detalles .leer-mas{
    font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	background-image: url("../multimedia/iconos/icn-abrir-link-azul.png");
	background-size: 0.75rem;
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 1.35rem;
}



.cuerpo.interna #vinculacionInt .detalles li.pais{
	display: none;
}










