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

#featuredproducts-tabs {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

#productstabs #productstabs-products>div {
    margin: 0 -10px;
}

#productstabs #productstabs-products .featuredproducts-banners {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#productstabs #productstabs-products .featuredproducts-banners a {
    width: 50%;
}

#productstabs #productstabs-products .featuredproducts-banners img {
    margin: 0 10px;
    object-fit: cover;
    height: auto;
    max-height: 400px;
    width: calc(100% - 20px);
}

#productstabs #productstabs-products .product-miniature-container {
    width: 25%;
}

@media(max-width:776px) {
    #productstabs #productstabs-products .featuredproducts-banners {
        row-gap: 20px;
    }

    #productstabs #productstabs-products .featuredproducts-banners a {
        width: 100%;
    }
}