/*
================================================================
 XXX CSS FINAL para /blog/ (Cuadrícula de 2 columnas)
================================================================
*/

/* Prepara el contenedor para Masonry */
.custom-resources-grid {
    position: relative;
    width: 100%;
    display: block !important;
    column-count: auto !important;
}

/* Define el ancho para 2 columnas */
.custom-resources-grid .resource-card {
    width: calc(50% - 20px);
    margin: 10px;
}

/* Responsivo para móviles (1 columna) */
@media (max-width: 767px) {
    .custom-resources-grid .resource-card {
        width: calc(100% - 20px);
    }
}
.footer-widget p{
    margin-bottom: 20px !important;
}
/*
================================================================
 XXX CSS NUEVO para /air/ (Cuadrícula de 3 columnas)
================================================================
*/

/* Prepara el contenedor para Masonry */
.custom-resources-grid1 {
    position: relative;
    width: 100%;
    display: block !important;
    column-count: auto !important;
}

/* Define el ancho para 3 columnas */
.custom-resources-grid1 .resource-card {
    width: calc(33.333% - 20px);
    margin: 10px;
}

/* Responsivo para tablets (pasa a 2 columnas) */
@media (max-width: 980px) {
    .custom-resources-grid1 .resource-card {
        width: calc(50% - 20px);
    }
}

/* Responsivo para móviles (pasa a 1 columna) */
@media (max-width: 767px) {
    .custom-resources-grid1 .resource-card {
        width: calc(100% - 20px);
    }
}