div.proyectos_responsive{
    position: relative;
    width: 100%;
}

div.home_proyectos {
    position: relative;
    display: flex;
    justify-content: space-around;
    margin-bottom: 8%;
    flex-wrap: wrap;
}

div.proyecto_background {
    width: 100%;
}

div.proyecto_background img {
    width: 100%;
}

div.proyecto_txt {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 80%;
    font-size: 22px;
}

div.proyecto_txt h1 span {
    color: var(--color-font);
    margin-left: 20%;
}

div.pro {
    position: relative;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

div.prosman {
    position: relative;
    right: -40%;
}

div.prosman img {
    position: relative;
    top: -15%;
    height: 95%;
}

div.tiempo {
    position: absolute;
    left: 15%;
    top: 5%;
}

div.icono_tiempo {
    position: absolute;
    left: 7%;
    top: 5%;
}

div.chip {
    position: absolute;
    left: 15%;
    top: 30%;
}

div.icono_chip {
    position: absolute;
    left: 7%;
    top: 30%;
}

div.estrella {
    position: absolute;
    left: 15%;
    top: 60%;
}

div.icono_estrella {
    position: absolute;
    left: 7%;
    top: 60%;
}

div.equipo_prosman {
    position: relative;
    display: flex;
    justify-content: space-around;
    margin-bottom: 0%;
    flex-wrap: wrap;
    width: 100%;
}

div.equipo_prosman img {
    width: 100%;
}

div.equipo_body_txt {
    position: absolute;
    left: 15%;
    top: 75%;
    color: #fafafa;
    font-size: 25px;
    justify-content: center;
    align-items: center;
}

div.fondo {
    position: relative;
    background-color: #000000;
    width: auto;
}

div.proman_colaboradores {
    left: 10%;
}

div.proman_colaboradores img {
    position: relative;
    left: 15%;
    margin-bottom: 5%;
}


div.prosman_body_txt {
    position: absolute;
    left: 65%;
    top: 15%;
    font-size: 25px;
    color: #ffffff;
    align-items: center;
    justify-content: center;
}


@media (max-width: 992px) {
    div.proyecto_txt {
        left: 50%;
        top: 80%;
        font-size: 10px;
        width: 40%;
    }
    
    div.proyecto_txt h1 span {
        margin-left: 15%;
    }
    
    div.equipo_body_txt {
        left: 10%;
        top: 65%;
        font-size: 20px;
        justify-content: center;
        align-items: center;
    }
    
    div.prosman_body_txt {
        left: 65%;
        top: 15%;
        font-size: 18px;
    }
    
    div.tiempo{
        position: absolute;
        top:35%;
        left: 5%;
        font-size: 20px;
    }

     div.icono_tiempo{
        position: absolute;
        top: 5%;
        left: 25%;
       
    }

    div.chip,
    div.estrella, 
    div.icono_chip,
    div.icono_estrella{
        display: none;
    }

    div.prosman {
        width: 45%;
        height: 45%;
        margin: 1rem;
        img{
            width: 70%;
            left: 30%;
        }
    }
    
    div.proman_colaboradores img {
        left: 1%;
        width: 60%;
    }
}

@media (max-width: 768px) {
    div.home_proyectos {
        margin-bottom: 12%;
    }
    
    div.proyecto_txt {
        position:  absolute;
        left: 45%;
        top: 75%;
        margin: 20px auto;
        font-size: 6px;
        width: 55%;
        text-align: center;
    }
    
    div.proyecto_txt h1 span {
        margin-left: 10%;
    }
    
    div.pro {
        flex-direction: column;
        align-items: center;
    }
    
    div.prosman {
       display: none;
    }
    
    div.prosman img {
      display: none;
    }
    
    div.tiempo{
        position: relative;
        left: 30%;
        top: -20%;
        margin: 15px 0;
        text-align: center;
        font-size: 10px;
    }

    div.icono_tiempo{
        position: absolute;
        left: 5%;
        top: 1%;
    }
    

    div.chip,
    div.estrella,
    div.icono_estrella,
    div.icono_chip{
        display: none;
    }

    div.equipo_body_txt {
        position: relative;
        left: 0;
        top: 0;
        margin: 0px auto;
        color: #ffffff;
        font-size: 18px;
        text-align: center;
        width: 100%;
        background-color: #000000;
    }
    
    div.fondo {
        background-color: black;
    }
    
    div.proman_colaboradores {
        position: relative;
        left: 0;
        background-color: h
    }
    
    div.proman_colaboradores img {
        position: relative;
        left: 0;
        margin: 0 auto 30px auto;
        display: block;
        width: 80%;
        max-width: 600px;
    }
    
    div.prosman_body_txt {
        position: relative;
        left: 0;
        top: 0;
        margin: 0px auto;
        color: #ffffff;
        font-size: 18px;
        text-align: center;
        justify-content: center;
        width: 90%;
        background-color: #000000;
    
    }
    
    div.equipo_prosman img {
        min-height: 200px;
        object-fit: cover;
        
    }
}