/* ---------- style.css Optimizado (Mobile First) ---------- */

/* Diseño Mobile (GENERAL)*/

    /* --- Configuraciones del BODY (Mobile) --- */

        body {padding-top: 180px !important;}
        body::-webkit-scrollbar {width: 8px; /* width of the entire scrollbar */}
        body::-webkit-scrollbar-track {background: #fff; /* color of the tracking area */}
        body::-webkit-scrollbar-thumb {
            background-color: #ed342f;
            /* color of the scroll thumb */
            border-radius: 20px;
            /* roundness of the scroll thumb */
        }

        

    /* --- KeyFrames --- */

        /* --- KeyFrames Para el mensaje de la barra superior --- */

            @keyframes alternartexto {
                0% {margin-top: 0;}
                20% {margin-top: 0;}
                25% {margin-top: -20px;}
                50% {margin-top: -20px;}
                55% {margin-top: -40px;}
                80% {margin-top: -40px;}
                85% {margin-top: -20px;}
                95% {margin-top: -20px;}
            }

            @keyframes escribir {
                from {width: 100%;}
                to {width: 0%;}
            }

    /* --- Globales ---- */

        .rotar180 {transform: rotate(180deg);}
        .rotar0 {transform: rotate(0deg) !important;}
        .show {display: block !important;}
        .hide {display: none !important;}

    /* --- Font Style (Mobile)--- */

        body, .form-control, .form-select, a, .h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5, .swiper-title, button.p-open, .btn {
            font-family: 'Poppins', sans-serif !important;
        }

        body {
            color: #484848;
        }

        h2, .h2 {
            font-size: 20px;
        }

        h3 {
            color: #484848 !important;
        }

        .text-accent {
            color: #e2242a;
            font-weight: 700;
        }

    /* --- Header (Mobile) --- */

        .head-primary {
            background: url(https://d26lpennugtm8s.cloudfront.net/stores/001/019/373/rte/FONDO_BODY3.jpg) repeat left center;
            color: #e2242a;
            border-bottom: 1px solid #ededed;
        }

        .head-dark a, .head-primary a {
            color: #e2242a;
            fill: #fff;
        }

        .head-primary .modal-close {
            fill: #e2242a;
        }

        header .container-fluid {
            transition: .3s;
        }

        .head-primary .utilities-item svg {
            color: #e2242a;
            fill: #e2242a;
        }

        .nav-row {
            border: 0;
        }

        .head-primary .form-control::placeholder {
            color: #e2242ab8;
            text-align: center;
        }

        header.compress .container-fluid {
            fill: #e2242a;
            padding-top: 0;
            right: 17px;
            font-size: 8px;
        }

    /* --- Header Search (Mobile) --- */


        .search-input-submit {
            fill: #e2242a;
            right: 17px;
            font-size: 8px;
            top: 3px;
        }


        .head-primary .form-control {
            background-color: rgba(255, 255, 255, .3);
            line-height: 20px;
            text-align: center;
            color: #e2242a;
            font-weight: 300;
            font-size: 16px;
            padding-left: 22px;
            background-color: #fafafa !important;
            border-radius: 70px;
            outline: none;
            border: 2px solid #ededed;
        }


        .head-primary .js-search-container {
            padding: 0 5%;
        }

    /* --- Header Search Suggest (Mobile) --- */

        head-primary .search-suggest a.btn {
            background-color: #e2242a;
        }

        .head-primary .search-suggest {
                background-color: #fff;
                border-radius: 0 0 4px 4px;
        }
        .head-primary .search-suggest .search-suggest-list .search-suggest-item:not(:last-child) {
            border-bottom: 1px solid #efefef;
        }
        .head-primary .search-suggest .search-suggest-list {
            padding: 10px 20px;
        }
        .head-primary .search-suggest .search-suggest-list .js-search-suggest-all-link {
            letter-spacing: 0;
            font-weight: 400;
            font-size: 14px;
            text-transform: none;
        }
        .head-primary .search-suggest-item {
            padding: 15px !important;
        }
        .head-primary .search-suggest-item a {
            color: #444
        }
        .head-primary .search-suggest-item svg {
            fill: #444;
            margin-top: 18px !important;
        }
        .head-primary .search-suggest-item .search-suggest-name {
            padding-top: 4px;
        }
        .head-primary .search-suggest-item .search-suggest-name+p {
            margin-bottom: 0;
        }
        .head-primary .search-suggest-item .search-suggest-text {
            margin-bottom: 0 !important;
        }
        .head-primary .search-suggest-item .search-suggest-image-container {
            width: 50px;
            height: 50px;
            overflow: hidden;
            border-radius: 50%;
            margin-right: 6px;
        }

    /* --- Logos (Mobile) --- */

        .logo-mobile {
            display: block;
            position: absolute;
            top: 40px;
            text-align: center;
            left: 0;
            right: 0;
        }

        .logo-mobile-navidad {top: 42px;}


        .logo-mobile img {
            width: 160px;
            position: absolute;
            left: calc(50% - 80px);
            z-index: 9999;
        }

        .logo-mobile-navidad img {
            width: 220px;
            left: calc(50% - 110px);            
        }        

        .logo-img {
            display: none;
        }

    /* --- Top Bar Original (Mobile) --- */

        .section-topbar .font-small {
            font-size: 11px;
        }

        .section-topbar {
            background-color: #e2242a;
            /*#e2242a*/
            color: #fff;
            fill: #fff;
            margin-bottom: 8px;
            display: none;
        }

    /* --- Top Bar Con Mensajes en Movimiento (Mobile) --- */


        .section-bottombar {
            top: 0px;
            position: relative;
            width: 100%;
            left: 0;
            z-index: 99;
            margin-bottom: 0 !important;
            display: block !important;
        }

        .section-bottombar .ofertas-container {
            overflow: hidden;
            height: 20px;
        }

        .section-bottombar ul {
            padding: 0;
            list-style: none;
            margin: 0;
            animation: alternartexto 15s infinite;
        }

        .section-bottombar li {
            color: white !important;
            font-size: 14px;
            line-height: 20px;
            font-weight: 400;
            margin: 0;
        }

    /* Barra de Banderines de Colores */

        .banderin-group1, .banderin-group2, .banderin-group3 {
            display: flex;
            padding: 0;
            margin: 0;
        }

        .container-banderin {
            display: flex;
            padding: 0;
            margin: 0;
            width: 100vw;
            position: relative;
            z-index: 0;
        }

        .banderin-group2, .banderin-group3 { /* cambiar html con display none*/
            display: none;
        }

        .banderin {
            height: 3.5vw;
            width: 8.33vw;
            border-radius: 0px 0px 50px 50px;
            box-shadow: 0px 6px 3px 0px #80808033;
        }

        .banderinblanco {background-color: #fff;}
        .banderin1 {background-color: #55a6d9;}
        .banderin2 {background-color: #8bcdf2;}
        .banderin3 {background-color: #91c6a3;}
        .banderin4 {background-color: #f9ea22;}
        .banderin5 {background-color: #d73557;}
        .banderin6 {background-color: #3372b4;}

    /* --- Barra Lamparitas (Mobile) --- */

        .barra-lamparitas {
            width: 1800px;
            bottom: -25px;
            pointer-events: none;
            position: absolute;
        }

    /* --- Halloween (Mobile)--- */

        .halloween-telarana-desk1, .halloween-telarana-desk2, .halloween-telarana-desk3, .halloween-telarana-mobile {
            display: none;
        }


        .halloween-telarana-mobile {
            pointer-events: none;
            display: block;
            width: 104%;
            position: absolute;
            filter: drop-shadow(2px 4px 6px black);
        }

        .halloween-arana-gif {
            display: none;
            position: absolute;
            top: -46px;
            left: 61%;
            height: 77px;
            z-index: 999999;
        }


    /* --- Menu Hamburger (Mobile) --- */

        .nav-list-link {
            font-weight: 700 !important;
        }
        .nav-list-link:hover {
            color: #39abdf !important;
        }


        .head-primary .nav-item-container a:hover {
            color: #fff;
            font-weight: 700;
        }

        .head-primary .nav-item-container .nav-list-link.active {
            background-color: #e2242a6e;
        }

        .head-primary .nav-primary .nav-list .list-subitems {
            background-color: #e2242a21;
        }

        .head-primary .nav-primary .nav-list .nav-item {
            border-color: #d6d6d6;
        }

        .modal-nav-hamburger {
            padding-top: 12px;
        }

        .navigation-topbar {
            display: none;
        }

        .nav-primary .nav-list .list-subitems .nav-list-link {
            font-weight: 400;
            font-size: 14px;
            padding-left: 40px;
        }

        .modal-nav-hamburger .logo-img-container {
            height: 160px;
            padding-left: 15px;
        }

        .modal-nav-hamburger .logo-img-container a {
            position: relative;
            padding: 50px 15px 0;
            display: block;
        }

        .modal-nav-hamburger .logo-img-container img {
            display: block;
            width: 180px;
            max-height: initial;
        }

        .modal-nav-hamburger .modal-close {
            right: 30px;
            position: absolute;
        }

        .modal-nav-hamburger .modal-close svg {
            font-size: 30px;
        }

        .logo-img-container {
            margin-left: 20px;
        }

        .modal-body .logo-img-container {
            margin-left: 35px;
        }

        #nav-hamburger::-webkit-scrollbar {
            width: 8px;
            /* width of the entire scrollbar */
        }

        #nav-hamburger::-webkit-scrollbar-track {
            background: #fff;
            /* color of the tracking area */
        }

        #nav-hamburger::-webkit-scrollbar-thumb {
            background-color: #ed342f;
            /* color of the scroll thumb */
            border-radius: 20px;
            /* roundness of the scroll thumb */
            /*border: 2px solid #e2242a;  /* creates padding around scroll thumb */
        }


    /* --- Header Utilities (Mobile) --- */

        /*notificacion carrito*/

        .head-primary .cart-widget-amount {
            color: #fff;
            background: #e2242a;
            font-size: 10px !important;
        }

        .utility-head span.cart-widget-amount {
            height: 20px;
            width: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        
        /*Nombres iconos header (Mi cuenta, etc)*/
        .utility-name {
            padding-top: 5px;
            font-size: 10px;
            text-transform: uppercase;
        }
       
        /*Menu abierto de Mi Cuenta, Ayuda etc*/
        .subutility-list {
            background-color: #fff;
            border-radius: 2px;
        }

        /*Menu abierto de Mi Cuenta, Ayuda etc*/
        .subutility-list li {
            padding-left: 10px;
            padding-right: 10px;
        }
        
        /*Menu abierto de Mi Cuenta, Ayuda etc*/
        .subutility-list li a {
            color: #444;
            font-weight: 300;
            font-size: 12px;
        }
        
        
        /*icono whatsapp en menu abierto en el header*/
        .subutility-list li a.contact-link svg {
            fill: #444;
            font-size: 14px
        }

        .utilities-item {
            padding-top: 18px
        }


    

    /* --- Notificaciones (Mobile) --- */

        .notification-fixed-bottom {
            width: 90%;
            left: 5%;
            border-radius: 20px;
            background: #ffffffdd !important;
            border: 2px solid #ed342f;
            bottom: 10px;
        }

        .contact-item-devolucion {
            background: #ed342f;
            padding: 13px;
            color: white !important;
            border-radius: 50px;
            margin: 15px;
            width: 85%;
            text-align: center;
            font-weight: 700;
        }

    /* --- Decoracion para Primavera --- */

        .deco-primavera-desktop, .deco-primavera-mobile {
            display: none !important;
            width: 100%;
            pointer-events: none;
            position: absolute;
        }

    /* ------------- HOME ------------- */

        /* --- Slider Principal (Mobile) --- */

            .slider-desktop {
                display: none !important;
            }

            .slider-mobile {
                display: block !important;
            }


            .js-home-slider-container {
                    margin-top: 0;
                    margin-bottom: 0 !important;
                }



            .mt-4-search {
                margin-top: 35px;
            }

            .swiper-title {
                font-size: 25px;
                line-height: 120%;
                font-weight: 700;
                margin-bottom: 25px;
                -webkit-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
                -moz-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
                text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
                margin-bottom: 25px;
            }

            .swiper-description {
                padding-top: 0px;
                font-size: 12px;
                font-weight: 700;
                -webkit-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
                -moz-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
                text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
                text-transform: uppercase;
            }

            .js-home-slider-container .section-slider {
                height: calc(100vw * 1.10);
            }

            .js-home-slider-container .swiper-pagination {
                width: 70% !important;
                bottom: 0px !important;
                left: 15% !important;
            }


            .swiper-light .swiper-btn {
                -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
                -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
                box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
            }
            .nube-slider-home .svg-icon-text.svg-circle {
                border-color: #fff;
            }
            /*Flechas de swipe*/
            .nube-slider-home .svg-icon-text.svg-circle svg {
                fill: #fff;
            }
            /*Flechas de swipe*/


        /* --- Section Banners Secundarios (Mobile)--- */

            .secondary-banners-container {
                display: block;
            }

            .secondarybanner-link {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
            }

            .secondary-banner-img {
                position: relative;
                width: 100%;
                height: calc(100vw * 0.35);
                margin-top: 3px;
                background-size: cover;
            }

            .textbanner-image.overlay:after {
                background: none;
            }

            .section-banners-home .container-fluid .col-md-4 {
                padding-right: 20px;
                padding-left: 20px;
                padding-bottom: 20px;
            }

            .section-banners-home .textbanner-text.over-image .h2 {
                font-size: 20px;
            }

            .section-banners-home .row {
                margin-right: 0px;
                margin-left: 0px;
            }

            .item-product .img-absolute-centered {
                min-height: 200px;
            }




        /* --- Section Slider Categorias Destacadas (Mobile) --- */

        

            .section-featured-categories-home {
                background: #f2f2f2;
                padding: 35px 0 50px;
            }
            a.navigation-boton {
                display: inline-flex;
                background: #fff;
                padding: 30px 31px;
                margin: 15px;
                border-radius: 72px;
                color: #333;
                font-weight: 700;
                font-size: 16px;
                box-shadow: 0px 1px 9px 0px #8080806e;
                text-transform: uppercase;
                align-items: center;
            }
            .navigation-botones-container {
                display: flex;
                flex-direction: row;
                align-items: center;
                height: auto;
                justify-content: center;
                flex-wrap: wrap;
                margin: 30px;
            }
            .navigation-boton svg {
                height: 30px;
                margin-right: 15px;
                fill: #39abdf;
            }
            .js-swiper-categories-prev {
                left: -80px;
            }
            .js-swiper-categories-next {
                right: -80px;
            }
            .swiper-category-item {
                width: 130px;
                height: auto;
                margin: 10px;
                max-width: 130px;
                min-width: 130px;
                background: white;
                border-radius: 10px;
                overflow: hidden;
                box-shadow: 0px 1px 9px 0px #8080806e;
                padding: 5px;
            }
            .swiper-category-item:hover {
                box-shadow: 0px 1px 7px 4px #8080806e;
            }
            .swiper-categories-title {
                height: 30px;
                text-align: center;
                font-size: 14px;
                font-weight: 600;
                color: #333;
                padding: 5px;
            }
            .swiper-categories-image {
                height: 120px;
                transform: scale(0.7);
            }



            .navigation-categories-container .h1, .navigation-searching-container .h1 {
                font-size: 20px;
            }
            .navigation-categories-container {
                height: 240px;
                background: white;
                width: 90%;
                border-radius: 10px;
                /*box-shadow: 0px 4px 5px #8080804d;*/
                border: 1px solid #ededed;
                padding: 15px;
                position: relative;
                left: 5%;
            }
            .navigation-categories-title {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
            }
            .navigation-categories-title .h1 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                font-size: 15px !important;
                line-height: 15px;
                text-transform: uppercase;
                text-align: left;
            }
            .navigation-categories-title a {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                font-size: 10px;
                line-height: 15px;
                color: #39abdf;
                text-align: right;
            }
            .navigation-categories-slider {
                margin-top: -200px;
            }

        /* --- Slider Promos Bancarias --- */

        .navigation-promos-container {
            height: 260px;
            background: white;
            width: 90%;
            border-radius: 10px;
            /*box-shadow: 0px 4px 5px #8080804d;*/
            border: 1px solid #ededed;
            padding: 15px;
            position: relative;
            left: 5%;
        }

        .navigation-promos-slider {
                margin-top: -220px;
            }

        .swiper-promo-item {
                width: 150px;
                height: auto;
                margin: 10px;
                max-width: 150px;
                min-width: 150px;
                background: white;
                border-radius: 10px;
                overflow: hidden;
                box-shadow: 0px 1px 9px 0px #8080806e;
                padding: 5px;
            }

        .swiper-promos-title {
                height: 60px;
                text-align: center;
                font-size: 20px;
                font-weight: 700;
                color: #39abdf;
                padding: 5px;
                align-content: center;
            }

        .swiper-promos-image {
            height: 50px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        .swiper-promos-description {
            text-align: center;
            padding-bottom: 10px;
            padding-top: 10px;
        }

        /* --- Banner informativos (Mobile) --- */

            .section-informative-banners {
                background-color: white;
                margin-top: 0px;
                margin-bottom: 0px;
                border-top: 60px solid #f2f2f2;
            }

            .section-informative-banners .h5 {
                font-size: 14px !important;
            }

            .section-informative-banners .m-0 {
                font-size: 12px !important;
            }

            .section-informative-banners {
                padding: 30px 0 30px 5px;
            }

            .section-informative-banners .service-pagination {
                margin-top: 0px;
            }

            .service-item-container .col-auto {
                background: #39abdf;
                height: 80px;
                width: 80px;
                border-radius: 50%;
                margin-right: 25px;
                padding: 21px 22px; 
                text-align: center;
            }
            .service-item-container .col-auto svg {
                font-size: 34px;
                fill: #fff;
            }
            .service-item-container .col-auto svg.money {
                margin-top: 3px;
                margin-left: -7px;
            }
            .service-item-container .service-item h3 {
                margin-bottom: 5px !important;
            }
            .service-item-container .service-item p {
                color: #999;
            }


         /* --- Category Banner (Mobile) --- */

            .category-banner-title {
                display: inline-grid;
                height: 100%;
                width: 70%;
                text-align: center;
                font-size: 15px;
                line-height: 25px;
                color: #000;
                background: white;
                align-items: center;
                padding: 10px;
            }

            .category-banner-container:hover {
                box-shadow: 0px 3px 13px 8px #e4e4e4;
            }

            .category-banner-container {
                display: inline-flex;
                width: 300px;
                height: 90px;
                margin: 10px;
                overflow: hidden;
                cursor: pointer;
                border-radius: 10px;
                box-shadow: 0px 3px 7px 0px #e3e3e3;
                border: 1px solid #f7d1e6;
            }

            .category-banner-img {
                display: inline-flex;
                height: 100%;
                width: 30%;
                background-size: cover;
                overflow: hidden;
            }







        /* --- Section Banners Categorias (Mobile) --- */

    /*            .section-banners-home .h2 {
                font-size: 22px;
                font-weight: 400;
            }

            .section-banners-home .textbanner-image {
                padding-top: 50%;
            }

            .textbanner-text.over-image {
                top: 50%;
            }

            .textbanner-image-text {
                border-bottom: none !important;
            }

            .textbanner-image {
                background-size: 100%;
                transition: background-size .1s ease-in;
                -moz-transition: background-size .1s ease-in;
                -ms-transition: background-size .1s ease-in;
                -o-transition: background-size .1s ease-in;
                -webkit-transition: background-size .1s ease-in;
            }

            .textbanner-image:hover {
                background-size: 105%;
            }*/

        /* --- Section Productos Destacados (Mobile) --- */

            .section-featured-home .h1 {
                font-size: 20px !important;
                text-transform: uppercase;
            }

            .section-featured-home {
                background-color: #f2f2f2;
                margin-bottom: 0;
                padding: 40px 0;
            }


            .section-featured-home .container {
                padding-right: 20px;
                padding-left: 20px;
                background: #fff;
                border-radius: 20px;
                /*box-shadow: 0px 4px 5px #8080804d;*/
                border: 1px solid #ededed;
                padding-top: 20px;
                width: 90%;
                max-width: 1300px;
                overflow: visible;
            }


            .section-featured-home .container .swiper-container {
                width: calc(100vw - 10px);
                left: -5vw;
            }

            .js-item-product .js-product-container {
                background: #fff;
                overflow: hidden;
                box-shadow: 1px 1px 15px 0px #d6d6d66b;
                border-radius: 20px;
            }


            .item {
                border-radius: 2px;
                transition: 0.2s;
                transform: scale(1) !important;
                padding-top: 0;
            }

            .item-image {
                height: 250px;
            }


            .item-actions div:first-child a {
                margin-right: 0px !important;
            }

            .item-actions div:last-child a {
                width: 52px !important;
                padding: 6px 5px 4px !important;
                margin-left: -2px;
            }

            .item-description {
                border-bottom: 0;
                padding: 10px 0 15px !important;
            }

            .item-name {
                margin-bottom: 0 !important;
                height: 80px;
                font-size: 15px;
                line-height: 18px;
                padding-left: 10px;
                padding-right: 10px;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .item-actions {
                visibility: visible;
                opacity: 1;
                padding: 10px 5px;
            }

            .item-actions .btn {
                transition: .1s;
                font-size: 10px;
                letter-spacing: 0.5px;
                font-weight: 400;
                padding: 12px 15px !important;
                /*margin-left: -10px;*/
                margin-bottom: 0 !important;
            }

            .item-product:hover .item-description {
                border-bottom: none;
            }
            .item-product .img-absolute-centered {
                transition: .2s;
                min-height: 300px;
            }
            .item-product:hover .img-absolute-centered {
                transform: translateX(-50%) scale(1.05) !important;
                -webkit-transform: translateX(-50%) scale(1.05) !important;
                -ms-transform: translateX(-50%) scale(1.05) !important;
            }
            .item-product .btn-secondary {
                padding: 8px 8px 7px !important;
                margin: 0 auto;
            }
            .item-product .svg-icon-primary {
                display: none;
            }
            /*icon de botones*/
            .item-image img {
                max-height: 600px;
            }
            .item-product:hover {
                box-shadow: none;
            }

            .item-product .item-price::first-letter {
                font-size: 70%;
                padding-right: 10px;
            }


        /* --- Section Newsletter (Mobile) --- */

            .newsletter h3 {
                font-size: 28px;
                line-height: 130%;
                color: #fff !important;
                margin-bottom: 8px !important;
            }

            .section-newsletter-home {
                background-color: #287fbd !important;
                padding: 40px 0 20px;
            }

            .newsletter .form-control {
                font-size: 20px;
                color: #444;
                font-weight: 300;
                padding: 15px;
            }

            .newsletter .form-control::placeholder {
                color: #999;
            }

            .newsletter form {
                margin: 30px 0 !important;
            }

            .newsletter p {
                font-size: 16px;
                margin-bottom: 0;
            }
            .newsletter form .newsletter-btn {
                height: 22px;
                fill: #444;
                top: 16px;
            }

        /* --- Section Feed Instagram (Mobile) --- */

            .instafeed-user {
                margin-bottom: 0;
            }

            

            .section-instafeed-home {
                margin-bottom: 40px;
                margin-top: 0;
                padding-top: 40px;
                background: #fafafa;
            }

            .instafeed-title {
                margin-bottom: 30px;
            }

            .instafeed-img {
                padding-top: 0;
                height: calc(100vw * 0.33);    
            }

            .section-newsletter-home, .section-instafeed-home {
                margin-bottom: 40px;
                margin-top: 40px;
            }



        /* --- Section Video (Mobile) --- */

            .section-video-home h2 {
                font-size: 28px;
                line-height: 140%;
            }

        /* --- Section Banners promocionales (Mobile) --- */

            .section-banners-home {
                margin-bottom: 0px;
                margin-top: 0px;
                padding-top: 20px;
                overflow: hidden;
                position: relative;
            }

            .section-banners-home::before {
                content: ' ';
                position: fixed;
                width: 410%;
                height: 100%;
                top: 0;
                left: 0;
                background-color: #fafafa;
                background-size: contain;
                will-change: transform;
                z-index: -1;
            }

            .promotional-banners {
                padding-top: 0;
            }

            .textbanner {
                border-radius: 20px;
                box-shadow: 0px 1px 5px 0px #3333336b;
                margin: 7px -15px 7px -15px;
            }

            .section-banners-home .container-fluid {
                padding-right: 0px;
                padding-left: 0px;
            }
            .section-banners-home .container-fluid .col-md-4 {
                padding-right: 0px;
                padding-left: 0px;
            }
            .section-banners-home .btn {
                padding: 6px 15px 5px;
            }
            .section-banners-home .textbanner-text.over-image .h2 {
                font-weight: 600;
                font-size: 35px;
                text-shadow: 2px 2px 15px #00000091;
            }

            .textbanner .textbanner-image.overlay {
                transition: .2s;
            }


    /* --- GENERAL--- */

        /*Forms*/

        
            .form-control {
                border-radius: 50px;
            }
            .form-select {
                border-radius: 50px;
            }
            .form-control:hover, .form-select:hover, .form-quantity:hover {
                /* border: 1px solid rgba(68, 68, 68, 0.3); */
            }
            .js-cart-quantity-input {
                border: 1px solid transparent !important;
            }
            .icon-inline.icon-w-14 {
                width: 12px
            }
            .form-group .form-select-icon {
                bottom: 10px;
                right: 18px;
            }    

    /* --- Labels (Mobile) --- */

        .label {
            background: #fafafa;
            color: #e2242a;
            border: none;
            border-radius: 5px;
            text-align: center;
        }

        .labels {
            top: 25px;
            left: 5%;
            width: 90%;
            height: 230px;
        }

        .label-promoespecial {
            background: #e1c132 !important;
            border-radius: 5px;
            text-align: center;
        }

        .label.label-secondary {
            background: #55a6d9;
            color: #fff;
            text-align: center;
            border-radius: 0;
        }

        .label.label-primary {
            background: #39abdf;
            color: #ffffff;
            width: fit-content;
            border-radius: 5px;
            text-align: center;
        }

        .label-helio {
            border-radius: 5px;
            text-align: center;
            background: #7fceef !important;
        }

        .labels .envio {
            position: absolute;
            right: 0;
            top: 0px;
            font-size: 11px;
        }


        .label-envios {
            border-radius: 5px;
            text-align: center;
            background: #e03759 !important;
        }

        .label-envios-propios {
            background: #97c6a2 !important;
            padding-top: 4px !important;
            padding-bottom: 8px !important;
        }

        .camion-envios {
            font-size: 18px !important;
        }
 
        .label-sintacc { 
            background: none !important;
            display: flex;
            justify-content: flex-end;
            position: absolute;
            bottom: 0;
        }

        .label-sintacc img {
            height: 50px;
            /*filter: drop-shadow(0 0 0.75rem crimson);*/
        }

    /* --- Modals (Mobile) --- */

        .modal-header:hover, .modal-header:focus {
            background-color: #e2242a;
            color: #ffffff;
            fill: #ffffff;
            border-bottom: 1px solid #ffffff;
        }

        .modal-header {
            padding: 20px;
        }

        .modal-close {
            top: 15px;
            border: 0;
        }

        .modal-header:hover .modal-close, .modal-header:focus .modal-close {
            border: 0;
        }

        .modal-right {
            border-radius: 2px;
        }

        .modal-overlay {
            background: rgba(0, 0, 0, .6);
        }

    /* --- Botones --- */

        .head-primary .search-suggest a.btn {
            background-color: #e2242a;            
        }

        .col-cta {
            flex: 100% !important;
            max-width: 100% !important;
        }



        .variant-stock {
            color: #39abdf;
            font-weight: bold;
            text-align: center;
            margin-bottom: 25px;
        }

        .boton-ver {
            display: none;
        }

        .volver-atras {
            display: none !important;
            position: absolute;
            background: transparent;
            width: 70px;
            height: 44px;
            top: 20px;
            left: 10px;
            z-index: 10;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 60px;
            font-size: 20px;
            color: #e2242a;
            border: 2px solid #e2242a;
        }



        button.p-open {
            max-width: 300px;
            position: relative;
            left: calc(50% - 150px);
            border-radius: 50px;
        }


        .boton-ver {
            display: none;
        }

        .btn {
            transition: .1s;
        }

        .btn:hover:not(.form-quantity-icon, .notification) {
            transform: scale(1.05);
            opacity: 1;
        }

        .js-addtocart:hover {
            transform: scale(1.01) !important;
        }

        .boton-variantes {
            background-color: #39abdf;
        }
    

        .btn-default {
            border-radius: 50px;
            padding: 10px 15px;
        }

        .btn-primary {
            padding: 20px 18px;
            color: #ffffff !important;
            fill: #ffffff !important;
        }

        .item-buy-variants .btn-primary {
            padding: 12px 12px;
            font-size: 10px !important;
        }

        .section-slider .btn-primary {
            padding: 12px 18px;
        }

        .boton-comprarapida {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            padding: 0 !important;
        }

        .boton-envios {
            border-radius: 50px;
            background: #39abdf;
            color: white;
            text-align: center;
            font-size: 15px;
            padding: 5px 0px 5px 0px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .btn-secondary {
            padding: 13px;
            color: #39abdf !important;
            border: 1px solid #39abdf;
            font-weight: 700;
            background-color: white !important;
            margin-left: 10px;
        }

        .notification .btn:hover {
            transform: scale(1.02) !important;
        }

        .js-last-product {
            color: #e2242a;
            flex: 0 0 100%;
            max-width: 100%;
            text-align: center !important;
        }

        .p-optin .p-header {
            font-weight: 400 !important;
            font-size: 1.4em !important;
        }

        .boton-comprarapida .js-quantity {
            border-radius: 50px;
            padding: 0px 10px;
            width: 120%;
            left: -14%;
        }

        .boton-comprarapida .variant-stock {
            margin-bottom: 10px;
            font-size: 10px;
        }

        .boton-comprarapida .last-product {
            padding: 0;
        }

        .boton-comprarapida .last-product .h6 {
            font-size: 10px;
        }

         a.navigation-boton {
            font-size: 14px;
            min-width: 290px;
            margin: 10px;
        }

        .navigation-categories-container .h1, .navigation-searching-container .h1 {
            font-size: 18px;
        }

        a.boton-mayorista {
            background: #e2242a;
            color: #fff;
            padding: 16px 28px;
            border-radius: 50px;
        }


    /* --- Alertas (Desktop) --- */

        .falta-codigo-postal {
            color: #39abdf;
            font-weight: 400;
            text-align: center;
            border: 1px solid;
            padding: 10px;
            border-radius: 10px;
        }

        .alert {
            border: 2px solid;
        }

        .alert-zonasentrega .alert:before {
            margin-right: 0px;
            color: #39abdf;
            fill: #39abdf;
        }

        .alert-zonasentrega .alert-warning {
            color: #39abdf;
        }

        .alert-zonasentrega {
            display: block;
        }

        .alert-zonasentrega-1 {
            display: none;
        }

        .js-notification-status-page a {
            color: #fff !important;
            fill: #fff !important;
        }

        .devolucion-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .notification-secondary {
            background: #fafafa;
            color: #e2242a;
        }

        .pagoefectivo-msg, .stock-msg {
            border: 2px solid #e2242a;
            color: #e2242a;
            text-align: center;
            padding: 10px;
            border-radius: 10px;
            margin: 20px;
        }

        #stock-notification-container {
            border: none !important;
            border-radius: 50px !important;
            color: #fafafa !important;
            background: #39abdf !important;
            padding: 10px !important;
        }

        #stock-notification-container #stock-notification-form input#stock-notification-submit {
            color: #39abdf !important;
            border-radius: 50px !important;
            background: #fafafa !important;
            border: none;
        }

        #stock-notification-container #stock-notification-success-message {
            color: #fafafa !important;
            text-align: center !important;
        }

        #stock-notification-container #stock-notification-request-message i.arrow {
            border-color: #fafafa !important;
        }

    

    

    /* --- Tienda Abierta/Cerrado --- */

        
        .item-product  #tienda-abierta {
            padding: 0 20px;
        }

        .tienda-abierta {
            display: none;
        }

        .tienda-cerrada {
            border: 3px solid #39abdf;
            border-radius: 10px;
            padding: 10px;
            text-align: center;
            margin-bottom: 30px;
        }

        .btn-direccion-local {
            background: #39abdf;
            color: white;
            padding: 10px 24px;
            margin: 14px;
            position: relative;
            border-radius: 60px;
        }
        .btn-whatsapp-cerrado {
            display: inline-block;
            background: #4dc247;
            padding: 13px 25px;
            line-height: 6px;
            border-radius: 60px;
            color: white;
        }
        .btn-whatsapp-cerrado svg {
            height: 30px;
            width: auto;
            text-align: center;
            vertical-align: middle;
            color: white;
            fill: white;
            margin-right: 10px;
        }
    
    



    /* --- POPUP HOME (Mobile) --- */

        .popup-home-inicio {
            width: 300px;
            height: 150px;
            border-radius: 20px;
            position: fixed;
            background: #fff;
            left: 20px;
            bottom: -200px;
            background-size: cover;
            z-index: 99999;
            margin: 0;
            padding: 15px;
            transition: all 1s;
            border: 2px solid #fff;
            display: flex;
            align-items: center;
            box-shadow: 0px 4px 10px #00000059;
            transition-duration: 1.5s;

        }

        .move .popup-home-inicio {
            transform: translateY(-220px) ;
        }

        .popup-description-Title {
            font-size: 12px;
            color: red;
            font-weight: 700;
        }

        .popup-description-item {
            font-size: 12px;
            padding: 0;
            margin: 0;
        }

        .popup-image{
            height: 50px;
            width: 50px;
            background-size: cover;
            position: absolute;
            top: -30px;
            left: 20px;
            transition-duration: 5.5s;            
        }

        .move .popup-image{
            translate: 200px;
        }
        

        .popup-home {
            left: 10px !important;
        }

        /*.popup-home-inicio:hover {
            transform: scale(1.04) !important;
        }*/

        .popup-home-inicio h3 {
            font-size: 14px;
            color: #333 !important;
            padding: 15px;
        }

        .close-popup-home {
            /*display: none;*/
            fill: #39abdf;
            color: #39abdf;
            border: 1px solid white;
            background: none;
            height: 30px;
            width: 30px;
            text-align: center;
            font-size: 15px;
            line-height: 30px;
            border-radius: 50%;
            right: 5px;
            position: absolute;
            top: 5px;
            cursor: pointer;
        }

    /* --- POPUP HOME CENTER (Mobile) --- */

        .popup-home-center-container {
            width: 300px;
            height: 300px;
            border-radius: 12px;
            position: fixed;
            left: 50%;
            top: 50%;
            z-index: 99999;
            margin: 0px;
            padding: 0px;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            transition: all 1.5s;
            border: 3px Solid white;
            box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, 0.5);
            overflow: hidden;
        }

        .popup-home-center {
            width: 100%;
            height: 100%;
            background-size: cover;
        }

        .close-popup-home-center {
            fill: #39abdf;
            color: #39abdf;
            border: 2px solid #39abdf;
            height: 35px;
            width: 35px;
            text-align: center;
            font-size: 15px;
            line-height: 30px;
            border-radius: 50%;
            right: 10px;
            position: absolute;
            top: 10px;
            cursor: pointer;
            background: white;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    /*General */

    .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    /* --- Breadcrumbs (Mobile) --- */

        .breadcrumbs .crumb {
            color: #e2242a;
            font-size: 13px;
        }

        .breadcrumbs .crumb.active {
            color: #444;
            opacity: 0.5;
        }

        .breadcrumbs .divider {
            margin: 0 10px;
        }

        .breadcrumbs {
            margin-bottom: 10px !important;
            padding-top: 0px;
        }

        .breadcrumb-fix {
            margin-bottom: 40px;
            margin-top: 0;
        }

        .js-product-detail .breadcrumbs .active {
            display: none;
        }

    /*Sections*/

    

    /*.barra-colores {
        position: relative;
        top: 0px;
        z-index: 9999;
        height: 18px;
        width: 319%;
        height: 18px;
        filter: drop-shadow(0px 4px 6px #00000030);
    }*/

    #single-product .breadcrumbs {
        margin-top: 20px;
        margin-bottom: 20px !important;
    }



    /* --- PAGINA CATEGORIA DE PRODUCTO (Mobile) --- */


        .category-body .label-hotdays {
            padding: 0 !important  ;
            margin: 0 !important;
            padding-bottom: 15px !important;
        }

        .category-banner {
            display: none;
        }

        .mt-4, .my-4 {
            margin-top: 0px !important;
        }

        .category-header .page-header {
                display: none;
            }

        .category-body {
            background-color: #fafafa;
            padding-top: 20px;
        }

        .category-body .item-image {
                height: 250px;
                margin: -15px 0 0;
            }

        .breadcrumb {
            justify-content: flex-end;
        }
        .breadcrumb-fix {
            margin-bottom: 30px;
        }
        .breadcrumb-fix .breadcrumb {
            margin-bottom: 0 !important
        }
        .title-section {
            font-size: 13px;
            text-transform: uppercase;
            margin-bottom: 15px !important;
            font-weight: 600 !important;
        }

        /* --- Filters --- */
            #filters {
                    background: #fff;
            border-radius: 10px;
            padding: 20px;
            border: 1px solid #f7d1e6;
            }

            #filters h3 {
                font-weight: 400 !important;
                font-size: 12px;
                color: #39abdf !important;
            }
            #filters .checkbox-text {
                font-size: 13px;
            }
            .filters-container {
                margin-bottom: 30px;
            }
            .filters-container .title {
                font-weight: 600;
                text-transform: uppercase;
                font-size: 12px;
                margin-bottom: 12px;
            }
            .js-append-filters h3 {
                font-weight: 600;
                font-size: 12px;
                text-transform: uppercase;
            }
            .filter-remove {
                border-radius: 50px;
                padding: 1px 28px 1px 8px;
                background: #39abdf;
                border: 0;
                color: #fff;
            }
            .filter-remove:after {
                top: 4px;
                right: 9px;
                width: 8px;
            }

        .category-header .form-select {
            padding-left: 20px;
        }
        .category-header .form-select .form-group .form-select-icon {
            right: 20px;
            top: 11px;
        }
        .js-category-sidebar-item {
            padding-left: 15px;
        }
        .category-back {
            display: none !important;
        }
        .item-buy-variants {
            padding: 10px;
        }
        .js-sort-by {
            padding: 10px 20px;
        }


        .category-header {
            margin-top: 20px;
            margin-bottom: 15px;
        }

        .category-header.page-header {
            margin: 10px 0;
        }

        .category-header.page-header h1 {
            font-size: 20px !important;
        }

        .category-header.page-header .row {
            justify-content: center;
        }

        .category-header .page-header {
            display: none;
        }

        .item {
            padding: 5px;
        }


         /* --- Category Search bar (Mobile) --- */
   

            .category-search-container {
                width: 100%;
                background: #39abdf;
                text-align: center;
                text-align: -webkit-center;
                margin-bottom: 0;
            }

            .category-input-search::placeholder {
                color: rgba(255, 255, 255, .6);
            }

            .category-input-search {
                color: #fff;
                font-weight: 300;
                font-size: 16px;
                padding-left: 22px;
                background-color: rgba(255, 255, 255, .2);
                border-radius: 70px;
                border: none;
                outline: none;
                padding: 10px;
                margin: 10px;
                text-align: center;
                width: 85%;
            }

            .box-search {
                width: 85%;
                background-color: #fff;
                border-radius: 0 0 4px 4px;
                list-style-type: none;
                padding: 0;
            }

            .box-search li {
                padding: 10px;
                letter-spacing: 0;
                font-weight: 400;
                font-size: 18px;
                text-transform: none;
            }

        /* --- Lineas Infantiles (Mobile) --- */

            .lineas_infantiles_title {
                text-align: center;
                font-size: 18px;
                padding: 10px;
                font-weight: 700;
                width: 100%;
            }

            .lineas_infantiles_container {
                text-align: center;
                background: #fafafa;
                padding: 20px;
                margin-bottom: 40px;
                width: 100%;
                text-align: -webkit-center;
                padding-bottom: 30px;
                border-bottom: solid 1px #39abdf;
            }

            .lineas_infantiles {
                width: 90%;
                background: #39abdf;
                height: 80px;
                border-radius: 10px;
                padding: 10px;
                margin: 1%;
                display: inline-block;
                text-align: center;
                font-size: 14px;
                line-height: 30px;
                color: white;
                overflow: hidden;
                text-transform: uppercase;
            }

            .lineas_infantiles:hover {
                background: #287fbd;
            }

            .lineas_infantiles a {
                color: white !important;
            }

    /* --- FILTROS DE CATEGORIAS --- */

            .category_filters_container {
                text-align: center;
                background: #fff;
                padding: 0;
                margin-bottom: 40px;
                width: 100%;
                text-align: -webkit-center;
                border: solid 1px #f7d1e6; /*#39abdf;*/
                border-radius: 10px;
                overflow: hidden;
            }


            .category_filters_title {
                display: flex;
                flex-direction: row;
                align-content: center;
                align-items: center;
                justify-content: space-between;
                padding: 20px;
                font-weight: 700;
                color: #fff;
                background: #91c6a3;
            }

            .category_filters_title svg{
                fill: #fff;
            }

            .category_filters_content {
                padding: 20px;
                border-top: 1px solid #f7d1e6;
            }

    /* --- PAGINA DE PRODUCTO (Mobile) --- */

        
        .breadcrumbs .crumb.active {
            color: #e2242a !important;
            opacity: 1 !important;
            font-size: 18px;
            font-weight: 600;
        }

        .section-single-product .breadcrumbs .active {
            display: none
        }
        .social-share {
            text-align: center;
            margin-top: 10px;
        }
        .product-sku {
            text-align: center;
        }

        .item-installments {
            font-size: 12px;
            display: flex;
            justify-content: center;
        }

        /*.js-max-installments {
            display: none;
        }*/

        .js-product-name {
            font-size: 26px;
            font-weight: 600;
            line-height: 140%;
        }

        .product-image-container {
            height: auto;
            padding: 0 !important;
        }

        .js-prod-submit-form {
            letter-spacing: 0.5px;
            font-weight: 700;
            font-size: 15px;
        }

        .product-image-container .product-slider-image {
            height: 100%;
            max-width: initial;
            border-radius: 10px;
        }

        .section-single-product .js-price-display {
            font-weight: 700;
            margin-bottom: 12px;
            font-size: 30px;
        }


        #single-product .breadcrumbs {
            margin-bottom: 40px !important;
            margin-top: 10px;
        }
        .section-single-product .labels {
            position: initial;
            height: auto;
            display: flex;
            align-items: center;
        }
        .section-single-product .labels .label {
            display: inline-block;
            padding: 5px 12px;
            margin-bottom: 10px;
            font-size: 16px;
            font-weight: 600;
        }
        .section-single-product .labels .envio {
            position: initial;
        }

        .section-single-product .labels .label-sintacc {
            position: initial;
        }
        .js-price-display::first-letter {
            font-size: 70%;
            padding-right: 10px;
        }
        .js-product-payments-container {
            margin-bottom: 30px !important;
        }

        .js-quantity {
            border-radius: 50px;
            padding: 15px 20px;
        }

        .product-thumb {
            border-radius: 50%;
            overflow: hidden;
            height: 70px;
            width: 70px;
            display: block !important;
            border: 3px solid transparent;
        }
        .product-thumb img {
            min-width: 100%;
        }
        .product-thumb.selected {
            box-shadow: none;
            border: 3px solid #e2242a;
            border-collapse: separate;
            border-spacing: 17px;
        }

        .section-single-product .box, #modal-cart .box {
            box-shadow: none;
            border: 1px solid #ededed;
        }

        

        .section-single-product .swiper-pagination {
            position: absolute;
            width: 20%;
            background: #ffffff5e;
            bottom: 27px;
            left: 40%;
            padding: 10px 0;
            border-bottom: none !important;
        }

        /* --- Slider Productos Relacionados (Mobile) --- */



            .section-products-related h3 {
                font-size: 20px;
                line-height: 140%;
            }


            .section-products-related {
                    background-color: #f2f2f2;
                    margin-bottom: 0;
                    padding: 40px 0;
                }

            .section-products-related .container {
                    padding-right: 20px;
                    padding-left: 20px;
                    background: #fff;
                    border-radius: 20px;
                    /*box-shadow: 0px 4px 5px #8080804d;*/
                    border: 1px solid #ededed;
                    padding-top: 20px;
                    width: 90%;
                    max-width: 1300px;
                    overflow: visible;
                }

            .section-products-related .swiper-container {
                    width: calc(100vw - 10px);
                    left: -5vw;
                }


        /* --- Opcion Personalizada para Helio (Mobile)--- */

            .helio-container {
                position: fixed;
                top: 25%;
                left: 10%;
                width: 80%;
                max-width: 400px;
                height: auto;
                background: white;
                z-index: 999999;
                padding: 10px;
                border-radius: 25px;
                box-shadow: 2px 2px 17px 2px #8080809c;
                justify-content: space-around;
                align-items: center;
                flex-direction: column;
            }

            .btn-popup-helio {
                border: 2px solid #39abdf;
                border-radius: 50px;
                padding: 15px;
                color: #39abdf;
                text-align: center;
                margin: 20px 0;
                cursor: pointer;
                text-transform: uppercase;
                letter-spacing: 1px;
            }

            .btn-popup-helio:hover {
                color: white;
                background: #39abdf;
            }

            .boton-ver-helio {
                display: flex;
                position: relative;
                background: white;
                color: #444444;
                border-radius: 10px;
                width: 50%;
                left: 25%;
                margin: 30px 0 50px;
                padding: 20px;
                font-size: 16px;
                flex-direction: column;
                align-items: center;
                align-content: center;
                text-align: center;
                height: 180px;
                box-shadow: 0px 1px 9px 0px #8080806e;
            }

            .boton-ver-helio svg {
                height: 100px;
                margin-bottom: 15px;
                padding: 0;
                width: auto;
            }

            .carga-helio-message {
                border: 2px solid;
                padding: 10px;
                border-radius: 10px;
                font-weight: 700;
                color: #ed342f !important;
            }

            .helio-agregado {
                text-align: center;
                color: #39abdf;
                padding: 15px;
                margin: 20px;
                font-weight: 700;
            }

            .placeholder {
                position: fixed;
                height: 100%;
                width: 100%;
                background: #00000059;
                top: 0;
                left: 0;
                z-index: 9999;
                backdrop-filter: blur(2px);
                cursor: pointer;
            }

            .title-helio {
                padding: 10px 0 20px;
                text-align: center;
                font-weight: 700;
                font-size: 16px
            }

            .description-helio {
                margin: 10px;
                text-align: center;
                color: #888;
            }

            .svg-helio {
                display: flex;
                justify-content: center;
                margin: 20px;
            }

            .svg-helio svg {
                height: 100px;
            }

        /* --- Notificaciones de Stock --- */

            #single-product .stock-noti {
                display: none;
            }
            .stock-noti .btn-secondary {
                border: 2px solid #e2242a;
                background: white;
            }




        /* --- Envios (Mobile) --- */

            .js-store-branches-container {
                display: -ms-flexbox;
                display: flex;
            }

            .retiro-msg {
                display: inline-flex;
                flex-direction: column;
                color: red;
                padding: 10px;
                margin: 20px;
                border-radius: 10px;
                border: 2px solid;
                text-align: center;
                min-width: calc(100% - 44px);
            }

        /* --- Recetas (Mobile) --- */

            .recetas-product-item {
                -ms-flex: 0 0 90%;
                flex: 0 0 90%;
                max-width: 90%;
                background: white;
                border-radius: 10px;
                overflow: hidden;
                box-shadow: 1px 1px 15px 0px #d6d6d66b;
                margin: 20px 5% 20px 5%;
                padding: 15px !important;
                padding-bottom: 0 !important;
            }

            .recetas-product-item:hover {
                box-shadow: 1px 1px 15px 10px #d6d6d66b;
            }

            .recetas-product-item .item-image {
                height: 280px !important;
                margin: 0 !important;
            }

            .recetas-product-item .item-name {
                line-height: 20px;
                height: 100% !important;
                font-size: 18px;
                margin: 0 !important;
            }

            .recetas-product-item .item-description {
                height: 80px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .receta-video-container .container {
                padding-right: 0 !important;
                padding-left: 0 !important;
            }

            .receta-video-container .page-header .row {
                margin-left: 0 !important;
            }

            .mas-recetas-container {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 30px;
            }

            .mas-recetas-btn {
                background: #ed342f;
                color: white;
                padding: 10px 20px;
                border-radius: 50px;
            }

            .receta-video-container {
                width: 100%;
            }

            .receta-video {
                width: 100%;
                height: auto;
            }

            .combos-description {
                position: relative;
                width: 100%;
                background-color: #fff;
                padding: 15px;
                font-size: 11px;
            }

            .item-combos {
                display: flex;
                overflow: hidden;
                flex: 0 0 100%;
                max-width: 100%;
                box-shadow: none;
                margin: 0;
            }


        /* --- Configuraciones de Desplegables --- */

            .btn-desplegable {
                fill: #e2242a;
                font-size: 1em;
            }

            .element-desplegable {
                border-top: 1px solid #80808059;
                padding-top: 30px;
            }

            .container-desplegable {
                border-radius: 10px;
                padding: 5px 20px;
                transition: .1s;
                margin-top: 20px;
                margin-bottom: 20px;
                border: 1px solid #ededed;
            }

            .title-desplegable {
                cursor: pointer;
                font-weight: bold;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 10px 0px;
            }

            .title-desplegable span {
                width: 90%;
            }

            .title-desplegable .btn:hover {
                transform: none !important;
            }



    /*Carrito / Cart */

        .modal-close {
            position: absolute;
            right: 10px;
            top: 17px;
        }

        .modal-close svg {
            font-size: 28px;
        }

        .js-cart-total-container h2, .total-price {
            font-size: 26px;
            font-weight: 400;
            margin-top: 10px;
        }





    /* Popup Newsletter */

        .modal-img-full {
            height: 300px;
            width: 300px;
            margin: 0px
        }

        .modal-centered-small {
            width: 80%;
            height: 0px;
            padding: 20px;
            padding-bottom: 80%;
        }

        

    /* --- Footer (Mobile)--- */

        .footer-legal {
            padding: 10px 0;
            font-size: 10px;
            text-align: center !important;
        }

        footer {
            background: #ed342f;
            color: #fff;
            font-weight: 300
        }

        footer a {
            color: #fff !important;
            font-size: 13px;
        }

        footer p {
            font-size: 12px;
            line-height: 150%;
            width: 80%;
        }

        .footer-menu-item {
            margin-bottom: 10px;
        }

        footer h4 {
            font-size: 16px !important;
        }

        footer .divider {
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .footer-legal a {
            font-size: 11px;
            font-weight: 500;
        }

        footer .contact-item-icon {
            fill: #fff;
        }

        .footerCompartido {
            text-align: center;
            width: 100%;
        }

        .LogoAloha {
            color: #000;
            height: 60px;
            margin-left: -10px;
            width: 130px;
        }

        .LogoAloha:hover {
            transform: scale(1.04) !important;
        }


    /* --- Rating de Google --- */

        #___ratingbadge_0 {
            display: none !important;
        }


    /* --- Mensaje Personalizado de Whatsapp (Mobile) --- */

        .btn-whatsapp {
            height: 60px;
            width: 60px;
            bottom: 20px;
            right: 20px;
            padding: 8px;
            background-color: #fff;
        }

        .whatsapp-hola {
            bottom: 100px;
            right: 15px;
            height: auto;
            background: white;
            border-radius: 10px;
            box-shadow: 1px 1px 10px 5px #80808029;
            color: #ed342f;
            position: fixed;
            width: 160px;
            z-index: 8;
            line-height: 18px;
            text-align: -webkit-center;
            padding: 15px 17px;
            display: none;
        }

        .whatsapp-hola:after {
            right: 20px;
            content: "";
            display: block;
            position: absolute;
            bottom: -10px;
            width: 0;
            height: 0;
            border-right: 16px solid transparent;
            border-left: 16px solid transparent;
            border-top: 16px solid #fff;
        }

        .whatsapp-hola-img img {
            height: 50px;
            width: 50px;
        }

        .btn-whatsapp svg {
            padding: 6px;
            fill: #4dc247;
        }

        .whatsapp-time {
            bottom: 34px;
            right: 88px;
            height: 70px;
            background: #4dc247;
            color: white;
            position: fixed;
            width: 252px;
            z-index: 10;
            line-height: 18px;
            text-align: -webkit-right;
            padding: 8px 17px;
            display: none;
        }

        .btn-whatsapp:hover~.whatsapp-time {
            display: block;
        }

    /* --- Escarapela --- */

    .escarapela {
        position: fixed;
        height: 80px;
        width: 80px;
        left: 15px;
        bottom: 15px;
        cursor: pointer;
        z-index: 99999999;
    }

    .escarapela img{
        height: 80px;
        width: 80px;
    }

    /* --- Carrito (Mobile) --- */

        .header-cart {
            text-transform: uppercase;
            font-size: 15px;
            position: relative;
        }

        .header-cart svg {
            font-size: 20px;
            padding-right: 12px;
        }

        .js-ajax-cart-list {
            margin: 40px 0 40px;
        }

        .cart-item {
            border-bottom: 1px solid #efefef;
            margin-bottom: 20px;
            padding-bottom: 4px;
        }

        .cart-item .col-2 {
            border-radius: 50%;
            overflow: hidden;
            height: 55px;
            width: 55px;
            display: block !important;
            padding: 0;
            flex: none;
        }

        .cart-item-quantity {
            border-radius: 50px;
            padding: 8px 18px !important;
            margin-left: 1px;
        }

        .cart-item-subtotal {
            font-size: 16px
        }

        .cart-item-subtotal::first-letter {
            font-size: 80%;
            padding-right: 5px
        }

        .cart-item-name {
            padding: 0 50px 10px 20px;
        }

        .cart-item-delete .btn {
            font-size: 15px;
        }

        .js-ajax-cart-submit {
            margin-top: 30px;
        }

        .js-ajax-cart-submit input {
            font-size: 13px;
            letter-spacing: 0;
            font-weight: 400;
            width: 230px;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        #modal-cart .cart-row .js-modal-close {
            border: 1px solid red;
            padding: 12px 30px;
            border-radius: 50px;
            color: red;
        }

        .barra-colores-cart {
            position: absolute;
            bottom: -24px;
            left: -21px;
            width: 310%;
        }

        #modal-cart {
            box-shadow: -5px 0 10px rgba(0, 0, 0, 0.15);
            overflow-x: hidden;
        }

        .cart-item-quantity svg {
            fill: #444;
            height: 13px;
        }

        .cart-row h5 {
            font-weight: 400;
        }

        .js-cart-total-container h2, .total-price {
            font-weight: 700;
            margin-top: 12px;
        }

       .js-cart-total-container .text-accent, .js-cart-total-container .text-primary {
            color: #39abdf !important;
            font-weight: 700;
        }


    /* --- ACOUNT PAGE (Mobile) --- */

        .account-page .form-control {
            border-radius: 10px;
        }


    /* --- CUSTOM PAGE PROMOR (Mobile) ---*/

        .promos-container {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        .promo-image {
            max-height: 60vh !important;
            margin: 10px !important;
        }

        .volver-a-home-btn {
                text-align: center;
                margin-top: 60px;
            }

        .volver-a-home-btn a {
            text-align: center;
            background: red;
            width: 150px;
            padding: 10px 20px;
            border-radius: 50px;
            color: #fff !important;
        }

            /* ? ----- Cuenta Regresiva ----- */

        .contador {
            width: 100%;
            height: 100px;
            background-color: #ed342f;
            bottom:0px;
            position: fixed;
            display: block;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            transition: .5s ease-out all;
            z-index: 999;
            padding-top: 10px;
        }

        .contador .logotipo {
            color: white !important;
            font-size: 14px !important;
            font-family: 'Poppins', sans-serif !important;}

        #cuenta {
                
            background-color: transparent;
            display: flex;
            justify-content: center;
            margin-bottom: 100px;
            align-items: center;
        }

        .simply-section {
            background: #fff;
            width: 60px;
            height: 80%;
            margin: 0 2%;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            
        }

        .simply-amount {
            display: block;
            font-size: 20px;
            font-weight: 700;
        }

        .simply-word {
            font-weight: 300;
            font-size: 12px;
        }

        .contador.oculta {
            transform: translateY(100%);
        }

    /* ? ---------------------------- */












