:root {
                --pf: 44 100% 50% !important;
                --sf: 232 21.1% 13.9% !important;
                --af: 225 10.9% 43.1% !important;
                --su: 145 100% 33.5% !important;
                --in: 0 0% 13.7% !important;
                --wa: 36 100% 50% !important;
                --er: 14 100% 57.1% !important;
                --p: 44 100% 41.8% !important;
                --pc: 38 66.4% 52.2% !important;
                --s: 234 20.9% 17.8% !important;
                --sc: 226 21.3% 12% !important;
                --a: 231 21.3% 29.4% !important;
                --ac: 231 21.5% 32% !important;
                --n: 0 0% 100% !important;
                --nf: 0 0% 76.1% !important;
                --nc: 223 70.7% 8% !important;
                --b1: 0 0% 100% !important;
                --b2: 0 0% 92.9% !important;
                --b3: 216 12.2% 83.9% !important;
                --bc: 0 0% 0% !important;
            }

            [data-theme="main"] .swiper-button-prev,
            [data-theme="main"] .swiper-button-next,
            [data-theme="main"] .swiper-button-prev::after,
            [data-theme="main"] .swiper-button-next::after {
                color: #D59C00;
            }

            * {
                font-family: "Poppins", sans-serif;
            }


            :root {
                --base-h: 0;
                --base-s: 79%;
                --base-l: 54%;
                --base-two-h: 210;
                --base-two-s: 50%;
                --base-two-l: 40%;
            }
            :root {
                --heading-font: "Genos", sans-serif;
                --body-font: "Inter", sans-serif;
                --white: 0 0% 100%;
                --light-h: 0;
                --light-s: 1%;
                --light-l: 53%;
                --light: var(--light-h) var(--light-s) var(--light-l);
                --black-h: 211;
                --black-s: 32%;
                --black-l: 14%;
                --black: var(--black-h) var(--black-s) var(--black-l);
                --heading-color: var(--white);
                --body-color: var(--white) / 0.6;
                --border-color: 0 0% 88%;
                --section-bg: 208 100% 97%;
                --header-box-shadow: 0px -1px 15px 3px hsl(var(--black) / 0.3);
                --mobile-box-shadow: 0px -1px 5px 0px hsl(var(--black) / 0.92);
                --box-shadow: 0px 2px 15px hsl(var(--black) / 0.05);
                --base-h: 35;
                --base-s: 53%;
                --base-l: 44%;
                --base: var(--base-h) var(--base-s) var(--base-l);
                --base-d-100: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.1);
                --base-d-200: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.2);
                --base-d-300: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.3);
                --base-d-400: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.4);
                --base-d-500: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.5);
                --base-d-600: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.6);
                --base-d-700: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.7);
                --base-d-700: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.7);
                --base-d-800: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.8);
                --base-d-900: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.9);
                --base-l-100: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.1);
                --base-l-200: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.2);
                --base-l-300: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.3);
                --base-l-400: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.4);
                --base-l-500: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.5);
                --base-l-600: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.6);
                --base-l-700: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.7);
                --base-l-800: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.8);
                --base-l-900: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.9);
                --base-gradient: linear-gradient( 180deg, hsl(var(--base-two)), hsl(var(--base)) );
                --base-two-h: 51;
                --base-two-s: 66%;
                --base-two-l: 67%;
                --base-two: var(--base-two-h) var(--base-two-s) var(--base-two-l);
                --base-two-d-100: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.05);
                --base-two-d-200: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.1);
                --base-two-d-300: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.2);
                --base-two-d-400: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.3);
                --base-two-d-500: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.4);
                --base-two-d-600: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.5);
                --base-two-d-700: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.6);
                --base-two-d-800: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.7);
                --base-two-d-900: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.8);
                --base-two-l-100: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.05);
                --base-two-l-200: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.1);
                --base-two-l-300: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.2);
                --base-two-l-400: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.3);
                --base-two-l-500: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.4);
                --base-two-l-600: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.5);
                --base-two-l-700: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.6);
                --base-two-l-800: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.7);
                --base-two-l-900: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.8);
                --primary-h: 211;
                --primary-s: 100%;
                --primary-l: 50%;
                --primary: var(--primary-h) var(--primary-s) var(--primary-l);
                --primary-d-100: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.1);
                --primary-d-200: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.2);
                --primary-d-300: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.3);
                --primary-d-400: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.4);
                --primary-d-500: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.5);
                --primary-l-100: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.1);
                --primary-l-200: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.2);
                --primary-l-300: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.3);
                --primary-l-400: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.4);
                --primary-l-500: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.5);
                --primary-l-600: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.6);
                --secondary-h: 208;
                --secondary-s: 7%;
                --secondary-l: 46%;
                --secondary: var(--secondary-h) var(--secondary-s) var(--secondary-l);
                --secondary-d-100: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.1);
                --secondary-d-200: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.2);
                --secondary-d-300: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.3);
                --secondary-d-400: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.4);
                --secondary-d-500: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.5);
                --secondary-l-100: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.1);
                --secondary-l-200: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.2);
                --secondary-l-300: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.3);
                --secondary-l-400: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.4);
                --secondary-l-500: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.5);
                --secondary-l-600: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.6);
                --success-h: 148;
                --success-s: 98%;
                --success-l: 38%;
                --success: var(--success-h) var(--success-s) var(--success-l);
                --success-d-100: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.1);
                --success-d-200: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.2);
                --success-d-300: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.3);
                --success-d-400: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.4);
                --success-d-500: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.5);
                --success-l-100: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.1);
                --success-l-200: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.2);
                --success-l-300: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.3);
                --success-l-400: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.4);
                --success-l-500: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.5);
                --success-l-600: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.6);
                --danger-h: 0;
                --danger-s: 96%;
                --danger-l: 63%;
                --danger: var(--danger-h) var(--danger-s) var(--danger-l);
                --danger-d-100: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.1);
                --danger-d-200: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.2);
                --danger-d-300: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.3);
                --danger-d-400: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.4);
                --danger-d-500: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.5);
                --danger-l-100: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.1);
                --danger-l-200: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.2);
                --danger-l-300: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.3);
                --danger-l-400: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.4);
                --danger-l-500: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.5);
                --danger-l-600: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.6);
                --warning-h: 29;
                --warning-s: 100%;
                --warning-l: 63%;
                --warning: var(--warning-h) var(--warning-s) var(--warning-l);
                --warning-d-100: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.1);
                --warning-d-200: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.2);
                --warning-d-300: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.3);
                --warning-d-400: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.4);
                --warning-d-500: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.5);
                --warning-l-100: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.1);
                --warning-l-200: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.2);
                --warning-l-300: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.3);
                --warning-l-400: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.4);
                --warning-l-500: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.5);
                --warning-l-600: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.6);
                --info-h: 196;
                --info-s: 100%;
                --info-l: 50%;
                --info: var(--info-h) var(--info-s) var(--info-l);
                --info-d-100: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.1);
                --info-d-200: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.2);
                --info-d-300: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.3);
                --info-d-400: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.4);
                --info-d-500: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.5);
                --info-l-100: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.1);
                --info-l-200: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.2);
                --info-l-300: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.3);
                --info-l-400: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.4);
                --info-l-500: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.5);
                --info-l-600: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.6);
                --dark-h: 210;
                --dark-s: 40%;
                --dark-l: 10%;
                --dark: var(--dark-h) var(--dark-s) var(--dark-l);
                --dark-d-100: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.1);
                --dark-d-200: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.2);
                --dark-d-300: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.3);
                --dark-d-400: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.4);
                --dark-d-500: var(--dark-h) var(--dark-s) calc(var(--dark-l) - var(--dark-l) * 0.5);
                --dark-l-100: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.1);
                --dark-l-200: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.2);
                --dark-l-300: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.3);
                --dark-l-400: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.4);
                --dark-l-500: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.5);
                --dark-l-600: var(--dark-h) calc(var(--dark-s)) calc(var(--dark-l) + (100% - var(--dark-l)) * 0.6);
            }


            .in {
                animation: none !important;
            }

            @media screen and (min-width: 992px) { /* version pc */
                .SportsBookOverlaystyled__OverlayContainer-sc-1i3kt9g-0{
                    display: none !important; 
                }

                .max-w-\[1300px\] {
                    max-width: 1300px !important;
                    max-width: 100% !important;
                }
            }



            .buttons {
                margin-top: 10px;
                text-align: center;
            }

            .btn-blue {
                background: #0735a1;
                color: #FFF;
                padding: 4px;
                border-radius: 5px;
            }

            .btn-red {
                background: #8b0101;
                color: #FFF;
                padding: 4px;
                border-radius: 5px;
            }

            #comprobante .row {  
                display: flex;  
                justify-content: space-between; /* Espaciado entre columnas */  
                margin-bottom: 0px; /* Espacio entre filas */ 
            }  

            .ticket {
                max-width: 300px;
                border: 1px solid black;
                padding: 10px;
                box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
                font-size: 14px;
                white-space: nowrap;
                background: #FFF;
            }

            #comprobante {
                line-height: 26px;
                font-size: 14px;
                font-family: verdana;
            }

            @media (min-width: 1024px) {
                .lg\:ml-\[68px\] {
                    /* margin-top: -55px !important; */
                    /* margin-top: 0px !important; */
                }
            }

            @media (min-width: 1024px) {
                .lg\:h-\[450px\] {
                    /* height: 200px !important; */
                    height: 350px !important;
                }
            }

            @media (min-width: 992px){  /* Version PC */
                #contenedor-inicial {
                    /* top: 25% !important; */
                }

                #contenedor-central {
                    height: 1000px !important;
                }

                .lg\:h-\[450px\] {
                    /*  top: -60px;
                      position: relative; */
                }

                .w-11\/12 {
                    /* margin-top: -100px !important; */
                }

                .page-footer[data-v-ff8343c6] {
                    padding-top: 0;
                    color: #fff;
                    font-size: .8rem;
                    font-weight: 300;
                    line-height: 1.4em;
                    position: absolute;
                    /*top: -175px; */
                    top:29%;
                    /*  z-index: 1; */
                }
            }

            /* Ejemplo para notificaciones de éxito */
            .toast-success {
                opacity: 1 !important; /* Fuerza la opacidad a 1 */
                background-color: #28a745 !important; /* Ejemplo: color de fondo sólido */
            }

            /* Ejemplo para notificaciones de error */
            .toast-error {
                /* opacity: 1 !important; */
                /* background-color: #f30017 !important; */
            }

            /* Y así para los demás tipos (info, warning) */
            .toast-info {
                /*  opacity: 1 !important; */
                /*  background-color: #17a2b8 !important; */
            }

            .toast-warning {
                /*   opacity: 1 !important;
                 background-color: #ffc107 !important; */
            }

            /* Estilos generales para todas las notificaciones */
            .toast {
                /* opacity: 1 !important; */
            }

            .toast-message {
                font-size: 16px;
            }

            @media (min-width: 768px) {
                .md\:mt-10 {
                    margin-top: 0px !important;
                }
            }


            @media screen and (max-width: 992px) { /* Version Movil */
                #logo-mobile-inicio {
                    margin-left: -43px;
                }

                .h-\[58px\] {
                    height: 0px !important;
                }

                .-mb-32 {
                    margin-top: 53px !important;
                }

            }

            body {
                overscroll-behavior: none;
            }

            #contenedor-central {
                transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;  

            }

            #contenedor-central.fade-inx {
                opacity: 1;
                transform: translateY(0);
            }

            #contenedor-central.fade-outx {
                opacity: 0;
                transform: translateY(200px);
            }

            .informacion {
                margin-bottom: 10px;
                text-transform: uppercase;
                justify-content: center;
                display: grid;
            }

            .toast {
                opacity: 1 !important;
            }

            #toast-container > div {
                opacity: 1 !important;
            }

            .no-box-shadow .swal2-popup {
                box-shadow: none !important;
            }

            .my-swal-container {
                background-color: rgba(0, 0, 0, 0.4) !important; /* O el color que desees */
                overflow-y: hidden !important; /* Si quieres evitar el scroll */
            }

            .swal2-confirm.swal2-styled {
                background: linear-gradient(90deg,#f8d152 0,#e8bb00 90%) !important;
                color: #282828 !important;
            }

            .swal2-styled.swal2-cancel {
                background-color: rgb(134, 124, 124) !important;
            }
            .back-access{
                background: #223550;
            }

            .kSvjxT-styled {
                color: rgba(33, 33, 33, 0.87);
                background: rgba(36, 38, 56, 0.18);
            }



            @media screen and (max-width: 992px) {

            }