/* ==================================================
   INDICADORES
================================================== */

.hk-indicadores{

    position:relative;

    background:#050505;

    padding:18px 0;

    border-top:1px solid rgba(57,212,0,.08);

    border-bottom:1px solid rgba(57,212,0,.08);

}

/* ==========================================
   GRID
========================================== */

.hk-indicadores-grid{

    display:grid;

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

    gap:15px;

    align-items:center;

}

/* ==========================================
   ITEM
========================================== */

.hk-indicador-item{

    text-align:center;

    padding:5px;

}

.hk-indicador-numero{

    font-size:2.3rem;

    font-weight:800;

    color:var(--hk-primary);

    line-height:1;

    margin-bottom:3px;

}

.hk-indicador-item span{

    display:block;

    color:#bdbdbd;

    font-size:.82rem;

    font-weight:500;

    letter-spacing:.3px;

}

/* ==========================================
   RESPONSIVO
========================================== */

@media(max-width:992px){

    .hk-indicadores{

        padding:20px 0;

    }

    .hk-indicadores-grid{

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

        gap:20px;

    }

}

@media(max-width:768px){

    .hk-indicadores{

        padding:25px 0;

    }

    .hk-indicadores-grid{

        grid-template-columns:1fr;

        gap:18px;

    }

    .hk-indicador-numero{

        font-size:2rem;

    }

    .hk-indicador-item span{

        font-size:.8rem;

    }

}