/* Diseño Tabley y Desktop */

@media (min-width:768px) {

    
    body {padding-top: 124px !important;}
    
    .col-md-6 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .font-small {font-size: 14px;}

    .nav-desktop {display: none;} /*OCULTA EL MENU ORIGINAL*/
                
    /* --- Header (Desktop) --- */

        
        /* --- Containers Header (Tablets) --- */

            .header-container-menu {
                display: block !important;
                -ms-flex: 0 0 5%;
                flex: 0 0 5% ;
                max-width: 5%;
            }

            .header-container-logo {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%;
            }

            .header-container-search {
                -ms-flex: 0 0 40%;
                flex: 0 0 40;
                max-width: 40%;
            }

            .header-container-utilities {
                -ms-flex: 0 0 30%;
                flex: 0 0 30%;
                max-width: 30%;
            }

            .head-primary .js-search-container {
                padding: 0;
            }

        .head-main .d-md-none {
            display: block !important;
        }

 
        .head-main .d-none .notification-floating {
            display: none !important
        }

        .notification-floating {
                    left: 60%;
                    width: 40%;
        }
        .notification-floating {
                    margin-top: -20px;
        }
                

        /* --- Logos (Desktop) --- */
        
            .logo-mobile {
                display: none;
            }
            .logo-img {
                display: block;
            }

            
            .logo-img-container a {
                position: absolute;
                top: -50px;
                z-index: 999999999;
            }

            .logo-img-container a img {
                width: 135px;
                max-height: initial;
                max-width: initial;
                margin-bottom: 0;
                filter: drop-shadow(2px 4px 6px grey);
                transition-duration: 0.8s;
            }

            .head-main.compress .logo-img {
                max-height: initial;
                width: 138px;
            }

            img.logo-img:hover {
                transform: scale(1.15);
            }

        /* --- Barra de Banderines de Colores (Desktop) --- */
            
            .banderin-group2, .banderin-group3 {
                display: flex;
            }

            .banderin {
                height: 1.2vw;
                width: 2.77vw;
            }

        

        /* --- Header Search (Desktop) --- */
        
            .search-input-submit {
                top: 7px;
            }

            
        
        /* --- HALLOWEEN (Desktop) --- */

            .halloween-telarana-mobile {
                display: none !important;
            }

            .halloween-telarana-desk2 {
                display: none;
                position: fixed;
                width: 70%;
                left: 15%;
                top: 133px;
                pointer-events: none;
            }
            .halloween-telarana-desk1 {
                display: block;
                position: fixed;
                width: 15%;
                pointer-events: none;
                filter: drop-shadow(2px 4px 6px black);
            }
            .halloween-telarana-desk3 {
                display: block;
                position: fixed;
                width: 15%;
                right: 0;
                pointer-events: none;
                filter: drop-shadow(2px 4px 6px black);
            }
 
        
    /* botones */

        .volver-atras {
            left: -90px;
        }

        .btn-primary {
            padding: 15px 18px;            
        }

    /* --- Labels (Desktop) --- */
    
        .labels {
            top: 10px;
        }

        .label-sintacc { 
            bottom: 0;
        }   

    /* ------------- HOME ------------- */
    

        /* --- Slider Principal (Desktop) --- */

            .slider-desktop {display: block !important;}
            .slider-mobile {display: none !important;}
            .section-slider .btn-primary {
                padding: 15px 18px;
                color: #444 !important;
                fill: #444 !important;
            }

            .section-banners-home {
                margin-top: 0px;
                margin-bottom: 0px;
                padding-bottom: 80px;
                padding-top: 80px;
                padding-right: 40px;
                padding-left: 40px;
                overflow: hidden;
                position: relative;
            }
            .section-banners-home::before {
                content: ' ';
                position: fixed;
                width: 170%;
                height: 100%;
                top: 0;
                left: 0;
                background-color: #fafafa;
                background-size: contain;
                will-change: transform;
                z-index: -1;
            }
            .promotional-banners {
                padding-top: 0;
            }
            .section-banners-home .container-fluid .col-md-4 {
                padding-right: 35px;
                padding-left: 35px;
            }
            .textbanner {
                border-radius: 35px;
            }
            
            
            .js-home-slider-container .section-slider {
                height: calc(120vw * 0.229);
            }

        /* --- SLider Categorias (Desktop) --- */

            /*.swiper-categories-desktop {display: block !important;}
            .swiper-categories-mobile {display: none !important;}*/

        /* --- Banner informativos (Desktop) --- */

        
        /* --- Section Banners Categorias (Desktop) --- */

            .section-banners-home .textbanner-image {
                padding-top: 100%;
            }

            
            
        /* --- Section Banners Secundarios (Desktop)--- */

            .secondary-banners-container {
                display: flex;
            }
            .secondarybanner-link {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
            }
            .section-secondary-banners-home {
                margin-bottom: 0;
            }
            .secondary-banner-img {
                height: calc(100vw * 0.18);
                margin-top: 10px;
            }
            
        /* --- Section Slider Categorias Destacadas (Desktop) --- */

            .navigation-categories-container {
                width: 80%;
                left: 10%;
            }
            
            .navigation-categories-slider {
                width: 100%;
                left: 0%;
            }
            .swiper-categories-desktop .swiper-wrapper {
                justify-content: center;
            }
            .navigation-categories-title .h1 {
                font-size: 18px !important;
                line-height: 18px;
                padding-left: 10px;
            }
            .navigation-categories-title a {
                font-size: 13px;
                line-height: 18px;
                padding-right: 10px;
            }


        /* --- Section Productos Destacados (Desktop) --- */
        
            .section-featured-home {
                padding: 70px 0;   
            }
            
            
            .item-image {
                height: 300px;
            }

            .item-name {
                line-height: 20px;        
                height: 80px;    
                font-size: 16px;
            }

            .item-description {        
                padding: 15px !important;
            }

            .boton-comprarapida {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%;
            }
            
            .item-colors-bullet {
                color: white;
                font-size: 18px;
            }
       
        /* --- Section Banners promocionales (Desktop) --- */

            .textbanner {
                margin-bottom: 0;
            }

         /* --- Section Banners Informativos (Desktop) --- */

            .section-informative-banners .col-md {
                
                flex-basis: inherit;
                
            }
        
        /* --- Section Newsletter (Desktop) --- */
           
            .section-newsletter-home {
                margin-bottom: 40px;
                margin-top: 40px;
            }
        
            .newsletter .form-control {
                  font-size: 22px;
            }

            .modal-img-full {
                height: 500px;
                width: 500px;
                margin: 0px
            }

            .modal-centered-small {
                width: 500px;
                height: 500px;
                padding: 20px;
            }
        
        /* --- Section Instagram Feed (Desktop) --- */

            .js-ig-success {
                width: 80%;
                left: 10%;
                position: relative;
            }

            .instafeed-img {
                height: calc(100vw * 0.8 *0.33); 
            }

        /* --- POPUP HOME (Desktop) --- */
            .popup-home-inicio h3 {
                font-size: 30px;
            }


        /* --- POPUP HOME CENTER (Desktop) --- */
    
            .popup-home-center-container {
                width: 400px;
                height: 400px;
            }



    
    /* --- PAGINA CATEGORIA DE PRODUCTO (Desktop) --- */

        
        .desk-product-filter {
            display: none !important;
        }
        .mobile-product-filter {
            display: block !important;
        }

        .modal-filters {
            width: 35% !important;
        }


        .category-body .item-image {
                height: 250px;
                margin: 0;
            }

        .category-body {min-height: 70vh;}

        .combos-description {
            position: relative;
            width: 70%;
            background-color: #fff;
            padding: 15px;
            font-size: 14px;
        }
        .item-combos {
            display: flex;
            overflow: hidden;
            flex: 0 0 46%;
            max-width: 46%;
            box-shadow: 1px 1px 9px 4px #0000000a;
            margin: 1%;
        }
        .item-combos:hover {
            box-shadow: 1px 1px 20px 11px #0000001c;
        }

        /* --- Category Search bar (Desktop) --- */

            .category-banner-container {
                    width: 290px;
                    height: 87px;
                    margin: 18px;
                }
                .category-banner-title {
                    font-size: 18px;
                }
    
        /* --- Category Search bar (Desktop) --- */

            .category-search-container {
                margin-bottom: 30px;
            }
            .category-input-search {
                width: 50%;
            }
            
            .box-search {            
                width: 50%;            
            }

        /* --- Lineas Infantiles (Desktop) --- */

            .lineas_infantiles {
                width: 22%;
            }

        /* --- Recetas (Desktop)--- */

            .recetas-product-item {
                -ms-flex: 0 0 30%;
                flex: 0 0 30%;
                max-width: 30%;
                margin: 20px 1% 20px 1%;
            }
            .recetas-product-item .item-image {
                height: 350px;
            }
            .recetas-product-item .item-name {
                line-height: 29px;
                font-size: 20px;
            }

            .receta-product-image-container {
                height: 350px;
                display: flex;
            }
            .receta-product-image-container .slider-slide {
                width: 30% !important;
            }
            .receta-product-image-container .swiper-wrapper {
                justify-content: center;
            }
            #single-product {
                padding-top: 1.5em;
            }
    
    /* --- PAGINA DE PRODUCTO (Desktop) --- */
    
        .product-images-container {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .product-image-container {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .contenedor-thumbs {
            display: none !important;
        }


        .product-image-container .swiper-slide{
            width: 100% !important;
        }

        .swiper-pagination-fraction {
            display: block !important;
        }
        

        .section-single-product .col-cta {
            flex: 100% !important;
            max-width: 370px !important;
        }

        .section-single-product .form-row {
            justify-content: center;
        }

        .section-single-product .js-price-display {
            font-size: 39px;      
        }
        
        .section-products-related {
            margin-top: 30px;
        }

        .section-single-product .btn-primary {
            padding: 20px 18px;
        }

        .product-image-container .product-slider-image {
            max-height: 60vh;
        }
        .js-product-slide-link {
            padding-bottom: 60vh !important;
        }

        
        /* --- Opcion Personalizada para Helio (Desktop)--- */
        
            .boton-ver-helio {
                width: 20%;
                left: 40%;
            }

            .helio-container {
                top: 35%;
                left: 35%;
                width: 30%;
            }
            .btn-helio {
                margin: 20px 0;
                padding: 20px 45px !important;
            }

    /* --- Carrito de Compras (Desktop) --- */
    
        .modal-docked-md {
            width: 600px;
        }

        #modal-cart .modal-body {
            padding: 0px 20px;
        }

    /* --- Footer (Desktop) --- */

        .footer-legal {
            padding: 11px 0 8px;
            font-size: 11px;
        }

        .notification-fixed-bottom {
            border-radius: 50px;
            width: 70% !important;
            left: 15% !important;
        }

        .footerCompartido {
            text-align: left;
        }



        .contact-item-devolucion {    
            margin: 25px;       
            width: 25%;        
        }

        /* --- Mensaje Personalizado de Whatsapp (Desktop) --- */
        
            
           /*.whatsapp-hola {
                bottom: 80px;
            }*/
            .whatsapp-hola:after {
                right: 12px;
            }
            .whatsapp-time {
                bottom: 28px;
                right: 80px;
            }
    
}


