/*Selector de categorias HOME*/

@media (min-width: 344px) and (max-height: 882px) {
    .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-selected {
        width: 280px !important;
    }
}

@media (min-width: 360px) and (max-height: 740px) {
    .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-selected {
        width: 300px !important;
    }
}

@media (min-width: 390px) and (max-height: 850px) {
    .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-selected {
        width: 330px !important;
    }
}

@media (min-width: 412px) and (max-height: 915px) {
    .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-selected {
        width: 350px !important;
    }
}

@media (min-width: 430px) and (max-height: 932px) {
    .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-selected {
        width: 370px !important;
    }
}

@media (min-width: 540px) and (max-height: 720px) {
    .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-selected {
        width: 480px !important;
    }
}

@media (min-width: 700px) and (max-height: 1368px) {
    .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-selected {
        width: 690px !important;
    }
}

/*Banner del catalogo*/
@media (min-width: 320px) and (max-width: 992px) {
    #bannerCatalogo {
        display: none;
    }
}

/*Menu de usuario y productos en el Carrito CARALOGO*/
.dropdown-menu {
    left: auto !important;
    right: 0% !important;
}

/*Imagenes CATALOGO*/
@media (min-width: 320px) and (max-width: 992px) {

    .lib-two-img .img-1,
    .product-item-container .second_img .img-1,
    .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image .lt-image .img-1,
    .products-list .product-layout .product-item-container .left-block .product-image-container.second_img .img-1.img-responsive.imagenCatalogo {
        max-height: none !important;
    }

}

/*Barra de productos en carrito*/
.dropdown-menu.pull-right.cartDropdownMenu {
    max-height: 400px;
    overflow-y: scroll;
    right: -35px !important;
}

/*Para cambiar la apariencia de las flechas del carousel de landing*/
.fa-chevron-left,
.fa-chevron-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    /* Ejemplo de estilo */
    padding: 10px;
    color: white;
}

.fa-chevron-left {
    left: -10px;
    /* Mueve la flecha izquierda fuera del carrusel */
}

.fa-chevron-right {
    right: -10px;
    /* Mueve la flecha derecha fuera del carrusel */
}

.bulk-price-select {
    position: relative;
    display: inline-block;
    width: 100%;
    /* Ajusta al tamaño que desees */
}

/*Para poner colocar la flechita en los selects de la tarjetas con cantidad por bulto*/
.custom-select {
    /* Estilos básicos del select */
    cursor: pointer;
    width: 100%;
    padding: 5px 10px;
    padding-right: 40px;
    /* Deja espacio para la flecha */
    font-size: 14px;
    line-height: 1.5;
    appearance: none;
    /* Elimina la apariencia predeterminada del navegador */
    -webkit-appearance: none;
    /* Para navegadores Webkit */
    -moz-appearance: none;
    /* Para navegadores Mozilla */
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: right 10px center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    height: 30px;
}

.bulk-price-select::after {
    content: '\25BC';
    /* Unicode de una flecha hacia abajo */
    position: absolute;
    top: 50%;
    right: 15px;
    /* Alineación de la flecha a la derecha */
    transform: translateY(-50%);
    pointer-events: none;
    /* Hace que la flecha no sea clickeable */
    font-size: 16px;
    color: #333;
    /* Color de la flecha */
}

/*Para ajustar el tamaño de las tarjetas en OnSales en landing*/
@media (min-width: 768px) {
    /* .onSalesCustom .product-layout.product-grid.style1 {
        margin-top: 100px;
        margin-bottom: 60px;
    } */
}

/*Para cambiar el tamaño de la tarjera del centro en OnSales en landing para poder mostrar el precio original del producto*/
@media (min-width: 1024px) and (min-height: 600px) {
    .onSalesCustom .product-layout.product-grid.style1.special-item.item-3 .right-block {
        height: 220px !important;
    }
}




/*# sourceMappingURL=custom.css.map*/