* {
    box-sizing: border-box;
}

/*_-_-_-_-_-_-_-_-_-_-_-_WIDTH & HEIGTH _-_-_-_-_-_-_-_-_-_-_*/

.h100 {
    height: 100vh;
}
.h-100 {
    height: 100%;
}

.w100 {
    width: 100%;
}
.w90{
    width: 100%;
}
.w20px{
    width: 20px;
}
.w250px{
    width: 15.6rem;
}
@media(min-width:768px){
    .w90{
        width: 90%;
    }   
}

.pt60px{
    padding-top: 3.75rem;
}
/*_-_-_-_-_-_-_-_-_-_-_-_-_ FONDOS -_-_-_-_-_-_-_-_-_-_-_-_*/

.bg-img {
    background-image: url("../img/bg/portada_login.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; 
}

.bg-pri{
    background-color: #1C2544;
}
.bg-trasparent{
    background-color: transparent;
}

.bg-sec{
    background-color: #3FDDF0;
}

.bg-gassdoor {
    background-color: #ffffff38;
    box-shadow: 3px 1px 17px #000
}

.bg-gassdoor-fill {
    filter: blur(2px);
}

.bg-green-trans{
    background-color: #1C2544b5;
}


#navetec_w {
    transition: all ease 500ms;
    width: 150px;
}

/******* logos ********/
#navetec_w {
    transition: all ease 500ms;
    width: 150px;
}

#contruye_w {
    transition: all ease 500ms;
    width: 150px;
}
#porttoblanco_w{
    transition: all ease 500ms;
    width: 150px;
}
#capital_ccima{
    transition: all ease 500ms;
    width: 150px;
}
#rentSolution{
    transition: all ease 500ms;
    width: 150px;
}
#aliadoSherpa{
    transition: all ease 500ms;
    width: 150px;
}

.square-color-c{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.logo_nav{
    width: 3rem;
    margin-left: 1rem;
}
/*_-_-_-_-_-_-_-_-_-_-_-_-_ Paddings-_-_-_-_-_-_-_-_-_-_-_-_*/
.ps-50px{
    padding-left: 50px;
}
.px-50{
    padding: 0 50px;
}

#bg-navetec{
    background-image: url('../img/bg/soporte_computo.jpg');
    height: 33vh;
    background-position: center center;
    background-size: cover;
}
#bg-porttoblanco{
    background-image: url('../img/bg/soporte_ti.jpg');
    height: 33vh;
    background-position: center center;
    background-size: cover;
}
#bg-construye{
    background-image: url('../img/bg/desarrollo_ti.jpg');
    height: 33vh;
    background-position: center center;
    background-size: cover;
}
#bg-capital{
    background-image: url('../img/bg/vr_ar.jpg');
    height: 33vh;
    background-position: center center;
    background-size: cover;
}
#bg-aliado{
    background-image: url('../img/bg/team.jpg');
    height: 33vh;
    background-position: center center;
    background-size: cover;
}


@media (max-width: 767px)
{
    #navetec_w {
        transition: all ease 500ms;
        width: 60px;
    }
    #contruye_w {
        transition: all ease 500ms;
        width: 50px;
    }
    #porttoblanco_w{
        transition: all ease 500ms;
        width: 60px;
    }
    #capital_ccima{
        transition: all ease 500ms;
        width: 40px;
    }
    #rentSolution{
        transition: all ease 500ms;
        width: 50px;
    }
    #aliadoSherpa{
        transition: all ease 500ms;
        width: 40px;
    }
    #bg-navetec{
        height: 10vh;
    }
    #bg-porttoblanco{
        height: 10vh;
    }
    #bg-construye{
        height: 10vh;
    }
    #bg-capital{
        height: 10vh;
    }
    #bg-rent{
        height: 10vh;
    }
    #bg-aliado{
        height: 10vh;
    }
    
}
@media (max-width: 600px) {
    #navetec_w {
        transition: all ease 500ms;
        width: 100px;
    }
    #contruye_w {
        transition: all ease 500ms;
        width: 100px;
    }
    #porttoblanco_w{
        transition: all ease 500ms;
        width: 100px;
    }
    #capital_ccima{
        transition: all ease 500ms;
        width: 100px;
    }
    #rentSolution{
        transition: all ease 500ms;
        width: 100px;
    }
    #aliadoSherpa{
        transition: all ease 500ms;
        width: 100px;
    }

    #bg-navetec{
        height: 10vh;
    }
    #bg-porttoblanco{
        height: 10vh;
    }
    #bg-construye{
        height: 10vh;
    }
    #bg-capital{
        height: 10vh;
    }
    #bg-rent{
        height: 10vh;
    }
    #bg-aliado{
        height: 10vh;
    }
    
}


/*_-_-_-_-_-_-_-_-_-_-_-_-_ Bordes-_-_-_-_-_-_-_-_-_-_-_-_*/

@media(min-width:768px)
{
    .border-ti{
        border-left: solid 4px #3FDDF0;
    }   
}
/*_-_-_-_-_-_-_-_-_-_-_-_-_ Fuentes-_-_-_-_-_-_-_-_-_-_-_-_*/

.text-shadow-logo {
    text-shadow: 2px 4px 1px #3FDDF0;
    font-size: 5rem;
}
.text-shadow{
    text-shadow: 4px 4px 4px #000;
}

.error-404{
    font-size: 10rem;
    text-shadow: 4px 4px 4px #000;
    font-weight: 600;
}
.error{
    font-size: 7rem;
    text-shadow: 4px 4px 4px #000;
    font-weight: 600;
}
.p-error{
    font-size: 1.5rem;
    font-weight: 600;
}

@media(max-width:786px){
    .error-404{
        font-size: 3rem;
        font-weight: 600;
    }
    .error{
        font-size: 2.5rem;
        font-weight: 600;
    }
    .p-error{
        font-size: 1rem;
        font-weight: 6 00;
    }
}

/*_-_-_-_-_-_-_-_-_-_-_-_-_ Sections-_-_-_-_-_-_-_-_-_-_-_-_*/

/* Cambios para los Iconos de Seccion */
.service img{
    padding: 3rem 2rem 0rem 2rem;
}

.service #icon_inovacion{
    padding: 2.5rem 2rem 0rem 2rem;
}

.footer{
    text-align: center;
    position: absolute;
    bottom: 15px;
    width: 83%;
    text-shadow: 4px 4px 4px #000;
}


/*_-_-_-_-_-_-_-_-_-_-_-_-_ Sections-_-_-_-_-_-_-_-_-_-_-_-_*/

.user_id{
    
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}