/* ==================================================
   PROJETOS PERSONALIZADOS
================================================== */

.hk-projetos{
    position:relative;
    overflow:hidden;

    min-height:620px;

    display:flex;
    align-items:center;

    background-image:url('/mvp/site/assets/img/empresas/projetos-personalizados.png');
    background-position:right center;
    background-repeat:no-repeat;
    background-size:cover;

    padding:80px 0;
}

/* fade para integração da imagem */

.hk-projetos::before{
    content:'';

    position:absolute;

    top:0;
    left:0;

    width:65%;
    height:100%;

    background:
    linear-gradient(
        90deg,
        rgba(248,248,248,1) 0%,
        rgba(248,248,248,.98) 45%,
        rgba(248,248,248,.94) 60%,
        rgba(248,248,248,.85) 72%,
        rgba(248,248,248,.50) 85%,
        rgba(248,248,248,0) 100%
    );

    z-index:1;
}

.hk-projetos::after{
    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:180px;

    background:linear-gradient(
    to bottom,
    #fff 0%,
    rgba(255,255,255,.9) 30%,
    rgba(255,255,255,.4) 70%,
    transparent 100%
);

    pointer-events:none;

    z-index:2;
}

.hk-projetos .container{
    position:relative;
    z-index:3;
}

.hk-projetos .row{
    min-height:650px;
}

/* badge */

.hk-projetos-badge{

    display:inline-flex;

    align-items:center;

    padding:12px 24px;

    border-radius:999px;

    background:
    rgba(57,212,0,.10);

    border:
    1px solid rgba(57,212,0,.25);

    color:var(--hk-primary);

    font-weight:700;

    font-size:.80rem;

    letter-spacing:1px;

    margin-bottom:18px;
}

/* título */

.hk-projetos-title{

    font-size:3.2rem;

    line-height:1.05;

    font-weight:800;

    color:#111;

    margin-bottom:20px;

    max-width:600px;
}

.hk-projetos-title span{
    color:var(--hk-primary);
}

/* descrição */

.hk-projetos-text{

    font-size:1.1rem;

    line-height:1.7;

    color:#555;

    max-width:620px;

    margin-bottom:35px;
}

/* lista */

.hk-projetos-list{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px 32px;

    max-width:680px;
}

.hk-projetos-item{

    display:flex;

    align-items:flex-start;

    gap:12px;

    font-size:1rem;

    color:#222;

    font-weight:500;

    line-height:1.35;
}

.hk-projetos-item i{

    color:var(--hk-primary);

    margin-top:4px;

    flex-shrink:0;
}

/* e muito mais */

.hk-projetos-extra{

    margin-top:24px;

    display:flex;

    align-items:flex-start;

    gap:12px;

    font-size:1.05rem;

    font-weight:700;

    color:var(--hk-primary);

    max-width:600px;
}

.hk-projetos-extra i{
    margin-top:4px;
}

/* responsivo */

@media(max-width:991px){

    .hk-projetos{

        background-position:center;

        min-height:auto;

        padding:90px 0;
    }

    .hk-projetos::before{
        width:100%;
    }

    .hk-projetos-title{
        font-size:2.8rem;
    }

    .hk-projetos-list{
        grid-template-columns:1fr;
    }

}