/*SWIPPER*/
.swiper-wrapper {
    position: relative;
}

.swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
}

.swiper {
    width: 100% !important;
}

.swiper,
swiper-container {
    margin-left: initial !important;
}

/* CARD CSS */

.wc-block-grid__product.wc-block-grid__product {
    height: auto;
}

.wc-block-grid .wc-block-grid__products .wc-block-grid__product {
    width: 100%;
}

.wc-block-grid .wc-block-grid__products .wc-block-grid__product .conpaas-product-grid__summary a {
    margin-right: -10px;
}

.wc-block-grid .wc-block-grid__products .wc-block-grid__product .conpaas-product-grid__footer .foot-site-img img {
    height: 32px;
}

.ms_desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
}

.wc-block-grid .wc-block-grid__products .wc-block-grid__product .conpaas-product-grid__footer {
    display: flex;
    flex-direction: row;
}

.wc-block-grid .wc-block-grid__products .wc-block-grid__product .conpaas-product-grid__footer .conpaas-product-grid__summary .title {
    margin: 0;
    padding: 0;

}

.ms_card_head {
    position: relative;
}

.ms_card_price {
    display: flex;
    flex-grow: 1;
    justify-content: end;
    font-size: 20px;
    align-items: center;
}

.course_status {
    width: 138px;
    padding: 8px 12px;
    border-radius: 0px 50px 50px 0;
    background: #475467;
    z-index: 1;
    position: absolute;
    bottom: 14px;
    left: 0;
    width: auto;
    color: white;

    text-align: center;
    /* Text xs/Medium */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 150% */

}

.grid__product_row.active-course {
    border: 1px solid #47CD89 !important;
}

.grid__product_row.next-course {
    /*border: 1px solid gray!important;*/
}

.expired-course {
    filter: grayscale(100%);
    opacity: 0.95 !important;
    transition: filter 0.3s ease;
    /* Se aplica en ambos sentidos */
}

.expired-course:hover {
    filter: grayscale(0);
    opacity: 1;
}

.badges {
    position: absolute;
    z-index: 1;
    padding: 10px;

}

.wc-block-grid .conpaas-product-grid__block {
    border-radius: 16px !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: all .25s ease;
    text-decoration: none !important;
    height: 100%;
}

.badge {
    padding-right: 10px;
    margin-right: 10px !important;
}

.swiper-slide {
    display: flex !important;
}



/* Course Status Label colors */
.course_status_closed {
    background-color: #667085;
}

.course_status_next {
    background-color: rgb(229, 149, 0);
}

.course_status_active {
    background-color: #47CD89;
}