#flechas-proceso {
    width: 500px;
    display: flex;
    margin: auto;
}

.text-title-process {
    display: flex;
    margin: auto;
    position: absolute;
    padding: 10px;
    border-radius: 20px 0px 10px;
    color: white;
    text-decoration: none !important;
    cursor: pointer;
    color: black;
    font-weight: bold;
}


#title-ventas {
    /* top: 70px;
    right: 33%; */
    top: 70px;
    right: 25%;
    box-shadow: 14px 10px 5px 0px  rgba(0,0,0,0.75);
    background-color:#bc5e28;
    color: white
}

#title-ventas:hover {
    padding: 14px;
    background-color: orange;
}

#title-operaciones {
    /* top: 110px;
    right: 63%; */
    top: 50px;
    right: 65%;
    box-shadow: 14px 10px 5px 0px  rgba(0,0,0,0.75);
    background-color:#68ba29;
    color: white
}

#title-operaciones:hover {
    background-color: #25410f;
    padding: 14px;
}

#title-adm-financiera {
    /* top: 220px;
    right: 27%; */
    top: 210px;
    right: 40%;
    box-shadow: 14px 10px 5px 0px  rgba(0,0,0,0.75);
    background-color: #335f9c;
    color: white
}

#title-adm-financiera:hover {
    background-color: #15273f;
    padding: 14px;
}

/* @media screen and (min-width:1500px){


#title-ventas {
    top: 70px;
    right: 33%;
    background-color: rgb(255, 156, 0, 0.7);
    color: white
}

#title-operaciones {
    top: 110px;
    right: 65%;
    background-color: rgb(0, 0, 42, 0.7);
    color: white
}

#title-adm-financiera {
    top: 220px;
    right: 27%;
    background-color: rgb(0, 128, 0, 0.7);
    color: white
}
} */