.featured {
    margin: 60px 0;
}
/* Owl hides .owl-carousel until .owl-loaded. Lay the same row out first so
   Destacados does not pop in and push the rest of the home. */
.featured .owl-carousel:not(.owl-loaded) {
    --owl-items: 1;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}
.featured .owl-carousel:not(.owl-loaded) > .item {
    flex: 0 0 calc(100% / var(--owl-items));
    width: calc(100% / var(--owl-items));
    min-width: 0;
    max-width: calc(100% / var(--owl-items));
}
@media (min-width: 500px) {
    .featured .owl-carousel:not(.owl-loaded) { --owl-items: 2; }
}
@media (min-width: 750px) {
    .featured .owl-carousel:not(.owl-loaded) { --owl-items: 3; }
}
@media (min-width: 1000px) {
    .featured .owl-carousel:not(.owl-loaded) { --owl-items: 4; }
}
@media (min-width: 1250px) {
    .featured .owl-carousel:not(.owl-loaded) { --owl-items: 5; }
}
@media (min-width: 1500px) {
    .featured .owl-carousel:not(.owl-loaded) { --owl-items: 6; }
}
.featured h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 2em;
}
.featured .owl-carousel .owl-stage {
    display: flex;
}
.featured .owl-carousel .owl-stage .item {
    height: calc(100% - 20px);
}
.featured .owl-carousel .owl-stage .item .product-thumb {
    height: 100%;
}
.featured .owl-carousel .product-thumb {
    margin: 10px;
}
.featured .owl-carousel .product-thumb .product_description {
    min-height: 80px;
    max-height: 80px;
}
.featured .owl-carousel .product-thumb .product_description:before {
    top: 41px;
}
.featured > a.btn {
    color: var(--buttons-hovercolor);
    background-color: var(--buttons-hoverbackcolor);
    border: var(--buttons-hoverborder)!Important;
    margin: 20px auto;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}
.featured > a.btn:hover {
    color: var(--buttons-color);
    background-color: var(--buttons-backcolor);
    border: var(--buttons-border)!Important;
}
.featured > a.btn:hover svg {
    fill: var(--buttons-color);
}
.featured > a.btn img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.featured > a.btn svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    fill: var(--buttons-hovercolor);
}
.featured .bm-grid-item {
    padding: 0 10px;
}
.featured .bm-grid-item .image img {
    border-radius: 10px;
}
.featured .bm-grid-item .post-thumb-heading {
    margin-bottom: 10px;
}
.featured .bm-grid-item .post-thumb-heading h4 a {
    color: var(--main-color);
}
.featured .bm-grid-item .short-description {
    margin-bottom: 5px;
}
.featured .bm-grid-item .post-thumb-body {
    margin-bottom: 5px;
}