/*========================================
                IMÁGENES
=========================================*/

.img-main,
.img-hover {
    object-fit: contain;
}


/*========================================
                COMPLEMENTOS
=========================================*/
.seleccionar_complemento {
    border: 2px solid var(--primary) !important;
}

.seleccionar_complemento_no {
    border: 2px solid transparent !important;
}

.product-card {
    background: var(--body);
}

/*========================================
                CARRITO
=========================================*/

/* Chrome, Safari, Edge, Opera */
.cp_qte_main::-webkit-outer-spin-button,
.cp_qte_main::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.cp_qte_main {
    -moz-appearance: textfield;
}


/*========================================
                FIX SLIDERS
=========================================*/
.preview-slider {
    white-space: nowrap;
    overflow-x: hidden;
}

.thumb-slider {
    white-space: nowrap;
    overflow-x: hidden;
}

.suggest-slider,
.suggest-banner-slider {
    /*max-height: 425px;*/
    /*white-space: nowrap;*/
    overflow: hidden;
}

    .suggest-slider li,
    .suggest-banner-slider li {
        display: inline-block;
        vertical-align: top;
    }

        .suggest-slider li .product-media,
        .suggest-banner-slider li .product-media {
            min-height: 200px;
        }

.suggest-banner-slider {
    white-space: nowrap;
    overflow: hidden;
}

.new-slider-complement {
    overflow-x: hidden;
    white-space: nowrap;
}
/*
.blog-slider {
    overflow-x: hidden;
    white-space: nowrap;
}*/

.blog-card {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}

.card-complemento {
    display: inline-block;
}

.temp-height {
    min-height: 500px;
}


/*========================================
                PDP
=========================================*/
.card-complemento .product-image img {
    max-height: 160px;
    min-height: 160px;
    object-fit: cover;
}

.btn-no-stock:hover {
    color: white !important;
    background-color: gray !important;
}

#precio_selected {
    color: #008344;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
}


/*========================================
                SWEET ALERT
=========================================*/
.swal2-confirm {
    display: flex !important;
    padding: 8px 16px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    align-self: stretch !important;
    border-radius: 800px !important;
    background: var(--green-400, #008344) !important;
    color: var(--white, #FFF) !important;
    text-align: center !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 16px !important;
}

.swal2-cancel {
    display: flex;
    padding: 8px 16px !important;
    align-items: flex-start !important;
    gap: 8px !important;
    border-radius: 24px !important;
    border: 1px solid var(--green-400, #008344) !important;
    background: var(--white, #FFF) !important;
    color: var(--green-400, #008344) !important;
    font-family: Roboto !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
}