/**
 * Estilos CSS del FO
 *
 * @author      Difadi.com <soporte@difadi.com>
 * @author      Laura Gutiérrez <lgutierrez@difadi.com>
 * @copyright   2026 Difadi.com
 * @license     Comercial
 */

.featured-homeproductcarousels .featured-homeproductcarousels-products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spaces-md);
    align-items: start;
}

@media (max-width: 991px) {
    .featured-homeproductcarousels .featured-homeproductcarousels-products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 756px) {
    .featured-homeproductcarousels .featured-homeproductcarousels-products {
        grid-template-columns: repeat(2, 1fr);
    }
}