/* Banner de cabecera de categoría (archive-product.php) */
.rvx-cat-banner {
    --rvx-banner-ratio: 16/5;
    width: 100%;
    margin: 0 0 8px;
    overflow: hidden;
    background: #f3f3f3
}

.rvx-cat-banner picture {
    display: block
}

/*aspect-ratio: var(--rvx-banner-ratio);*/

.rvx-cat-banner__img {
    display: block;
    width: 100%;
    height: auto;
    
    object-fit: cover
}

@media (max-width:768px) {
    .rvx-cat-banner {
        --rvx-banner-ratio: 5/4;
        margin-bottom: 0
    }
}