/* 
    Created on : 14/04/2021, 17:18:59
    Author     : Ismael
*/

/*---------LATIDOS---------*/
@keyframes latidos {
    from { transform: none; }
    50% { transform: scale(1.1);}
    to { transform: none; }
}
.corazon {
    animation: latidos .8s infinite;
}
/*---------FIN LATIDOS---------*/

/*---------CARRUSEL 1---------*/
/*.afiche1{
    position: absolute; 
    left: 120px; 
    top: 330px; 
    z-index: 1; 
    background-color: rgb(25,87,198); 
    width: 350px; 
    height: 70px;
}

@keyframes cuadro1{
    from {position: absolute; 
          right: 120px; 
          top: 120px; 
          z-index: 1; 
          background-color: rgb(25,87,198); 
          width: 150px; 
          height: 150px;}

    50% {position: absolute; 
         left: 120px; 
         top: 330px; 
         z-index: 1; 
         background-color: rgb(25,87,198); 
         width: 350px; 
         height: 70px;}

    to  {position: absolute; 
         right: 120px; 
         top: 120px; 
         z-index: 1; 
         background-color: rgb(25,87,198); 
         width: 350px; 
         height: 350px;}
}
.afiche1{
    animation: cuadro1 .9s;
}
---------FIN CARRUSEL 1---------

---------CARRUSEL 2---------
.afiche2{
    position: absolute; 
    right: 300px; 
    top: 220px; 
    z-index: 1; 
    background-color: #e8b40c; 
    width: 250px; 
    height: 250px;
}

.afiche2{
    animation: cuadro5 .9s;    
}

.afiche3{
    position: absolute;
    right: 85px; 
    top: 125px; 
    z-index: 2; 
    width: 250px; 
    height: 100px;
}

.afiche4{
    position: absolute;
    right: 85px; 
    top: 245px; 
    z-index: 2; 
    width: 250px; 
    height: 100px;
}

.afiche3{
    animation: cuadro6 .9s;
}

.afiche4{
    animation: cuadro7 .9s;
}
---------FIN CARRUSEL 2---------

---------CARRUSEL 3---------
.afiche5{
    position: absolute; 
    right: 320px;
    top: 220px; 
    z-index: 1; 
    background-color: #CF4342; 
    width: 250px; 
    height: 250px;
}

.afiche6{
    position: absolute;
    right: 85px; 
    top: 150px; 
    z-index: 2; 
    width: 250px; 
    height: 100px;
}

.afiche7{
    position: absolute;
    right: 85px; 
    top: 270px; 
    z-index: 3; 
    width: 250px; 
    height: 100px;
}

.afiche5{
    animation: cuadro5 .9s;
}

.afiche6{
    animation: cuadro6 .9s;
}

.afiche7{
    animation: cuadro7 .9s;
}
@keyframes cuadro5{
    from{right: 0px;}
    to{right: none;}
}

@keyframes cuadro6{
    from{right: 1000px;}
    to{right: none;}
}

@keyframes cuadro7{
    from{top: 700px;}
    to{top: none;}
}
---------FIN CARRUSEL 3---------*/