/* ==========================================================
   987 INGENIERÍA
   LISTADOS DE PROYECTOS
========================================================== */

.i987-relacionados,
.i987-proyectos{

    margin:60px 0;

}

.i987-relacionados-titulo{

    margin:0 0 30px;

    font-size:2rem;

    font-weight:700;

    color:#0f2b57;

}

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

.i987-relacionados-grid,
.i987-proyectos-grid{

    display:grid;

    gap:24px;

    align-items:stretch;

}

/* ==========================================================
   COLUMNAS
========================================================== */

.i987-relacionados-grid,
.i987-proyectos-grid.columnas-3{

    grid-template-columns:repeat(3,minmax(0,1fr));

}

.i987-proyectos-grid.columnas-4{

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

}

.i987-proyectos-grid.columnas-5{

    grid-template-columns:repeat(5,minmax(0,1fr));

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1200px){

    .i987-proyectos-grid.columnas-5{

        grid-template-columns:repeat(3,minmax(0,1fr));

    }

    .i987-proyectos-grid.columnas-4{

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

    }

}

@media (max-width:900px){

    .i987-relacionados-grid,
    .i987-proyectos-grid{

        grid-template-columns:1fr !important;

    }

}