/* Diseño Desktop */


@media (min-width:992px) {


    body {padding-top: 136px !important;}


    /* --- Containers Header (Desktop) --- */

        .header-container-menu {-ms-flex: 0 0 5%; flex: 0 0 5%; max-width: 5%;}

        .header-container-logo {-ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%;}

        .header-container-search {-ms-flex: 0 0 60%; flex: 0 0 60; max-width: 60%;}

        .header-container-utilities {-ms-flex: 0 0 20% !important; flex: 0 0 20% !important; max-width: 20%!important;}

        
        .head-primary .js-search-container {
                padding: 0 15% 0 20%;
            }

        /* --- Lamparitas Navidad (Desktop) --- */

        .barra-lamparitas {width: 100%;}

    /* --- SLider Categorias (Desktop) --- */

        .swiper-categories-desktop {display: block !important;}
        .swiper-categories-mobile {display: none !important;}

    /* --- SLider Productos Destacados (Desktop) --- */

        .section-featured-home .container .swiper-container {
            width: 110%;
            left: -6%;
        } 

    /* --- Seccion Banners Informativos (Desktop) --- */
        .section-informative-banners .col-md {
            flex-basis: 0 !important;
        }

    /* --- Slider Promos Bancarias --- */

        .navigation-promos-container {
            width: 50%;
            left: 25%;
        }

    /* --- PAGINA DE CATEGORIA (Desktop) --- */

        .desk-product-filter {
            display: block !important;
        }
        .mobile-product-filter {
            display: none !important;
        }

        /* --- Category Search bar (Desktop) --- */

            .category-banner-container {
                    width: 380px;
                    height: 114px;
                }

    



    /* --- PAGINA DE PRODUCTO (Desktop) --- */
    


        #single-product {
            background: #f2f2f2;
        }


        .section-single-product {
            background: #fff;
            border: 1px solid #ededed;
            border-radius: 20px;
            padding: 30px 10px;
            margin-bottom: 0;
        }



        .product-images-container {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .product-image-container {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .contenedor-thumbs {
            display: flex !important;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            padding: 0 30px !important;
        }

        .product-image-container .product-slider-image {
            /*max-height: 500px;*/
        }

        .product-image-container {
            padding: 0 30px !important;
            /*height: 520px;*/
        }

        .swiper-pagination-fraction {
            display: none !important;
        }

        /* --- Slider Productos Relacionados (Mobile) --- */

            .section-products-related {
                margin-top: 0 !important;
            }

            .section-products-related h3 {
                font-size: 30px;
            }

            .section-products-related .container .swiper-container {
                width: 110%;
                left: -6%;
            } 
        
}