/*Estilos para Banners*/

.banner-slider .carousel-inner .carousel-item img {
    width: 100%;
}

.block-collapsible-nav .content .nav.items {
    display: block;
}

.block-collapsible-nav .content .nav.item .delimiter {
    width: 100%;
}

/*Estilos para Sliders*/

@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .product-slider .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .product-slider .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) {
    .product-slider .carousel-item {
        margin-right: 0;
    }

    /* show 2 items */
    .product-slider .carousel-inner .active + .carousel-item {
        display: block;
    }

    .product-slider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .product-slider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }

    .product-slider .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    .product-slider .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .product-slider .carousel-item-next.carousel-item-left + .carousel-item,
    .product-slider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be also positioned for animations */
    .product-slider .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .product-slider .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .product-slider .carousel-item-prev.carousel-item-right + .carousel-item,
    .product-slider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

    /* size for img in the slider-product*/
    .imagen-slider {
        width: 272px;
        max-height: 272px;
        min-height: 272px;
    }
}

/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .product-slider .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    .product-slider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    .product-slider .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    .product-slider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction */
    .product-slider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .product-slider .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    .product-slider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    /* Show 5th slide on lg if col-lg-3 */
    .product-slider .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .product-slider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction //t - previous slide direction last item animation fix */
    .product-slider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

.product-slider {
    margin-top: 20px;
    width: 100%;
    min-height: 453px;

}

.product-slider .controles {
    color: #FF0026;
    font-size: 50px;
}

.product-slider .carousel-item {
    padding-top: 15px;
}

.product-slider.products-grid .product-item-info {
    width: 100%;
    margin-bottom: 50px;
}

.product-slider.products-grid .product-item-info .product-item-inner {
    margin-top: 9px;
}

.product-slider .product-item-info .price-box {
    margin: 10px 0 10px;
}

.product-slider .price {
    font-size: 1.4rem;
}

.product-slider .price-box .price {
    font-weight: 700;
    font-size: 1.7rem;
    white-space: nowrap;
}

.product-slider .old-price .price, .product-slider .old-price .price-label {
    font-weight: normal;
    font-size: 1.3rem;
}

.product-slider .action.towishlist:before {
    content: '\e600';
    font-size: 20px;
    width: 100%;
    line-height: 20px;
}

/*Estilos para marcas*/

.marcas-container img {
    border-radius: 50%;
}

.marcas-container a img {
    transition: 0.7s;
}

.marcas-container a:hover img {
    transform: scale(1.2);
}

/**Estilos para categorias*/

.categorias-container img {
    border-radius: 50%;
}

.categorias-container a img {
    transition: 0.7s;
}

.categorias-container a:hover img {
    transform: scale(1.2);
}

/*Generales*/


.product-slider .carousel .carousel-control-prev {
    left: -25px;
    bottom: 33%;
}

.product-slider .carousel .carousel-control-next {
    right: -25px;
    bottom: 33%;
}

.categorias-container.carousel .carousel-control-prev {
    left: -25px;
    bottom: 33%;
}

.categorias-container.carousel .carousel-control-next {
    right: -25px;
    bottom: 33%;
}


@media (max-width: 600px) and (min-width: 300px) {

    .product-slider {
        min-height: auto;
        max-height: 550px;
    }

    .product-slider .carousel .carousel-control-prev {
        left: -25px;
        bottom: 31%;
    }

    .product-slider.carousel .carousel-control-next {
        right: -25px;
        bottom: 31%;
    }

    .categorias-container.carousel .carousel-control-prev {
        left: -25px;
        bottom: 0%;
    }

    .categorias-container.carousel .carousel-control-next {
        right: -25px;
        bottom: 0%;
    }

    .banner-slider.carousel .carousel-control-prev {
        left: -30px;
    }

    .banner-slider.carousel .carousel-control-next {
        right: -30px;
    }

    .product-slider.products-grid .product-item-info {
        min-height: 415px;
        max-height: 500px;
    }

    /* size for img in the slider-product*/
    .imagen-slider {
        height: 100%;
        max-height: 500px;
    }
}

body .page-wrapper .breadcrumbs {
    min-height: auto;
}

body .home-customer > section {
    margin-bottom: 0 !important;
}

body .footer-container .container .footer-content {
    gap: 0;
}

body .home-customer .home-customer__product-sections .home-customer__product-columns .home-customer__product-column .home-customer__product-grid .home-customer__product-card .home-customer__product-image-wrapper {
    max-width: 85%;
}

