html.no-scroll {
            height: 100%;
            overflow: hidden;
        }

        body.no-scroll {
            position: fixed;
            width: 100%;
        }



        .container-comprar {
            width: 100%;
            max-width: 505px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .row {
            display: flex;
            flex-wrap: wrap;
            margin: 50px 40px;
        }

        .col-4 {
            width: 33.3333%;
            padding: 10px;
            box-sizing: border-box;
            text-align: center;
        }

        .col-6 {
            width: 50%;
            padding: 10px;
            box-sizing: border-box;
            text-align: center;
        }

        .text-center {
            text-align: center;
        }

        #btn-donde-comprar {
            position: fixed;
            right: 150px;
            bottom: 20px;
            z-index: 10;
            padding: 20px 60px;
            background-color: #232020;
            color: #ffdb00;
            border: none;
            border-radius: 30px;
            cursor: pointer;
            font-family: 'Dashiell', sans-serif !important;
            font-size: 20px;
        }

        button::after {
            position: absolute;
            content: '';
            width: 94%;
            height: 80%;
            top: 11%;
            left: 3%;
            border-radius: 100px;
            box-shadow: inset -0px 0px 0px 2px #ffdb00 !important;
            transition: all .25s linear;
        }

        .slide-box {
            position: fixed;
            bottom: -100vh;
            right: 50px;
            left: auto;
            width: 505px;
            height: 100dvh;
            background-color: #f0e8c388;
            backdrop-filter: blur(3px);
            border-left: 3px solid black;
            border-right: 3px solid black;
            transition: bottom 0.5s ease;
            z-index: 99999999999999999999999999999;
            padding: 20px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        .slide-box.active {
            bottom: 0;
        }

        .slide-box.closing {
            bottom: -100vh;
        }

        .logo-img {
            width: 95px;
            height: auto;
            cursor: pointer;
        }

        .product-img {
            width: 70px;
            height: auto;
            cursor: pointer;
        }

        .content-box {
            display: none;
        }

        .content-box.active {
            display: block;
        }

        .overlay {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 15;
        }

        .overlay.active {
            display: block;
        }

        .cerrar-btn {
            display: none;
            position: absolute;
            top: 10px;
            right: 10px;
            background: transparent;
            color: #232020;
            border: none;
            border-radius: 30px;
            padding: 5px 15px;
            font-size: 16px;
            cursor: pointer;
            z-index: 9999;
            text-decoration: underline;
            text-transform: capitalize;
            font-family: 'Dashiell', sans-serif !important;
        }

        .cerrar-btn::after {
            box-shadow: inset -0px 0px 0px 0px #232020 !important;
        }


        body.selection #btn-donde-comprar {
            background-color: #ffdb00;
            color: #232020;
        }

        body.selection #btn-donde-comprar::after {
            box-shadow: inset -0px 0px 0px 2px #232020 !important;
        }

        body.selection .slide-box {
            border-left: 3px solid #ffdb00;
            border-right: 3px solid #ffdb00;
        }

        #goback {
            text-transform: capitalize;
            font-size: 16px;
        }

        #goback::after {
            box-shadow: inset -0px 0px 0px 0px #232020 !important;
        }

        #buttonbuy {
            background-color: #232020;
            font-family: 'Dashiell', sans-serif !important;
            color: #ffdb00;
            min-height: 38px;
            margin-top: 10px;
        }

        #buttonbuy::after {
            box-shadow: inset -0px 0px 0px 1px #ffdb00 !important;
        }

        #dynamic-content .row {
            margin: 0px !important;
        }


        #box-content,
        .content-box,
        .container-comprar,
        #content-container {
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        #scroll-content {
            flex: 1;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
            height: 100%;
            overflow-x: hidden;
            touch-action: pan-y;
        }


        @media screen and (max-width: 768px) {
            .slide-box {
                width: 100%;
                left: 0;
                right: 0;
                overflow-x: hidden;
            }

            .col-4 {
                width: 50%;
            }

            .cerrar-btn {
                display: block;
            }

            #btn-donde-comprar {
                width: 43px;
                padding: 0;
                background: url(./assets/images/comprar-mobile.png) center center no-repeat;
                background-size: 45%;
                text-indent: -9999px;
                right: -30px;
                bottom: 10px;
            }

            #btn-donde-comprar::after {
                box-shadow: inset -0px 0px 0px 0px #232020 !important;
            }

            body.selection #btn-donde-comprar {
                background: url(./assets/images/comprar-mobile-selection.png) center center no-repeat;
            }

            body.selection #btn-donde-comprar::after {
                box-shadow: inset -0px 0px 0px 0px #232020 !important;
            }

            .logo-img {
                width: 115px;
            }

            .image-big {
                width: 100%;
            }

            .product-img {
                width: 45px;
            }

            #buttonbuy {
                margin-bottom: 0px;
                margin-left: 0px;
            }

            .row {
                margin: 40px 0px;
            }

            #goback {
                left: -40px;
            }

            #dynamic-content .row {
                margin: 0px !important;
            }

            .list-unstyled {
                padding-left: 30px;
            }
        }

        #scroll-content:focus {
            outline: none;
        }

.mover_izquierda_texto2 {
                            text-align: right;
                            left: 43%;
                            transform: translateX(-60%);
                            position: relative;
                            margin-top: 20vh;
                            font-size: min(20vw, 90px);
                        }

                        .mover_izquierda_texto3 {
                            margin-right: 121px;
                            margin-top: -18px;
                        }

* {
                                margin: 0;
                                padding: 0
                            }

                            body {
                                background-color: #000;
                                height: 100vh;
                            }

                            .caja-boton {
                                position: absolute;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                position: relative;
                                width: 300px;
                                height: 400px;
                                left: 50%;
                                top: 50%;
                                transform: translate(-50%, -50%);
                            }

                            .boton:hover .caja-botones {
                                display: block;
                            }

                            .caja-botones {
                                position: relative;
                                width: 300px;
                                height: 400px;
                                background-color: rgba(25, 244, 233, 0.3);
                                display: none;

                            }