/*===Bloques de imagenes===*/


.caja-imagenes{
    width: 100%;
    display: flex;
    flex-direction: column;
}

/*===Bloque de imagenes 1===*/

/*efecto de hover general*/

.desvanecer-img:hover {filter: opacity(.5);}

/*termina efecto de hover general*/

.video{
        width: 572px;
        height: 380px;
    }

.imagenes1{
    width: 100%;
    height: 380px;
    margin-top: 38px;
    color: white;
    font-size: 50px;
    display: flex;
    flex-direction: row;
}

.bloque1-img1{
    display: flex;
    width: 50%;
    justify-content: flex-start;
}

.img-1{
    width: 572px;
    height: 380px;
}

.bloque1-img2{
    display: flex;
    width: 50%;
    justify-content: flex-end;
}

/*===Bloque de imagenes 2===*/


.imagenes2{
    width: 100%;
    height: 380px;
    margin-top: 38px;
    color: white;
    font-size: 50px;
    display: flex;
    flex-direction: row;
}

.bloque2-img1{
    display: flex;
    width: 50%;
    justify-content: flex-start;
}

.bloque2-img2{
    display: flex;
    width: 50%;
    justify-content: flex-end;
}

/*===Bloque de imagenes 3===*/

.imagenes3{    
    width: 100%;
    height: 380px;
    margin-top: 38px;
    color: white;
    font-size: 50px;
    display: flex;
    flex-direction: row;
}

.bloque3-img1{
    display: flex;
    width: 50%;
    justify-content: flex-start;
}

.img-col3-1{
    display: flex;
    justify-content: flex-start;
}

.bloque3-img2{
    display: flex;
    width: 50%;
    justify-content: flex-end;
}

/*===Bloque 4 de imagenes===*/

/*===Bloque 4 lado izquierdo===*/


.imagenes4{   
    width: 100%;
    height: 798px;
    margin-top: 38px;
    color: white;
    font-size: 50px;
    display: flex;
    flex-direction: row;
}


/*===Bloque 4 lado izquierdo===*/


.bloque4-img1{
    width: 50%;
    display: flex;
    justify-content: flex-start;
}


/*===Bloque 4 lado derecho===*/


.bloque4-img2{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.caja1-derecha{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.caja2-derecha{
    display: flex;
    width: 100%;
    margin-top: 38px;
    justify-content: flex-end;
}