/* ANIMACIONES -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@keyframes fundido {
  0% {opacity: 0;}  
  20% {opacity: 0;}     
  100% {opacity: 1;}
}
@-webkit-keyframes fundido {
  0% {opacity: 0;}  
  20% {opacity: 0;}     
  100% {opacity: 1;}
}

@-moz-keyframes fundido {
  0% {opacity: 0;}  
  20% {opacity: 0;}     
  100% {opacity: 1;}
}


@keyframes slide-arriba {
  0% {top: -100px; opacity: 0;}   
  100% {top: 0; opacity: 1;}
}

@-webkit-keyframes slide-arriba {
  0% {top: -100px;opacity: 0;}  
  100% {top: 0;opacity: 1;}
}

@-moz-keyframes slide-arriba {
  0% {top: -100px; opacity: 0;}   
  100% {top: 0; opacity: 1;}  
}

@keyframes slide-abajo {
  0% {top: 100px; opacity: 0;}    
  100% {top: 0; opacity: 1;}
}

@-webkit-keyframes slide-abajo {
  0% {top: 100px;opacity: 0;} 
  100% {top: 0;opacity: 1;}
}

@-moz-keyframes slide-abajo {
  0% {top: 100px; opacity: 0;}    
  100% {top: 0; opacity: 1;}  
}

@keyframes slide-izda {
  0% {left: -300px; opacity: 0;}    
  100% {left: 0; opacity: 1;}
}

@-webkit-keyframes slide-izda {
  0% {left: -300px; opacity: 0;}    
  100% {left: 0; opacity: 1;}
}

@-moz-keyframes slide-izda {
  0% {left: -300px; opacity: 0;}    
  100% {left: 0; opacity: 1;} 
}

@keyframes slide-dcha {
  0% {right: -300px; opacity: 0;}   
  100% {right: 0; opacity: 1;}
}

@-webkit-keyframes slide-dcha {
  0% {right: -300px; opacity: 0;}   
  100% {right: 0; opacity: 1;}
}

@-moz-keyframes slide-dcha {
  0% {right: -300px; opacity: 0;}   
  100% {right: 0; opacity: 1;}  
}

@keyframes zoom {
  0% {opacity: 0;transform: scale(.4); }   
  100% {opacity: 1;transform: none;}
}

@-webkit-keyframes zoom {
  0% {opacity: 0;transform: scale(.4); }   
  100% {opacity: 1;transform: none;}
}

@-moz-keyframes zoom{
  0% {opacity: 0;transform: scale(.4); }   
  100% {opacity: 1;transform: none;}
}


@keyframes requisito-sep {
  0% {height:0; opacity: 0;}    
  100% {height: calc(100% - 40px); opacity: 1;}
}

.requisito-separador {
  animation:  requisito-sep;
  animation-duration: 1.7s;  
}

.requisito-slide {
   position:relative; 
   animation:  slide-dcha;
   animation-duration: 1s;  
}

.zoom {
  animation: zoom;
  animation-duration: 1.5s; 
}

.zoom-req {
  animation: zoom;
  animation-duration: 1s; 
}

.fundido {
  animation:  fundido;
  animation-duration: 1s; 
}

.slide-arriba,
.slide-abajo,
.slide-izda,
.slide-izda-largo,
.slide-dcha,
.slide-dcha-largo {
  position:relative;
  animation-timing-function: ease-in;  
}

.slide-arriba {
  animation: slide-arriba;
  animation-duration: 1.4s;     
}

.slide-abajo {  
  animation: slide-abajo; 
  animation-duration: 1.4s;     
}

.slide-izda {
  animation: slide-izda;    
  animation-duration: 1.6s;     
}


.slide-izda-largo {
  animation: slide-izda;    
  animation-duration: 2s;     
}

.slide-dcha {
  animation: slide-dcha;
  animation-duration: 1.6s;     
}


.slide-dcha-largo {
  animation: slide-dcha;
  animation-duration: 2s;     
}

.espera-1 {
	animation-delay: .2s; 
	animation-fill-mode: backwards;
}

.espera-2 {
	animation-delay: .4s; 
	animation-fill-mode: backwards;
}

.espera-3 {
	animation-delay: .5s; 
	animation-fill-mode: backwards;
}

.espera-4 {
	animation-delay: .8s; 
	animation-fill-mode: backwards;
}

.espera-5 {
	animation-delay: 1s; 
	animation-fill-mode: backwards;
}

.espera-6 {
	animation-delay: 1.2s; 
	animation-fill-mode: backwards;
}

.espera-7 {
	animation-delay: 1.4s; 
	animation-fill-mode: backwards;
}

.espera-8 {
  animation-delay: 1.6s; 
  animation-fill-mode: backwards;
}

.espera-9 {
  animation-delay: 1.8s; 
  animation-fill-mode: backwards;
}