@font-face {
    font-family: 'AlicorpSans-Regular';
    src: url('../fonts/AlicorpSans-Regular.eot');
    src: url('../fonts/AlicorpSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AlicorpSans-Regular.woff2') format('woff2'), url('../fonts/AlicorpSans-Regular.woff') format('woff'), url('../fonts/AlicorpSans-Regular.ttf') format('truetype'), url('../fonts/AlicorpSans-Regular.svg#AlicorpSans-Regular') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlicorpSans-Bold';
    src: url('../fonts/AlicorpSans-Bold.eot');
    src: url('../fonts/AlicorpSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AlicorpSans-Bold.woff2') format('woff2'), url('../fonts/AlicorpSans-Bold.woff') format('woff'), url('../fonts/AlicorpSans-Bold.ttf') format('truetype'), url('../fonts/AlicorpSans-Bold.svg#AlicorpSans-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}




:root {
    --Blue-Zodiac-950: #0D2242;
    font-family: Poppins;
    --bs-blue: #EC3A0E !important;
    --bs-primary: #EC3A0E !important;
    --svg-eye-open: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj4gPHBhdGggZD0iTTEyIDRDNCA0IDEgMTIgMSAxMkMxIDEyIDQgMjAgMTIgMjBDMjAgMjAgMjMgMTIgMjMgMTJDMjMgMTIgMjAgNCAxMiA0IHogTSAxMiA3QzE0Ljc2MSA3IDE3IDkuMjM5IDE3IDEyQzE3IDE0Ljc2MSAxNC43NjEgMTcgMTIgMTdDOS4yMzkgMTcgNyAxNC43NjEgNyAxMkM3IDkuMjM5IDkuMjM5IDcgMTIgNyB6IE0gMTIgOSBBIDMgMyAwIDAgMCA5IDEyIEEgMyAzIDAgMCAwIDEyIDE1IEEgMyAzIDAgMCAwIDE1IDEyIEEgMyAzIDAgMCAwIDEyIDkgeiIgZmlsbD0iIzIxMjUyOWJmIiAvPjwvc3ZnPg==");
    --svg-eye-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48cGF0aCBkPSJNNC4yMDcwMzEyIDIuNzkyOTY4OEwyLjc5Mjk2ODggNC4yMDcwMzEyTDUuMDc2MTcxOSA2LjQ5MDIzNDRDMi4xOTkzNDQ3IDguODM4MjAwNSAxIDEyIDEgMTJDMSAxMiA0IDIwIDEyIDIwQzE0LjA3NTU2OCAyMCAxNS44MDYwMDMgMTkuNDU0NzMgMTcuMjQyMTg4IDE4LjY1NjI1TDE5Ljc5Mjk2OSAyMS4yMDcwMzFMMjEuMjA3MDMxIDE5Ljc5Mjk2OUw0LjIwNzAzMTIgMi43OTI5Njg4IHogTSAxMiA0QzEwLjc4OCA0IDkuNzA1Nzk2OSA0LjE5OTcxODcgOC43MTY3OTY5IDQuNTExNzE4OEwxMS4yNzczNDQgNy4wNzIyNjU2QzExLjUxNDM0NCA3LjAzNzI2NTYgMTEuNzUzIDcgMTIgN0MxNC43NjEgNyAxNyA5LjIzOSAxNyAxMkMxNyAxMi4yNDcgMTYuOTYyNzM0IDEyLjQ4NTY1NiAxNi45Mjc3MzQgMTIuNzIyNjU2TDIwLjM1NzQyMiAxNi4xNTIzNDRDMjIuMjA0NDIyIDE0LjEwMjM0NCAyMyAxMiAyMyAxMkMyMyAxMiAyMCA0IDEyIDQgeiBNIDcuODMzOTg0NCA5LjI0ODA0NjlMOS4yOTY4NzUgMTAuNzEwOTM4QzkuMTA4MTU5NSAxMS4xMDA4MjkgOSAxMS41MzY1NjYgOSAxMkM5IDEzLjY1NyAxMC4zNDMgMTUgMTIgMTVDMTIuNDYzNDM0IDE1IDEyLjg5OTE3MSAxNC44OTE4NCAxMy4yODkwNjIgMTQuNzAzMTI1TDE0Ljc1MTk1MyAxNi4xNjYwMTZDMTMuOTYyMDM5IDE2LjY4OTc1OCAxMy4wMTkyNzEgMTcgMTIgMTdDOS4yMzkgMTcgNyAxNC43NjEgNyAxMkM3IDEwLjk4MDcyOSA3LjMxMDI0MTUgMTAuMDM3OTYxIDcuODMzOTg0NCA5LjI0ODA0NjkgeiIgZmlsbD0iIzIxMjUyOWJmIiAvPjwvc3ZnPg==");
    --svg-eye-close: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWljb24iIHN0eWxlPSJ3aWR0aDogMWVtOyBoZWlnaHQ6IDFlbTt2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO2ZpbGw6IGN1cnJlbnRDb2xvcjtvdmVyZmxvdzogaGlkZGVuOyIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05NDIuMyA0ODYuNGwtMC4xLTAuMS0wLjEtMC4xYy0zNi40LTc2LjctODAtMTM4LjctMTMwLjctMTg2TDc2MC43IDM1MWM0My43IDQwLjIgODEuNSA5My43IDExNC4xIDE2MC45Qzc5MS41IDY4NC4yIDY3My40IDc2NiA1MTIgNzY2Yy01MS4zIDAtOTguMy04LjMtMTQxLjItMjUuMWwtNTQuNyA1NC43QzM3NC42IDgyMy44IDQzOS44IDgzOCA1MTIgODM4YzE5Mi4yIDAgMzM1LjQtMTAwLjUgNDMwLjItMzAwLjMgNy43LTE2LjIgNy43LTM1IDAuMS01MS4zek04NzguMyAxNTQuMmwtNDIuNC00Mi40Yy0zLjEtMy4xLTguMi0zLjEtMTEuMyAwTDcwNy44IDIyOC41QzY0OS40IDIwMC4yIDU4NC4yIDE4NiA1MTIgMTg2Yy0xOTIuMiAwLTMzNS40IDEwMC41LTQzMC4yIDMwMC4zdjAuMWMtNy43IDE2LjItNy43IDM1LjIgMCA1MS41IDM2LjQgNzYuNyA4MCAxMzguNyAxMzAuNyAxODYuMUwxMTEuOCA4MjQuNWMtMy4xIDMuMS0zLjEgOC4yIDAgMTEuM2w0Mi40IDQyLjRjMy4xIDMuMSA4LjIgMy4xIDExLjMgMGw3MTIuOC03MTIuOGMzLjEtMyAzLjEtOC4xIDAtMTEuMnpNMzk4LjkgNTM3LjRjLTEuOS04LjItMi45LTE2LjctMi45LTI1LjQgMC02MS45IDUwLjEtMTEyIDExMi0xMTIgOC43IDAgMTcuMyAxIDI1LjQgMi45TDM5OC45IDUzNy40eiBtMTg0LjUtMTg0LjVDNTYwLjUgMzQyLjEgNTM1IDMzNiA1MDggMzM2Yy05Ny4yIDAtMTc2IDc4LjgtMTc2IDE3NiAwIDI3IDYuMSA1Mi41IDE2LjkgNzUuNEwyNjMuMyA2NzNjLTQzLjctNDAuMi04MS41LTkzLjctMTE0LjEtMTYwLjlDMjMyLjYgMzM5LjggMzUwLjcgMjU4IDUxMiAyNThjNTEuMyAwIDk4LjMgOC4zIDE0MS4yIDI1LjFsLTY5LjggNjkuOHoiICAvPjxwYXRoIGQ9Ik01MDggNjI0Yy02LjQgMC0xMi43LTAuNS0xOC44LTEuNmwtNTEuMSA1MS4xYzIxLjQgOS4zIDQ1LjEgMTQuNCA2OS45IDE0LjQgOTcuMiAwIDE3Ni03OC44IDE3Ni0xNzYgMC0yNC44LTUuMS00OC41LTE0LjQtNjkuOWwtNTEuMSA1MS4xYzEgNi4xIDEuNiAxMi40IDEuNiAxOC44QzYyMCA1NzMuOSA1NjkuOSA2MjQgNTA4IDYyNHoiICAvPjwvc3ZnPg==");
    /*--svg-plus: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIGZpbGw9IiMzRTI4RDEiLz4KPHBhdGggZD0iTTE5LjI1MjUgMjYuMjAzM0gyMC43NjA3VjIwLjY0MjZIMjYuMjI5NVYxOS4yNjU2SDIwLjc2MDdWMTMuNzE4SDE5LjI1MjVWMTkuMjY1NkgxMy43NzA1VjIwLjY0MjZIMTkuMjUyNVYyNi4yMDMzWiIgZmlsbD0iI0ZDRkNGQyIvPgo8L3N2Zz4K");*/
    --svg-plus: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSIjQ0JDQkNCIi8+CjxyZWN0IHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjIwMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05OTIgLTYxNCkiIGZpbGw9IiNGQ0ZDRkMiLz4KPHJlY3QgeD0iOC41IiB5PSItMzEuNSIgd2lkdGg9IjE0MyIgaGVpZ2h0PSIzOSIgcng9IjcuNSIgZmlsbD0iI0ZDRkNGQyIvPgo8cmVjdCB4PSI4LjUiIHk9Ii0zMS41IiB3aWR0aD0iMTQzIiBoZWlnaHQ9IjM5IiByeD0iNy41IiBzdHJva2U9IiM2QzZDNkMiLz4KPHJlY3Qgb3BhY2l0eT0iMC44IiB4PSItOTkyIiB5PSItNjMwIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIyMDE1IiBmaWxsPSIjMjAyMDIwIi8+CjxyZWN0IHdpZHRoPSI2NzIiIGhlaWdodD0iMzMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjA4IC0xODApIiBmaWxsPSIjRkNGQ0ZDIi8+CjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIwIiBmaWxsPSIjRUMzQTBFIi8+CjxwYXRoIGQ9Ik0xOS4yNTE1IDI2LjIwNEgyMC43NTk3VjIwLjY0MzNIMjYuMjI4NVYxOS4yNjYzSDIwLjc1OTdWMTMuNzE4OEgxOS4yNTE1VjE5LjI2NjNIMTMuNzY5NVYyMC42NDMzSDE5LjI1MTVWMjYuMjA0WiIgZmlsbD0iI0ZDRkNGQyIvPgo8L3N2Zz4K);
    --svg-menos: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzOSIgaGVpZ2h0PSIzOSIgcng9IjE5LjUiIGZpbGw9IiNGRkYyRjIiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzOSIgaGVpZ2h0PSIzOSIgcng9IjE5LjUiIHN0cm9rZT0iI0VDM0EwRSIvPgo8cGF0aCBkPSJNMTQuMDMzMiAyMC40OTg3SDI1Ljk2NzZWMTkuNTAySDE0LjAzMzJWMjAuNDk4N1oiIGZpbGw9IiNFQzNBMEUiLz4KPC9zdmc+Cg==);
    --svg-botedebasura: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzOSIgaGVpZ2h0PSIzOSIgcng9IjE5LjUiIGZpbGw9IiNGRkYyRjIiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzOSIgaGVpZ2h0PSIzOSIgcng9IjE5LjUiIHN0cm9rZT0iI0VDM0EwRSIvPgo8cGF0aCBkPSJNMjUuMDIyNSAxNS44Njk2SDIzLjE4NjVWMTUuMDE3MUMyMy4xODY1IDE0LjEyNTMgMjIuNTMwNyAxMy40NDM0IDIxLjYyNTggMTMuNDQzNEgxOC4yNjg0QzE3LjM4OTcgMTMuNDQzNCAxNi42OTQ3IDE0LjExMjIgMTYuNjk0NyAxNS4wMTcxVjE1Ljg2OTZIMTQuOTc2NkMxNC40OTE0IDE1Ljg2OTYgMTMuOTY2OCAxNi4yODkzIDEzLjk2NjggMTYuODY2M0gyMy42OTc5TDIzLjA4MTYgMjUuNTg3NkgxNi44NjUyTDE2LjM0MDYgMTguMTUxNkgxNS4zMTc2TDE1LjkwNzggMjYuNTg0M0gyNC4wMjU4TDI0LjcyMDkgMTYuODY2M0gyNi4wMzI0QzI2LjAzMjQgMTYuMjg5MyAyNS41MDc4IDE1Ljg2OTYgMjUuMDIyNSAxNS44Njk2Wk0xNy43NDM4IDE1Ljg2OTZWMTUuMDE3MUMxNy43NDM4IDE0LjYzNjggMTcuODg4MSAxNC40OTI1IDE4LjI2ODQgMTQuNDkyNUgyMS42MjU4QzIyLjAwNjEgMTQuNDkyNSAyMi4xMzczIDE0LjYyMzcgMjIuMTM3MyAxNS4wMTcxVjE1Ljg2OTZIMTcuNzQzOFoiIGZpbGw9IiNFQzNBMEUiLz4KPC9zdmc+Cg==);
}

