.contenedor-quienes-somos{
    position: relative;
    height: 60vw;
    display: flex;
    justify-content: center;
}
.imagen-quienes-somos-01{
    position: absolute;
    top: 7vw;
    left: 8vw;
    height: 27vw;
    width: 47vw;
    object-fit: cover;
    transition: all 0.3s ease;
    transform: scale(0.8);
    z-index: 1;
    border: 0.1vw, solid, var(--color-dorado);
    border-radius: 1vw;
    cursor: pointer;
}
.imagen-quienes-somos-01:hover{
    transform: scale(1);
    z-index: 3;
}
.imagen-quienes-somos-02{
    position: absolute;
    top: 7vw;
    left: 26.3vw;
    height: 27vw;
    width: 47vw;
    object-fit: cover;
    transition: all 0.3s ease;
    transform: scale(0.9);
    z-index: 2;
    border: 0.1vw, solid, var(--color-dorado);
    border-radius: 1vw;
    cursor: pointer;
}
.imagen-quienes-somos-02:hover{
    transform: scale(1);
    z-index: 3;
}
.imagen-quienes-somos-03{
    position: absolute;
    top: 7vw;
    left: 45vw;
    height: 27vw;
    width: 47vw;
    object-fit: cover;
    transition: all 0.3s ease;
    transform: scale(0.8);
    z-index: 1;
    border: 0.1vw, solid, var(--color-dorado);
    border-radius: 1vw;
    cursor: pointer;
}
.imagen-quienes-somos-03:hover{
    transform: scale(1);
    z-index: 3;
}
.imagen-quienes-somos-04{
    position: absolute;
    top: 35vw;
    left: 12vw;
    height: 25vw;
    width: 25vw;
    object-fit: cover;
}
.imagen-quienes-somos-flecha-izquierda-corta-01{
    position: absolute;
    top: 41.7vw;
    left: 42vw;
    width: 9vw;
}
.quienes-somos-titulo-01{
    position: absolute;
    top: 40vw;
    left: 52vw;
    font: 400 3vw 'Jacques', sans-serif;
    color: var(--color-tiza);
}
.imagen-quienes-somos-flecha-derecha-corta-01{
    position: absolute;
    top: 41.7vw;
    left: 76vw;
    width: 9vw;
}
.quienes-somos-texto-01{
    position: absolute;
    top: 45vw;
    left: 42vw;
    width: 43vw;
    font: 400 1vw 'Crimson', sans-serif;
    text-align: center;
    color: var(--color-tiza);
}
.contenedor-valores{
    position: relative;
    top: 0vw;
    height: 57vw;
    display: flex;
    justify-content: center;
}
.contenedor-imagenes{
    position: relative;
    top: 3vw;
    height: 14vw;
    width: 75%;
}
.tres-imagenes{
    display: flex;
    justify-content: space-around;
}
.imagen-quienes-somos-05, 
.imagen-quienes-somos-06,
.imagen-quienes-somos-07{
    height: 14vw;
    width: 24vw;
    object-fit: cover;
    border: 0.1vw, solid, var(--color-dorado);
    border-radius: 1vw;
    cursor: pointer;
}
.imagen-quienes-somos-flecha-izquierda-corta-02{
    position: absolute;
    top: 23.9vw;
    left: 34vw;
    width: 9vw;
}
.quienes-somos-titulo-02{
    position: absolute;
    top: 22vw;
    left: 44vw;
    font: 400 3vw 'Jacques', sans-serif;
    color: var(--color-tiza);
}
.imagen-quienes-somos-flecha-derecha-corta-02{
    position: absolute;
    top: 23.9vw;
    left: 57vw;
    width: 9vw;
}
.quienes-somos-texto-02{
    position: absolute;
    top: 30vw;
    left: 13vw;
    width: 54vw;
    font: 400 1.1vw 'Crimson', sans-serif;
    text-align: left;
    color: var(--color-tiza);
}
.imagen-quienes-somos-08{
    position: absolute;
    top: 28vw;
    left: 62vw;
    height: 25vw;
    width: 25vw;
    object-fit: cover;
}
.imagen-modal{
    height: auto;
    width: 90vw;
    object-fit: cover;
    border: 0.1vw, solid, var(--color-dorado);
    border-radius: 1vw;
    cursor: pointer;
}
@media only screen and (max-width: 768px) {
    .contenedor-quienes-somos{
        position: relative;
        top: 20vw;
        height: 170vw;
        display: flex;
        justify-content: center;
    }
    .imagen-quienes-somos-01{
        position: absolute;
        top: 7vw;
        left: 0vw;
        height: 42vw;
        width: 62vw;
        object-fit: cover;
        transition: none;
        z-index: 1;
        border: 0.1vw, solid, var(--color-dorado);
        border-radius: 1vw;
        cursor: pointer;
        transform: scale(0.8);
    }
    .imagen-quienes-somos-01:hover{
        height: 42vw;
        width: 62vw;
        object-fit: cover;
        z-index: 1;
        transform: scale(0.8);
    }
    .imagen-quienes-somos-02{
        position: absolute;
        top: 7vw;
        left: 19.3vw;
        height: 42vw;
        width: 62vw;
        object-fit: cover;
        transition: none;
        z-index: 2;
        border: 0.1vw, solid, var(--color-dorado);
        border-radius: 1vw;
        cursor: pointer;
    }
    .imagen-quienes-somos-02:hover{
        height: 42vw;
        width: 62vw;
        object-fit: cover;
        z-index: 2;
        transform: scale(0.9);
    }
    .imagen-quienes-somos-03{
        position: absolute;
        top: 7vw;
        left: 38vw;
        height: 42vw;
        width: 62vw;
        object-fit: cover;
        transition: none;
        z-index: 1;
        border: 0.1vw, solid, var(--color-dorado);
        border-radius: 1vw;
        cursor: pointer;
    }
    .imagen-quienes-somos-03:hover{
        height: 42vw;
        width: 62vw;
        object-fit: cover;
        z-index: 1;
        transform: scale(0.8);
    }
    .imagen-quienes-somos-04{
        position: absolute;
        top: 54vw;
        left: 32vw;
        height: 35vw;
        width: 35vw;
        object-fit: cover;
    }
    .imagen-quienes-somos-flecha-izquierda-corta-01{
        display: none;
    }
    .quienes-somos-titulo-01{
        position: absolute;
        top: 92vw;
        left: 20vw;
        font: 400 8vw 'Jacques', sans-serif;
        color: var(--color-tiza);
    }
    .imagen-quienes-somos-flecha-derecha-corta-01{
        display: none;
    }
    .quienes-somos-texto-01{
        position: absolute;
        top: 107vw;
        left: 12vw;
        width: 75vw;
        font: 400 4vw 'Crimson', sans-serif;
        text-align: center;
        color: var(--color-tiza);
    }
    .contenedor-valores{
        position: relative;
        top: 20vw;
        height: 227vw;
        display: flex;
        justify-content: center;
    }
    .contenedor-imagenes{
        position: relative;
        top: 3vw;
        height: 14vw;
    }
    .imagen-quienes-somos-05{
        position: absolute;
        top: 0vw;
        left: 0vw;
        height: 14vw;
        width: 24vw;
        object-fit: cover;
        border: 0.1vw, solid, var(--color-dorado);
        border-radius: 1vw;
        cursor: pointer;
    } 
    .imagen-quienes-somos-06{
        position: absolute;
        top: 0vw;
        left: 25vw;
        height: 14vw;
        width: 24vw;
        object-fit: cover;
        border: 0.1vw, solid, var(--color-dorado);
        border-radius: 1vw;
        cursor: pointer;
    }
    .imagen-quienes-somos-07{
        position: absolute;
        top: 0vw;
        left: 50vw;
        height: 14vw;
        width: 24vw;
        object-fit: cover;
        border: 0.1vw, solid, var(--color-dorado);
        border-radius: 1vw;
        cursor: pointer;
    }
    .imagen-quienes-somos-flecha-izquierda-corta-02{
        display: none;
    }
    .quienes-somos-titulo-02{
        position: absolute;
        top: 60vw;
        left: 34vw;
        font: 400 8vw 'Jacques', sans-serif;
        color: var(--color-tiza);
    }
    .imagen-quienes-somos-flecha-derecha-corta-02{
        display: none;
    }
    .quienes-somos-texto-02{
        position: absolute;
        top: 78vw;
        left: 12vw;
        width: 75vw;
        font: 400 4vw 'Crimson', sans-serif;
        text-align: center;
        color: var(--color-tiza);
    }
    .imagen-quienes-somos-08{
        position: absolute;
        top: 22vw;
        left: 28vw;
        height: 40vw;
        width: 40vw;
        object-fit: cover;
    }
}