*{
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}
#content{
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
}
#proceso{
    width: 100%;
    height: auto;
    margin-bottom: 50px;

    display: flex;
    justify-content: space-evenly;

}
#proceso > div{
    width: 18%;
    text-align: center;

}
#proceso div h3{
    font-size: 16px;
    font-weight: 700;

}
.process{
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .5));
}
.ver-btn{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ff9d14;
    
    transition: .5s;
}
.ver-btn a{
    text-decoration: none;
    font-size: 32px;
    font-weight: 900;
    color: whitesmoke;
    transform-origin: center center;
}
.ver-btn:hover{
    transform: translate(-5px);
    
}

#proceso .conoce{
    background-color: #ff9d14;
    color: whitesmoke;
    padding: 15px;
    border-radius: 15px;
    margin: 20px;
}
#galeria{
    width: 100%;
    height: auto;

}
/*-- tarjetas --*/
.tarjeta {
    position: relative;
    width: 200px;
    height: auto;
    display: flex;
    flex-direction: column;
    /*border: 3px solid purple;*/
}

.imagen {
    width: 100%;
    /*background-color: #fff;*/
}

.imagen img {
    width: 100%;
    padding: 40px 15px;
}

.texto {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-pack: center;
    -ms-flex-pack: center;*/
    justify-content: center;
    /*-webkit-box-align: center;
    -ms-flex-align: center;*/
    align-items: center;
    background-color: green;
    padding: 15px;
}

.parrafo {
    text-align: center;
    color: gray;
    font-weight: bold;
}

.tarjeta:hover>.capa {
    opacity: 1;
    transform: scale(1);
}

.docentes__enlace:hover {
    background-color: green;
    color: grey;
}

.capa {
    top: 0;
    position: absolute;
    display: flex;
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0;
    padding: 10px;
    /*-webkit-backdrop-filter: blur(2px);*/
    backdrop-filter: blur(2px);
    /*-webkit-transform: scale(.8);
    -ms-transform: scale(.8);*/
    transform: scale(.8);
   
}
.capa p{
    color: whitesmoke;
}

.capa::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    border-bottom: 5px solid whitesmoke;
    border-left: 5px solid whitesmoke;
    left: 10px;
    bottom: 10px;
}

.capa::after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    border-top: 5px solid whitesmoke;
    border-right: 5px solid whitesmoke;
    right: 10px;
    top: 10px;
}

/*-- slider --*/
.slider {
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.slider ul {
	display: flex;
	padding: 0;
    
	width: 500%;
	
	animation: cambio 40s infinite alternate-reverse ease;
}

.slider li {
	width: 100%;
	list-style: none;
}
.slider picture img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	22% {margin-left: -100%;}
	40% {margin-left: -100%;}
	
	42% {margin-left: -200%;}
	60% {margin-left: -200%;}
	
	62% {margin-left: -300%;}
	80% {margin-left: -300%;}

    82% {margin-left: -400%;}
	100% {margin-left: -400%;}
}

/*-- media 1024px --*/
  @media screen and (max-width: 1024px) {
    #proceso{
        flex-wrap: wrap;
        align-items: center;
    
    }
    #proceso > div{
        width: 40%;
        text-align: center;
        display: flex;
        flex-direction: column;
        /*flex-wrap: wrap;*/
        align-items: center;
    
    }

  }
  /*-- media 480px --*/
  @media screen and (max-width: 480px) {
    #proceso > div{
        width: 80%;
    
    }

  }