/* Works on Firefox */
* {
    font-family: 'AlicorpSans-Regular';
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

    /* Works on Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 0px;
    }

    *::-webkit-scrollbar-track {
        background: transparent;
    }

    *::-webkit-scrollbar-thumb {
        background-color: transparent;
        border-radius: 0px;
        border: 0px solid transparent;
    }

* {
    font-family: 'AlicorpSans-Regular';
}

.navbar-toggler.border-0 {
    padding-top: 21px;
    padding-bottom: 21px;
}

h1 {
    font-weight: 700;
    font-size: 48px;
}

h1, h2, h3, h4, h5, h6, b, strong {
    font-family: 'AlicorpSans-Bold';
}

.min-h-100 {
    min-height: 100%;
}

.min-h-75 {
    min-height: 100%;
}

.titulo {
    font-family: 'AlicorpSans-Bold';
    font-size: 32px;
}

.menu-canjea {
    /* background-color: #F7F7F7; */
    padding: 0;
}

.shadow.rounded {
    overflow: hidden;
    border-radius: 23px !important;
}

.logo-bienv-lg {
    height: 100%;
}

.menu-canjea .nav-link.active svg path {
    fill: var(--bs-primary);
}

.nav-tabs .nav-item .nav-link.active svg path {
    fill: var(--bs-primary);
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
    background: #FFF2F2;
}

