.logoHome{
    display: flex; 
    height: 40%; 
    width: 32%; 
    align-items: flex-start;
}

.tituloNosotros{
    display: flex; 
    width: 100%;
}

.contenedorImagenesNosotros{
    display: flex; 
    height: 60%; 
    width: 100%; 
}

.flechaNosotros{
    display: block;
    z-index: 2;
    cursor: pointer; 
    text-decoration: none; 
    font-size: 2rem; 
    font-weight: 200; 
    position: absolute; 
    color: var(--blanco);
    background-color: var(--grisOscuro);
    padding-right: 5px;
    padding-left: 5px;
}


/*CELULARES*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
@media only screen and (max-width: 899px) {

    .mobile{
        display: block;
    }
    
    .desktop{
        display: none;
    }

    .contenedorColumnaNosotros{
        height: auto; 
        width: 100%;  
        padding-top: 0; 
        padding-bottom: 0; 
        padding-left: 0; 
        padding-right: 0;
    }

    .logoGrandeMobile{
        width: 100%; 
        margin: auto;          
    }

    .contenedorImagenesNosotrosMobile{ 
        height: auto; 
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px; 
    }

    .contenedorImagenesNosotros{
        display: none;
    }

    .flechaNosotros{
        font-size: 2rem;
        /*bottom: 15px;*/
        bottom: 185px; 
        right: 3%; 
    }

    .prev{
        /*right: 4rem;*/
        left: 3%;
        right: unset;
    }
}


/*DESKTOP*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
@media only screen and (min-width: 900px) {

    .mobile{
        display: none;
    }
    
    .desktop{
        display: block;
    }
    
    .logoHome{ 
        align-items: flex-start;
        padding: 0;
    }

    .tituloNosotros{
        display: flex; 
        width: 100%; 
        height: 15%; 
        align-items: flex-end;
    }

    .parrafoNosotros{
        width: 100%; 
        height: 85%;
    }

    .contenedorImagenesNosotros{
        padding-top: 20px; 
        padding-bottom: 40px;
    }

    .flechaNosotros{
        font-size: 2rem;
        /*bottom: 5px;*/
        bottom: 30%;  
        right: 0; 
    }

    .prev{
        /*right: 4rem;*/
        left: 0;
        right: unset;
    }

    .contenedorColumnaNosotros{
        height: 40%; 
        width: 32%;  
        padding-top: 20px; 
        padding-bottom: 15px; 
        padding-left: 0px; 
        padding-right: 0px;
    }

    .contImagenes{
        overflow: hidden;
    }

    .ventanaImagen{
        transition: all .3s ease-in-out;
    }

    .ventanaImagen:hover{
        /*opacity: 0.7;*/
        transform: scale(1.3);
    }
}


/*DESKTOP EX*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
@media only screen and (min-width: 1600px) {

    .flechaNosotros{
        font-size: 2rem;
        /*bottom: 30px;*/
        bottom: 30%;  
        right: 0; 
    }

    .prev{
        /*right: 4rem;*/
        left: 0;
        right: unset;
    }

    .contenedorImagenesNosotros{
        padding-top: 40px; 
        padding-bottom: 80px;
    }

    .logoHome{
        align-items: flex-start;
        padding-top: 50px;
    }

    .tituloNosotros{
        display: flex; 
        width: 100%; 
        height: 35%; 
        align-items: flex-end;
    }

    .parrafoNosotros{
        width: 100%; 
        height: 65%;
    }
}