body .home-customer .home-customer__product-sections .home-customer__product-columns .home-customer__product-column .home-customer__product-grid .home-customer__product-card .home-customer__product-name {
    font-weight: 400;
}

body .ordercenter-dashboard-index .history-orders-title h1 {
    padding-top: 0;
}

body .quick-order-title h1 {
    padding-top: 0;
}

body .home-customer .categories-slider-main-container {
    margin-bottom: 0 !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23039EE3'  width='15' height='15' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23039EE3' width='15' height='15' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

body.catalog-product-view .column .product-info-main .page-title-wrapper .page-title {
    line-height: 0.7;
}

body.catalog-product-view .main .product-info-main .product-details-container .product-purchase .product-purchase__cart-section .product-purchase__form {
    margin-bottom: 0;
}

body.catalog-product-view .product-custom-tabs .tabs-navigation .tabs-list .tab-link {
    font-size: 16px;
    padding: 5.1px 20px;
}

body.page-products .products-grid .product-item .product-item-info {
    max-height: 510px;
}

body.checkout-cart-index .page-main > .page-title-wrapper .page-title {
    font-size: 16px;
    color: #646464;
}

.page-products .products-grid .product-item, .page-layout-1column .products-grid .product-item, .page-layout-3columns .products-grid .product-item, .page-products.page-layout-1column .products-grid .product-item, .page-products.page-layout-3columns .products-grid .product-item {
    margin-right: 2%;
    margin-left: 2%;
}

@media screen and (max-width: 400px) {
    .products-grid .product-item {
        width: calc((100% - 2%) / 1) !important;
    }

    body.page-products .products-grid .product-item .product-item-info {
        width: 100%;
        max-height: none;
    }
}

.account .products-grid.wishlist .product-item {
    width: calc((96% - 4%) / 3) !important;
    flex: none !important;
    max-width: none !important;
}

.account .products-grid .product-item .product-item-info {
    width: 100% !important;
}

.account .fieldset > .field:not(.choice) > .control {
    width: auto !important;
}

.account .products-grid.wishlist .product-item-actions {
    margin-top: 0 !important;
}

.account .products-grid.wishlist .product-item .fieldset .field.qty {
    margin-top: 10px !important;
}

.block-collapsible-nav .content .nav.item .delimiter {
    display: none !important;
}

.products-grid .product-item .product-item-name {
    height: 43px !important;
}

@media screen and (min-width: 400px) and (max-width: 650px) {
    .page-products .products-grid .product-item, .page-layout-1column .products-grid .product-item, .page-layout-3columns .products-grid .product-item, .page-products.page-layout-1column .products-grid .product-item, .page-products.page-layout-3columns .products-grid .product-item {
        width: calc((95% - 4%) / 2) !important;
    }

    .checkout-cart-index .cart-container .cart-two-columns-wrapper .cart-form-column{
        width: 100%;
        min-width: 100%;
    }
}



@media screen and (max-width: 440px) {
    .checkout-cart-index .cart-container .cart-two-columns-wrapper .cart-form-column{
        width: 100%;
        min-width: 100%;
    }
    
    .cart-container .cart-two-columns-wrapper .cart-form-column {
        min-width: 100%;
        flex: 1 1 100%;
    }
    
    .mobile-cart-item .mobile-cart-item-qty .qty-input-wrapper input.qty {
        height: 24px;
        max-width: 45px;
        font-size: 10px;
        padding: 0 20px 0 2px;
        border-width: 1px;
    }
}

@media screen and (min-width: 650px) and (max-width: 768px) {
    .products-grid .product-item {
        width: calc((92% - 2%) / 3) !important;
    }
}

@media screen and (max-width: 930px) {
    tbody.cart.item .product-item-name, tbody.cart.item .product-item-name a {
        width: auto;
        max-width: none;
    }
}

@media screen and (min-width: 770px) and (max-width: 930px) {
    #shopping-cart-table .cart .col[data-th="Descripción"] {
        width: 200px;
        max-width: 200px;
        padding: 10px 8px;
        vertical-align: middle;
    }
    
    #shopping-cart-table .cart .col[data-th="Descripción"] .product-item-name {
        width: 100%;
        display: block;
    }
    
    #shopping-cart-table .cart .col[data-th="Descripción"] .product-item-name a {
        width: 100%;
        display: -webkit-box;
        display: box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.3;
        max-height: 2.6em;
        font-size: 10px;
        word-break: break-word;
    }
}