.nav-tabs {
    border-bottom: 1px solid #DEDEDE;
    border-radius: 0;
}

    .nav-tabs .nav-item .nav-link {
        border-radius: 0;
        border: none;
        color: #6C6C6C;
    }

        .nav-tabs .nav-item .nav-link.active {
            border-radius: 0;
            border: none;
            border-bottom: 2px solid var(--bs-primary);
            background-color: transparent;
            color: var(--bs-primary);
        }

.breadcrumb-item a {
    color: #6C6C6C;
}

.breadcrumb-item.active {
    color: var(--bs-primary);
    font-weight: bold;
    font-family: 'AlicorpSans-Bold';
}

.hero {
    height: 264px;
    border-radius: 0 0 25px 25px;
    color: white;
    background: #0064D1;
    background: -moz-linear-gradient(242deg, #8ec5ff 0%, #0064D1 38%);
    background: -webkit-linear-gradient(242deg, #8ec5ff 0%, #0064D1 38%);
    background: linear-gradient(242deg, #8ec5ff 0%, #0064D1 38%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8979fd",endColorstr="#513cdc",GradientType=1);
}

.hero-img {
    height: 100%;
    background: url(../img/vector.svg) center top no-repeat, url(../img/vector-3.svg) 10% 90% no-repeat, url(../img/vector-1.svg) 85% 10% no-repeat, url(../img/vector-2.svg) 90% 50% no-repeat;
}

.hero_2 {
    height: 264px;
    border-radius: 0 0 25px 25px;
    color: white;
    background: #0064D1;
    background: -moz-linear-gradient(242deg, #8ec5ff 0%, #0064D1 38%);
    background: -webkit-linear-gradient(242deg, #8ec5ff 0%, #0064D1 38%);
    background: linear-gradient(242deg, #8ec5ff 0%, #0064D1 38%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8979fd",endColorstr="#513cdc",GradientType=1);
}

.hero-img_2 {
    height: 100%;
    background: url(../img/vector.svg) 80% top no-repeat, url(../img/vector-3.svg) 10% 90% no-repeat, url(../img/vector-2.svg) 90% 10% no-repeat;
}



.diadia-card {
    box-shadow: 0 0 16px rgb(107 107 107 / 24%);
    box-shadow: 0 32px 64px rgb(107 107 107 / 24%);
    border-radius: 16px;
    background: white;
    padding: 1rem;
    margin-top: 5rem;
    text-align: center;
    color: #202020;
}

    .diadia-card p {
        font-size: 24px;
    }

    .diadia-card h3 {
        font-size: 64px;
    }

        .diadia-card h3 span {
            font-size: 40px;
            font-family: 'AlicorpSans-Bold';
        }

    .diadia-card small {
        font-size: 16px;
        color: #6C6C6C;
        margin-bottom: 20px;
    }

.card {
    border: none;
}

.cards {
}

    .cards .card {
        border-radius: 24px;
        /* background:linear-gradient(rgba(91, 164, 248, 0.1) 100%, rgba(91, 164, 248, 0.1)100%), url(../img/vector.svg) center top no-repeat; */
    }

    .cards .card-body {
        background: url(../img/vector_a.svg) 15% top no-repeat;
        /* url(../img/vector-1_a.svg) 80% 10% no-repeat,
    url(../img/vector-2_a.svg) 90% 50% no-repeat; */
        border: 1px solid #79ACFF;
        border-radius: 24px 24px 0 0;
        border-bottom: none;
    }

        .cards .card-body.retos {
            background: url(../img/bg-retos.svg) top no-repeat, #fff;
            border: 1px solid #79ACFF;
            border-radius: 24px 24px 0 0;
            border-bottom: none;
            background-size: 105%;
        }

    .cards .card-footer {
        background-color: #F2F7FF;
        border-radius: 0 0 24px 24px;
        border: 1px solid #79ACFF;
    }


.h-150px {
    height: 150px;
}

section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.btn {
    border-radius: 8px;
    font-size: 13px;
    padding: 10px 20px;
    padding: 0 30px;
    height: 48px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-white {
    background: #ffffff !important;
}

.text-warning {
    color: #D97D08 !important;
}

.bg-warning {
    background-color: #FFAF7D !important;
}

.bg-yellow {
    background-color: #F9B5133D !important;
}

.rounded-circle.bg-gris.active {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

.w-82 {
    width: 82%;
}

.w-18 {
    width: 18%;
}

.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EC3A0E'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    opacity: 1;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
        filter: brightness(0.8);
    }

.btn-outline-primary {
    background-color: #FFF2F2;
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

    .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
        background-color: #FFF2F2;
        border-color: var(--bs-primary);
        color: white;
    }

.contador-carrito {
    position: absolute;
    bottom: 10px;
    left: 0;
    height: 50px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 5px;
}

    .contador-carrito .form-control {
        width: 33%;
    }

.btn-agregar {
    border-radius: 50% !important;
    display: block;
    width: 40px !important;
    height: 40px !important;
    padding: 0;
    margin-left: auto;
    background-image: var(--svg-plus);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    padding: 0 !important;
}

.btn-basura {
    border-radius: 50% !important;
    display: block;
    width: 40px !important;
    height: 40px !important;
    padding: 0;
    margin-left: auto;
    cursor: pointer;
    padding: 0 !important;
}


.mt-100 {
    margin-top: 100%;
}

footer {
    height: 52px;
    background-color: #fff;
    text-align: center;
    color: #202020;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comoacumular {
    background-color: #F2F2FF;
}

.acumulopts .card {
    border: 1px solid #DEDEDE;
    background-color: #F7F7F7;
    border-radius: 16px;
    padding: 1rem 1rem;
}

.acumulopts p, .acumulopts h5 {
    font-size: 23px;
}

.ayuda {
    background: url('../img/estrella-roja.svg') 80% 20% no-repeat, url('../img/estrella-azul.svg') 20% 80% no-repeat;
    background-color: #F7F7F7;
}

.text-primary {
    color: #EC3A0E !important;
}

.bg-gris {
    background-color: #e5e4e4;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28236, 58, 14, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

th {
    white-space: nowrap;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-dark .navbar-toggler-icon {
    /* background-image: url(../img/button.png);
    height: 35px;*/
}

.text-blue {
    color: var(--Blue-Zodiac-950, #0D2242);
}



.btn-link, a {
    color: #0F172A;
    text-decoration: none;
}

    .btn-link:hover, .btn-link:active, .btn-link:focus, a:hover, a:active, a:focus {
        color: #0F172A;
        box-shadow: none;
    }

html,
body {
    min-height: 100vh;
}

.p-5px {
    padding: 5px !important;
}

header {
    display: flex;
    width: 100%;
    padding: 4px 24px;
    justify-content: center;
    align-items: center;
    gap: 152px;
    background: rgba(17, 24, 39, 0.60);
    position: absolute;
    z-index: 1;
}

    header .logo {
        display: flex;
        width: 154px;
        height: 56px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex-shrink: 0;
        background: url(../img/logos-padel-rush.png) 50% / contain no-repeat;
    }

.bg-navbar {
    background: rgba(17, 24, 39, 0.60);
}



.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link {
    /* border-bottom: 3px solid #EB1345; */
    text-decoration: underline;
    text-decoration-color: #EB1345;
}

/*.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    background-color: #F2F2FF;
}*/
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    background-color: #eb3a0e12 !important;
}

li.nav-item .nav-link {
    border-top: 1px solid #CBD5E133;
    border-bottom: 1px solid #CBD5E133;
    padding: 15px;
    border-radius: 10px;
}


main {
    height: 100vh;
}

.login-logo {
    height: 100vh;
    display: flex;
    padding: 112px 16px 24px 16px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    /* flex: 1 0 0; */
    background: url(../public/images/colum-bg-img.png) rgba(17, 24, 39, 0.60);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    justify-content: center;
    display: flex;
    align-items: center;
}

.login {
    height: 100vh;
    display: flex;
    padding: 112px 16px 24px 16px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    background: url(../public/images/bg-login.png), rgba(17, 24, 39, 0.60);
    background-color: rgba(17, 24, 39, 0.60);
    background-blend-mode: multiply;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: scroll;
}

.login-a {
    display: flex;
    width: 410px;
    height: 280px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    background: url(../public/images/logos-padel-rush-login.png) lightgray 50% / contain no-repeat;
}

.card-login {
    display: flex;
    min-width: 328px;
    max-width: 600px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: center;
    border-radius: 6px;
    border: 1px solid var(--slate-200, #E2E8F0);
    background: #FFF;
}

.card-login-title {
    align-self: stretch;
    color: var(--Blue-Zodiac-950, #0D2242);
    /* h3 */
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 133.333% */
    letter-spacing: -0.144px;
}

.login-redes {
    width: 100%;
    background: white;
    border-radius: 4px;
    border: 1px #BDC3DB solid;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
    margin: 5px 0;
}

    .login-redes img {
        width: 40px;
        height: 40px
    }

.login-redes-text {
    flex: 1 1 0;
    text-align: center;
    color: #34446D;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 400;
    word-wrap: break-word
}

.encabezado {
    background: url(../img/padel-rush.png) rgba(17, 24, 39, 0.60);
    background-color: rgba(17, 24, 39, 0.60);
    background-blend-mode: multiply;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 250px;
    padding-top: 100px;
    padding-bottom: 35px;
}



.card-puntos {
    padding: 24px 16px 24px 16px;
    border-radius: 40px;
    gap: 8px;
    background-color: #E2E8F0;
    text-align: center;
    margin: auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
}

.puntos-numero {
    background-color: #0D2242;
    color: white;
    padding: 0px 8px 0px 8px;
    border-radius: 50%;
    width: fit-content;
    text-align: center;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
}


.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #F1F5F9;
}

.table > :not(:first-child) {
    border-top: none;
}


.registraygana {
    background-image: url(../img/textura-banne.png);
    min-height: 230px;
    width: 100%;
    background-size: cover;
    margin-top: 43px;
    position: relative;
    text-align: center;
    color: white;
    align-items: center;
    display: flex;
}

.establecimientos {
    background-color: #E2E8F0;
    padding: 35px 0;
}

.estadodecuenta {
    background-color: #F8FAFC;
}

.preguntas {
    padding: 35px 0;
}

.table {
    background-color: #ffffff;
}


.nav-pills .nav-item {
    background-color: transparent;
    border: 5px solid transparent !important;
}

.nav-pills .nav-link {
    border-radius: 3.25rem;
    color: #334155;
}


.tab-content .tab-pane .nav-pills {
    overflow: scroll;
    width: 100%;
    flex-wrap: nowrap;
}


    .tab-content .tab-pane .nav-pills .nav-link {
        background: white;
        border: 1px solid #202020;
        color: #202020;
        border-radius: 1.5rem;
        padding: 10px 20px;
        text-wrap: nowrap;
    }

        .tab-content .tab-pane .nav-pills .nav-link.active {
            background: var(--bs-primary);
            border: 1px solid var(--bs-primary);
            color: #ffffff;
        }





.nav-pills .nav-item {
    background-color: transparent;
    border: 5px solid transparent !important;
}

.nav-pills .nav-link {
    border-radius: 3.25rem;
    color: #334155;
}


.menu-movimientos .nav-pills {
    overflow: scroll;
    width: 100%;
    flex-wrap: nowrap;
}


    .menu-movimientos .nav-pills .nav-link {
        background: white;
        border: 1px solid #202020;
        color: #202020;
        border-radius: 1.5rem;
        padding: 5px 20px;
        text-wrap: nowrap;
    }

        .menu-movimientos .nav-pills .nav-link.active {
            background: #0064D1;
            border: 1px solid #0064D1;
            color: #ffffff;
        }

.enproceso {
    background-color: #DEDEDE;
    color: #6C6C6C;
    width: fit-content;
}

.agregado {
    background-color: rgba(121, 209, 171, 0.32);
    color: #006D3E;
    width: fit-content;
}

.canjeado {
    background-color: rgba(255, 175, 125, 0.32);
    color: #A64305;
    width: fit-content;
}


.index {
    height: 100vh;
    background-image: url(../img/bg-index.svg);
    background-repeat: no-repeat;
    background-position-x: left;
}









.registratucompra {
    background-color: #F8FAFC;
    padding: 50px 0;
}

.premiobanner {
    padding-top: 20px;
    padding-bottom: 20px;
}


.participaygana {
    background-color: #E2E8F0;
    padding: 50px 0;
    text-align: center;
}

    .participaygana .card {
        min-height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #CBD5E1;
        border-radius: 8px;
    }

        .participaygana .card .card-body {
            border-bottom: 1px solid #CBD5E1;
            width: 100%;
        }

            .participaygana .card .card-body img {
                width: 100%;
            }

        .participaygana .card .card-footer, .registratucompra .card .card-footer {
            background-color: transparent;
            border-top: none;
            font-weight: 600;
            font-size: 18px;
            color: #0D2242;
        }

.ubicacion .fa-star {
    color: #e7e7e7;
}

    .ubicacion .fa-star.checked {
        color: #FDE047;
    }

.ubicacion .nombre {
    color: #040C20;
    font-weight: 500;
}

.modal-body p {
    font-size: 14px;
    color: #64748B;
}

.modal-body .card, .registratucompra .card .card {
    border: 1px solid #CBD5E1;
    background: #E2E8F0;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.4s ease-out;
}

.registratucompra .card .card {
    border: 1px solid #CBD5E1;
    background: #F8FAFC;
}

.modal-body .card-footer, .registratucompra .card .card-footer {
    border-top: 1px solid #CBD5E1;
    background: transparent;
    color: #0D2242;
    font-size: 18px;
    font-weight: 600;
}

.modal-body .card:hover, .modal-body .card.active {
    border: 1px solid red;
    box-shadow: 4px 4px 8px 0px #EB134566;
}




.modal-body .card-size {
    display: flex;
    justify-content: space-around;
    background-color: #F1F5F9;
    border-radius: 10px 10px 8px 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    transform: translateY(20px);
    visibility: hidden;
    transition: 0.2s ease-out;
    position: absolute;
    width: 100%;
    bottom: 0;
}

    .modal-body .card-size .size {
        aspect-ratio: 1 / 1;
        width: 30px;
        text-align: center;
        line-height: 1;
        display: flex;
        place-items: center;
        justify-content: center;
        border-radius: 50%;
        cursor: pointer;
    }

        .modal-body .card-size .size:hover {
            background-color: white;
            color: #DB0A40;
        }

        .modal-body .card-size .size.active {
            background-color: white;
            color: #DB0A40;
        }


.modal-body .card:hover .card-size, .modal-body .card.active .card-size {
    transform: translateY(0px);
    visibility: visible;
    transition: 0.2s ease-out;
}


.navbar-light .navbar-toggler p {
    display: inline-flex;
    font-size: 14px;
    color: black;
    margin: 0;
}

.offcanvas.carrito {
    min-width: 90%;
}

.carrito-premios {
    background: #F7F7F7;
    border-radius: 10px;
    padding: 25px;
}

.por-canjear {
    background: #F2F2FF;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 20px;
}

.canjeando {
    /*background-color: var(--bs-primary);*/
    background-color: #FFFFFF;
    color: white;
    height: 100vh;
}

.vas-seleccionando {
    background-color: #FCFCFC;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    box-shadow: 0 -8px 16px -4px #6c6c6c7a;
    padding: 24px;
    border-radius: 16px 16px 0 0;
}

.listo {
    background-color: #F2F2FF;
    text-align: center;
}

.stepper-circulo {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.stepper .line {
    width: 2px;
    background-color: lightgrey !important;
}

.stepper .lead {
    font-size: 1.1rem;
}

.form-check-input {
    margin-right: 0.5em !important;
    width: 2em;
    height: 2em;
    margin-top: -0.2em;
}

    .form-check-input:checked {
        background-color: #3E28D1;
        border-color: #3E28D1;
    }

.max-vh-100 {
    max-height: 100vh;
}

.fw-bold {
    font-family: 'AlicorpSans-Bold';
}

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
    background-color: #FFF2F2;
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.banner-bgcolor {
    background-color: #FFF2F2;
    height: 208px;
}

.progress {
    height: 8px;
}

.tag {
    position: relative;
    border-radius: 8px;
    background-color: rgba(249, 181, 19, 0.24);
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    box-sizing: border-box;
    gap: 8px;
    text-align: center;
    font-size: 16px;
    color: #202020;
    font-family: AlicorpSans;
}

.fecha {
    position: relative;
}

    /* .fecha input[type=date]:before {
    color: transparent!important;
    background: white;
    display: block;
    content: url(../img/icon-fecha.svg);
    width: 22px;
    height: 22px;
    padding: 0;
    position: absolute;
    top: auto;
    bottom: auto;
    right: 20px;
    left: auto;
    color: #999;
    z-index: 9;
} */


    /*
.fecha input[type="date"]::-webkit-inner-spin-button,
.fecha input[type="date"]::-webkit-calendar-picker-indicator {
    color: white!important;
    z-index: 0;
    right: -100px;
    background: white;
    width: 22px;
    height: 22px;
} */


    .fecha input[type="date"]::-webkit-inner-spin-button,
    .fecha input[type="date"]::-webkit-calendar-picker-indicator {
        color: white !important;
        z-index: 0;
        right: -100px;
        background: white;
        width: 22px;
        height: 22px;
        content: url(../img/icon-fecha.svg);
    }


.fecha2 input:before {
    color: transparent !important;
    background: white;
    display: block;
    width: 22px;
    height: 22px;
    padding: 0;
    position: absolute;
    top: auto;
    bottom: auto;
    right: 20px;
    left: auto;
    color: #999;
    z-index: 9;
}


.flatpickr-calendar {
    width: 68% !important;
    margin: auto;
    max-width: none !important;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    margin: auto;
    left: auto;
    right: auto;
    border: 1px solid #6c6c6c54;
}

.flatpickr-month {
    background-color: #ffffff;
    color: #333;
    border-radius: 10px 10px 0 0;
}

.flatpickr-day.today {
    border-radius: 4px !important;
    background: #6a5acd !important;
    color: white !important;
}

.flatpickr-day.selected {
    background: #6a5acd !important;
    color: white !important;
    border-radius: 4px !important;
}

.flatpickr-calendar.open {
    /* top: 0 !important; */
    /* transform: translateX(-50%);
    left: 50% !important;
    right: 50% !important; */
    /* position: relative; */
}

input[type="text"].flatpickr-input {
    /* width: 100%; */
    padding: 10px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
}


input[type="text"].flatpickr-input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
    background-image: url(../img/icon-fecha.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 99%;
}

.flatpickr-calendar.open {
    /* transform: translateX(-50%);
    left: 50% !important;
    right: 50% !important; */
}

.flatpickr-rContainer {
    width: 100%;
}

.flatpickr-weekdays {
    width: 100%;
}

.flatpickr-days {
    width: 100%;
}


.dayContainer {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.flatpickr-day {
    max-width: calc(100% / 7);
}

.input-text {
    color: #6C6C6C;
}

.disabled {
    background-color: transparent !important;
    color: #626473 !important;
    border: none;
}

.reto-cumplido .modal-content {
    align-items: center;
    background-image: url(../img/bg-reto-modal.svg);
    background-size: cover;
    background-color: #fed75e;
    height: 500px;
    background-position: center;
}

.reto-cumplido p {
    color: #202020;
    font-size: 24px;
}

.reto-cumplido h1 {
    color: #0064D1;
    font-weight: 700;
    font-size: 48px;
    text-shadow: rgb(255, 255, 255) 5px 0px 0px, rgb(255, 255, 255) 4.90033px 0.993347px 0px, rgb(255, 255, 255) 4.60531px 1.94709px 0px, rgb(255, 255, 255) 4.12668px 2.82321px 0px, rgb(255, 255, 255) 3.48353px 3.58678px 0px, rgb(255, 255, 255) 2.70151px 4.20736px 0px, rgb(255, 255, 255) 1.81179px 4.6602px 0px, rgb(255, 255, 255) 0.849836px 4.92725px 0px, rgb(255, 255, 255) -0.145998px 4.99787px 0px, rgb(255, 255, 255) -1.13601px 4.86924px 0px, rgb(255, 255, 255) -2.08073px 4.54649px 0px, rgb(255, 255, 255) -2.94251px 4.04248px 0px, rgb(255, 255, 255) -3.68697px 3.37732px 0px, rgb(255, 255, 255) -4.28444px 2.57751px 0px, rgb(255, 255, 255) -4.71111px 1.67494px 0px, rgb(255, 255, 255) -4.94996px 0.7056px 0px, rgb(255, 255, 255) -4.99147px -0.291871px 0px, rgb(255, 255, 255) -4.83399px -1.27771px 0px, rgb(255, 255, 255) -4.48379px -2.2126px 0px, rgb(255, 255, 255) -3.95484px -3.05929px 0px, rgb(255, 255, 255) -3.26822px -3.78401px 0px, rgb(255, 255, 255) -2.4513px -4.35788px 0px, rgb(255, 255, 255) -1.53666px -4.75801px 0px, rgb(255, 255, 255) -0.560763px -4.96845px 0px, rgb(255, 255, 255) 0.437495px -4.98082px 0px, rgb(255, 255, 255) 1.41831px -4.79462px 0px, rgb(255, 255, 255) 2.34258px -4.41727px 0px, rgb(255, 255, 255) 3.17346px -3.86382px 0px, rgb(255, 255, 255) 3.87783px -3.15633px 0px, rgb(255, 255, 255) 4.4276px -2.32301px 0px, rgb(255, 255, 255) 4.80085px -1.39708px 0px, rgb(255, 255, 255) 4.98271px -0.415447px 0px;
}


@media (max-width: 991px) {

    .titulo {
        font-size: 17px;
    }

    .index {
        background-size: contain;
        background-position: center top;
    }

    .offcanvas.carrito {
        min-width: 100%;
    }

    .canjear-premio .modal-dialog-centered {
        align-items: flex-end;
        min-height: 100%;
        margin: 0;
    }

    .ayuda {
        background: none;
        background-color: #F7F7F7;
        text-align: left;
    }

        .ayuda * {
            text-align: left !important;
        }

        .ayuda .btn {
            text-align: right !important;
            margin-left: auto !important;
            display: flex;
        }

    .btn {
        padding: 0 30px;
        height: 48px;
        font-size: 14px;
        align-items: center;
    }


    .cards .card-footer {
        font-size: 16px;
    }

    .diadia-card {
        margin-top: 3rem;
    }

    .acumulopts {
        background: rgb(137,121,253);
        background: -moz-linear-gradient(180deg, rgba(137,121,253,0.2) 0%, rgba(242,242,255,0.2) 50%, rgba(255,255,255,0.2) 100%);
        background: -webkit-linear-gradient(180deg, rgba(137,121,253,0.2) 0%, rgba(242,242,255,0.2) 50%, rgba(255,255,255,0.2) 100%);
        background: linear-gradient(180deg, rgba(137,121,253,0.2) 0%, rgba(242,242,255,0.2) 50%, rgba(255,255,255,0.2) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8979fd",endColorstr="#ffffff",GradientType=1);
    }

    .hero {
        background: #0064D1;
        background: -moz-linear-gradient(180deg, #0064D1 0%, #8ec5ff 80%, #fff 100%);
        background: -webkit-linear-gradient(180deg, #0064D1 0%, #8ec5ff 80%, #fff 100%);
        background: linear-gradient(180deg, #0064D1 0%, #8ec5ff 80%, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8979fd",endColorstr="#ffffff",GradientType=1);
        border-radius: 0;
    }

    .hero_2 {
        height: 130px;
        border-radius: 0;
        background: #0064D1;
        background: -moz-linear-gradient(180deg, #0064D1 0%, #8ec5ff 80%, #8ec5ff 100%);
        background: -webkit-linear-gradient(180deg, #0064D1 0%, #8ec5ff 80%, #8ec5ff 100%);
        background: linear-gradient(180deg, #0064D1 0%, #8ec5ff 80%, #8ec5ff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8979fd",endColorstr="#ffffff",GradientType=1);
        border-radius: 0;
    }

    .hero-img_2 {
        background: url(../img/vector.svg) 120% top no-repeat;
        background-size: 40%;
    }

    li.nav-item {
        border: none !important;
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .navbar-brand {
        z-index: 9999;
    }

    .offcanvas {
        width: 80%;
    }

    .mt-100 {
        margin-top: 85%;
    }


    .flatpickr-calendar {
        width: 55% !important;
    }
}

@media (max-width: 767px) {
    section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ayuda {
        display: none;
    }

    .index {
        min-height: 100vh;
        height: auto;
        /* background: url(../img/bg-monedas-porcentaje.png) blue; */
        /* background-color: #8879fd56; */
        background-image: linear-gradient(rgba(137, 121, 253, 0.9), rgba(242, 242, 255, 0.1), rgba(255, 255, 255, 0)), url(../img/bg-monedas-porcentaje.png);
        background-image: linear-gradient(rgba(137, 121, 253, 0.9), rgba(242, 242, 255, 0.5), rgba(255, 255, 255, 0)), url(../img/bg-monedas-porcentaje.png);
        background-size: cover;
        background-position: top center;
        padding-bottom: 25px;
    }

    .index2 {
        background-image: url(../img/bg-indextodo-sm.png);
        background-size: 100%;
    }

    .index p {
        font-family: 'AlicorpSans-Bold';
        font-size: 24px;
    }

    .index h3 {
        font-family: 'AlicorpSans-Bold';
        font-size: 40px;
    }

    .logo-bienv-lg {
        height: auto;
    }

    .controles-index {
        transform: translateY(-50px);
        margin-bottom: -50px;
    }

    .acumulopts p, .acumulopts h5 {
        font-size: 19px;
    }

    .diadia-card p {
        margin-top: 20px;
        font-size: 20px;
    }

    .diadia-card h3 {
        font-size: 47px;
    }

        .diadia-card h3 span {
            font-size: 32px;
        }

    .btn-agregar {
        border-radius: 50% !important;
        display: block;
        width: 40px !important;
        height: 40px !important;
        padding: 0;
        margin-left: auto;
        background-image: var(--svg-plus);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        padding: 0 !important;
    }

    .btn-basura {
        border-radius: 50% !important;
        display: block;
        width: 40px !important;
        height: 40px !important;
        padding: 0;
        margin-left: auto;
        cursor: pointer;
        padding: 0 !important;
    }

    .por-canjear {
        padding: 10px;
    }

        .por-canjear p {
            font-size: 14px;
        }

    .flatpickr-calendar {
        width: 98% !important;
    }
}


.carousel-indicators [data-bs-target] {
    background-color: var(--bs-primary);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.carousel-indicators {
    margin-bottom: 0;
    bottom: -30px;
}

button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}