/**
 * Estilos CSS del FO
 *
 * @author Difadi.com	<soporte@difadi.com>
 * @author Laura Gutiérrez	<lgutierrez@difadi.com>
 * @license Comercial
 * @copyright 2026 Difadi.com
*/
.featured-homeproducts .featured-homeproducts-banner{
	display: flex;
}

.featured-homeproducts .featured-homeproducts-banner .img-mobile {
	display: none;
}

.featured-homeproducts .featured-homeproducts-banner img {
	width: 100%;
	height: fit-content;
}

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

@media(max-width:991px) {

	.featured-homeproducts .featured-homeproducts-products {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media(max-width:756px) {
	.featured-homeproducts .featured-homeproducts-banner .img-mobile {
		display: block;
	}

	.featured-homeproducts .featured-homeproducts-banner:not(.not-img-mobile) .img-desktop {
		display: none;
	}

	.featured-homeproducts .featured-homeproducts-products {
		grid-template-columns: repeat(2, 1fr);
	}
}