@media screen and (min-width: 769px) and (max-width: 800px) {
    #shopping-cart-table {
        table-layout: fixed;
    }
    
    #shopping-cart-table th.col.photo,
    #shopping-cart-table td.col.photo {
        width: 8%;
    }
    
    #shopping-cart-table th.col.code,
    #shopping-cart-table td.col.code {
        width: 12%;
    }
    
    #shopping-cart-table th.col.item,
    #shopping-cart-table td.col.item {
        width: 20%;
    }
    
    #shopping-cart-table th.col.discount,
    #shopping-cart-table td.col.discount {
        width: 9%;
    }
    
    #shopping-cart-table th.col.price,
    #shopping-cart-table td.col.price {
        width: 15%;
    }
    
    #shopping-cart-table th.col.qty,
    #shopping-cart-table td.col.qty {
        width: 10%;
    }
    
    #shopping-cart-table th.col.subtotal,
    #shopping-cart-table td.col.subtotal {
        width: 15%;
    }
    
    #shopping-cart-table th.col.actions,
    #shopping-cart-table td.col.actions {
        width: 8%;
    }
    
    #shopping-cart-table th,
    #shopping-cart-table td {
        padding: 5px 3px;
    }
    
    #shopping-cart-table th span {
        font-size: 10px;
    }
    
    #shopping-cart-table th.col.item span {
        font-size: 9px;
    }
    
    #shopping-cart-table th.col.discount span {
        font-size: 9px;
    }
    
    .cart.table-wrapper .col.qty .input-text,
    .cart.table-wrapper #shopping-cart-table .field.qty .control.qty input.qty {
        width: 40px;
        height: 30px;
        min-width: 40px;
        max-width: 40px;
        padding: 0;
        font-size: 12px;
        margin: 0;
        box-sizing: border-box;
    }
    
    #shopping-cart-table .field.qty .control.qty button {
        padding: 0;
        width: 15px;
        height: 15px;
        min-width: 15px;
        min-height: 15px;
        line-height: 0;
    }
    
    #shopping-cart-table .field.qty .control.qty button span:before {
        font-size: 10px;
        line-height: 10px;
    }
    
    #shopping-cart-table .field.qty {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
    
    #shopping-cart-table td.col.qty {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    #shopping-cart-table .product-item-photo img {
        max-width: 45px;
        height: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 768px) {
    #shopping-cart-table th.col {
        padding: 5px 2px;
        font-size: 9px;
    }
    
    .cart.table-wrapper .col.qty .input-text,
    .cart.table-wrapper #shopping-cart-table .field.qty .control.qty input.qty {
        width: 25px;
        height: 25px;
        padding: 0;
        font-size: 10px;
    }
    
    #shopping-cart-table th.col.item,
    #shopping-cart-table td.col.item {
        width: 22%;
    }
    
    #shopping-cart-table th.col.discount,
    #shopping-cart-table td.col.discount {
        width: 9%;
    }
    
    #shopping-cart-table th.col.qty,
    #shopping-cart-table td.col.qty {
        width: 10%;
    }
    
    #shopping-cart-table th.col.item span,
    #shopping-cart-table th.col.discount span {
        font-size: 8px;
        letter-spacing: -0.3px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1030px) {
    .page-main .products-grid .four-columns {
        display: inline-block !important;
    }

    .page-main .products-grid .product-items:not(.four-columns) .product-item {
        width: 29.5% !important;
        max-width: 29.5% !important;
    }

    .page-main .products-grid .four-columns .product-item {
        width: calc((100% - 4%) / 3) !important;
    }
}

@media screen and (min-width: 1030px) {
    .page-main .products-grid .four-columns {
        display: inline-block !important;
    }

    .page-main .products-grid .four-columns .product-item {
        width: calc((100% - 4%) / 4) !important;
    }
}

@media screen and (max-width: 530px) {
    .account .products-grid.wishlist .product-item {
        width: calc((96% - 4%) / 1) !important;
    }
}

@media screen and (max-width: 768px) {
    .products-grid.wishlist .product-item-photo {
        width: 80px;
    }
}

@media screen and (min-width: 530px) and (max-width: 1200px) {
    .account .products-grid.wishlist .product-item {
        width: calc((96% - 4%) / 2) !important;
        flex: none !important;
        max-width: none !important;
    }
}