/*
|--------------------------------------------------------------------------
| PROYECTOS
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Galería
|--------------------------------------------------------------------------
*/

.wf-pro-gallery {

    display: grid;

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

    gap: 20px;

}


.wf-pro-gallery-item {

    overflow: hidden;

    border-radius: 12px;

}


.wf-pro-gallery-image {

    display: block;

    width: 100%;

    height: 280px;

    object-fit: cover;

}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991px) {

    .wf-pro-gallery {

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

    }

}


/*
|--------------------------------------------------------------------------
| Móvil
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {

    .wf-pro-gallery {

        grid-template-columns: 1fr;

    }

}