@font-face {
    font-family: 'BuenosAires-Regular';
    src: url('../fonts/BuenosAires-Regular.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BuenosAires-SemiBold';
    src: url('../fonts/BuenosAires-SemiBold.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BuenosAires-Black';
    src: url('../fonts/BuenosAires-Black.ttf');
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'BuenosAires-ExtraBold';
    src: url('../fonts/BuenosAires-ExtraBold.ttf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AlaFuente-Regular';
    src: url('../fonts/AlaFuente-Regular.otf');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('../fonts/Inter-Bold.woff2');
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Inter-Regular';
    src: url('../fonts/Inter-Regular.woff2');
    font-style: normal;
    font-display: swap;
}





:root {
    /**NAV**/
    --font-family-item-navbar: "DIN Black", sans-serif;
    --font-familt-general: "ITCFranklin", sans-serif;
    --bg-color-main: #c3e68c;
    --bg-footer: #fdc118;
    --bg-purple: #8762ff;
    --bs-modal-width: 600px;
    --color-text-purple: #8762ff;
    --bg-yellow: #fdc118;
    --color-text-yellow: #fdc118;
    --bg-blue: #1033a0;
    --bg-color-modal: #00000075;
    --color-text-blue: #24abe0;
    --bg-white: #ffffff;
    --color-text-white: #ffffff;
    --color-text-black: #030202;
    --color-text-dark-blue: #0041c0;
    --font-family-button: "CraftGothic", sans-serif;
    --bg-gray: #dfdfdf;
    --bg-black: #030202;
    --font-family-item: "Roboto", sans-serif;
    --font-family-footer: "Roboto", sans-serif;
    --font-family-input: "Roboto", sans-serif;
    --font-family-title-page: "Roboto", sans-serif;
    --font-family-qa-title: "Roboto", sans-serif;
    --font-family-qa-body: "Roboto", sans-serif;
    /**CUSTOM ANGEL**/

    --color-ping: #24abe0;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #FFB900;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background-color: var(--color-ping-light);
    border: none;
    background-size: cover;
}

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

.text-ba {
    font-family: 'BuenosAires-Regular', sans-serif;
}

.text-bb {
    font-family: 'BuenosAires-Black', sans-serif;
    font-size: 30px;
}

.text-normal {
    font-family: 'BuenosAires-Black', sans-serif;
    font-size: 36px;
}

.alacena-button {
    padding: 12px 80px;
    text-align: center;
    font-size: 30px;
    background-color: #ffb900;
    font-family: BuenosAires-ExtraBold, sans-serif;
    width: fit-content;
    color: #8E0E16;
    line-height: 1;
    border-radius: 36px;
}

h3 {
    font-family: 'BuenosAires-Black', sans-serif;
    font-size: 30px;
}

.text-color-main {
    color: #9B0000;
}

.small-text {
    font-size: 20px;
}

.small {
    line-height: 120%;
}

.text-image {
    font-size: 20px;
}

.title-alacena {
    color: #FFF;
    font-family: AlaFuente-Regular, sans-serif;
    font-size: 60.571px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.text-term {
    color: #8E0E16;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-family: Inter-Regular, sans-serif;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.5px;
}

    .text-term b {
        font-family: Inter-Bold, sans-serif;
    }

body {
    /*overflow:hidden;*/
}

.hero-bg {
    background-color: #FF7000;
    position: fixed;
    inset: 0;
    height: 100dvh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}



.text-shadow {
    text-align: center;
    text-shadow: 4px 4px 0 #fff, -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff;
}

.card-container {
    position: absolute;
    /*width: 820px;
        height: 482px;*/
    background-color: #a5d764;
    /*border-radius: 49% 53% 0% 10% / 72% 72% 0% 0%;*/
    border-radius: 32px;
    /*rotate: -3deg;*/
    /*box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);*/
    width: calc(100vw);
    /* height: calc(100% - 5rem); */
    height: 100%;
    max-width: 1020px;
    top: 7%;
}

p {
    margin-top: 0;
    margin-bottom: 0;
    font-family: BuenosAires-Regular, sans-serif;
    color: #FFF;
    text-align: center;
    /* M3/Elevation Dark/4 */

    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 95.592%; /* 45.884px */
    letter-spacing: 1px;
    color: #FFF;
}

/*Clases generales*/
h2 {
    color: #9B0000;
    font-family: 'BuenosAires-Black', sans-serif;
    font-size: 64px;
    font-style: normal;
    letter-spacing: 0.5px;
}

/*Fin clases generales*/

header {
    padding: 0 !important;
    background: none;
}

.participa-aqui-button {
    background-color: #9B0000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1; /* 120% */
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    padding: 12px 40px;
    justify-content: center;
    width: fit-content;
    font-family: BuenosAires-SemiBold, sans-serif;
    transition: background-color 03s ease-in-out
}

    .participa-aqui-button:hover {
        background-color: #DE0209;
    }




.navbar-wrap {
    background-color: #FF0000;
    /* box-shadow: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.30);*/
    padding: 12px !important;
}






    .navbar-wrap .container {
        /*margin: 0.8rem 0 0;*/

        justify-content: space-between;
        height: 64px;
    }

        .navbar-wrap .container .navbar-brand .logonavbar-one {
            /*    width: 120px;
        height: 30px;*/
            transform: translateY(20px)
        }

    .navbar-wrap .navbar-toggler {
        border: none;
        outline: none;
    }

        .navbar-wrap .navbar-toggler .navbar-toggler-icon {
            background-color: #FFB900;
            -webkit-mask: url(../files/menu.svg) no-repeat center / contain;
            mask: url(../files/menu.svg) no-repeat center / contain;
            width: 48px;
            height: 48px;
            background-image: unset !important;
        }

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

.navbar-brand .logonavbar-one {
    max-width: 200px;
}

.nav-link {
    /*font-family: "FjallaOne", sans-serif;*/
    /*font-family: var(--font-familt-general);*/
    font-family: BuenosAires-SemiBold, sans-serif;
    color: var(--color-text-white);
    font-size: 1.2rem;
    padding-inline: 0;
}

    .nav-link.show-winners {
        color: var(--color-text-yellow);
    }

.navbar .nav-link {
    /*font-family: "FjallaOne", sans-serif;*/
    color: var(--color-green-bold);
    line-height: 24px;
    text-align: left;
    font-weight: 700;
    /*max-width: 130px;*/
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 120% */
    letter-spacing: 0.5px;
}

.nav-link:hover {
    /*color: var(--color-ping-light);*/
}

.nav-link.selected {
    /*color: var(--color-ping-light);*/
    transform: scale(1.1);
    border-radius: 0 0 150px 150px / 0 0 25px 25px;
}

.navbar-nav {
    /*  border-top: 118px;
    border-left: 48px;*/
    gap: 0.8rem;
    /*margin-bottom: 2rem;*/
}

.navbar-content {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    gap: 1rem;
    /*margin: 2rem 0;*/
}

.item-button {
    background-color: transparent;
    ;
    padding: 1rem 1.2rem 0.8rem;
    color: #fff;
    width: fit-content;
    height: 20px;
    display: flex;
    cursor: pointer;
    gap: 10px;
    border: 1px solid #fff;
    align-items: center;
}

.nav-item.item-button .nav-link {
    color: #fff !important;
    font-size: 20px;
    /* font-family: "FjallaOne", Cap height; */
    line-height: 28.8px;
    font-weight: 700;
    align-content: center;
    justify-content: center;
}

/** SIDE BAR**/
.offcanvas {
    background-color: #DE0209;
    z-index: 99999;
    width: 80% !important;
    max-width: 400px;
}

    .offcanvas .navbar-nav {
        .nav-item

{
    .nav-link

{
    color: #fff;
}

}
}

.offcanvas .navbar-nav {
    padding: 0px 1.5rem 1.5rem 3rem;
}

.offcanvas .btn-close {
    border: 3px solid #fff;
    border-radius: 20px;
    padding: 10px;
    opacity: 1;
    background: url("/img/confiteca/home/close-btn.svg") center no-repeat;
    color: #fff;
    position: absolute;
    right: -20px;
    top: 20%;
}

    .offcanvas .btn-close:focus {
        outline: none;
        box-shadow: none;
    }

.offcanvas .nav-link.selected {
    /*color: var(--color-ping-light);*/
    transform: scale(1.1);
    padding-left: 10px;
}

body .img-octogono {
    width: 120px;
    position: absolute;
    top: 55px;
    right: 20px;
    z-index: 9999;
}

#main-valid-age {
    /*background: linear-gradient(138deg, #E4610C 1.81%, #EF9A0C 74.26%);*/
    background-color: #FF7000;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

/** INDEX **/

#home {
    /*  background-image: var(--bg-home);*/
    /*background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;*/
    /*height: 100dvh;*/
    position: relative;
    width: 100%;
}

.home-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    /*margin-top: 3rem;*/
    /* height: calc(100% - 144px);*/
}

    .home-container .image-banner img {
        transition: transform 0.3s ease-in-out;
        transform: scale(.9)
    }

    .home-container .image-banner:hover img {
        transform: scale(1)
    }









.participa-aqui-button-home {
    background-color: #9B0000;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: fit-content;
    padding: 12px 40px;
    color: #FFF;
    text-align: center;
    font-family: BuenosAires-SemiBold, sans-serif;
    font-size: 24px;
    font-style: normal;
    line-height: 1; /* 120% */
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    transition: background-color 0.3s ease-in-out;
}

    .participa-aqui-button-home:hover {
        background-color: #DE0209;
    }

.participa-aqui-button:hover {
    background-color: #DE0209;
}

.home-codigos {
    /*width: 80%;*/
    /*max-width: 750px;*/
    /*  font-family: Popins-regular,sans-serif;*/
    font-family: BuenosAires-Regular, sans-serif;
    text-align: justify;
    color: #8B0F20;
    line-height: 1;
    font-size: 0.6rem;
}

/*Step */
.howtotakepart {
    /*background-color: var(--color-ping-light);*/
}

.howtotakepart-container .content .bot {
    width: fit-content;
    border: 3px solid #fff;
    padding: 24px;
}

.howtotakepart-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100dvh;
    margin-top: 3rem;
    margin-bottom: 2rem;
    gap: 1rem;
}

    .howtotakepart-container .content .img {
        border: 1px solid #fff;
    }

    .howtotakepart-container .content p {
        color: #9B0000;
        text-align: start;
        font-size: 20px;
        font-style: normal;
        font-family: Inter-Regular, sans-serif;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.5px;
    }

        .howtotakepart-container .content p b {
            font-family: Inter-Bold, sans-serif;
        }

.howtotakepart-steps {
    .swiper

{
    display: none;
}

}

.howtotakepart-container-title {
    color: var(--color-ping);
    font-size: 2rem;
    font-family: "FjallaOne", sans-serif;
    font-weight: 900;
}



.steps-step {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-bottom: 0.2rem solid;
    border-bottom-color: var(--color-ping);
    padding: 1rem 2rem 1rem 2rem;
    flex: 1;
    word-break: break-word;
}

.step-img {
    display: flex;
    justify-content: center;
    align-content: center;
}

.step-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: "FjallaOne", sans-serif;
    color: var(--color-ping-dark);
}

.howtotakepart-more-information {
    /*padding: 3rem 0 1rem 0;*/
    color: var(--color-green-bold);
    font-size: 1rem;
    font-family: "Poppins-regular", sans-serif;
    text-align: center;
}

.add {
    font-family: "Poppins-regular", sans-serif
}

.howtotakepart-more-button {
    background: var(--color-ping);
    color: var(--bg-white);
    text-decoration: none;
    font-size: 20px;
    padding: 10px 30px 10px 30px;
    border-radius: 20px;
    font-family: "FjallaOne", sans-serif;
    font-weight: 700;
}

.step-text-title {
    font-size: 2rem;
    font-weight: 900;
}

.step-text-content {
    font-family: "FjallaOne", sans-serif;
    font-weight: 700;
    white-space: nowrap;
}

.bg-ping {
    background-color: var(--color-ping);
    color: var(--bg-white);
    padding: 0 0.5rem;
}

.btn-participa-aqui {
    border: 2px solid var(--color-ping-dark);
    background: transparent;
    padding: 0.1rem 2.5rem;
    font-family: "FjallaOne", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    text-decoration: none;
    color: var(--color-ping-dark);
    border-radius: 2rem;
    position: relative;
}

    .btn-participa-aqui::after {
        content: "";
        /* Obliga a que se muestre el elemento */
        display: block;
        /* Permite controlar dimensiones */
        width: 40px;
        /* Ajusta el ancho de la imagen */
        height: 40px;
        /* Ajusta el alto de la imagen */
        /* URL de la imagen */
        background-size: cover;
        /* Asegura que la imagen se ajuste */
        position: absolute;
        top: 50%;
        /* Centrado vertical */
        right: 0;
        /* A la derecha del texto del enlace */
    }


/*Fin estilos Step*/


/*Estilos cookies*/
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    color: black;
    text-align: center;
    padding: 15px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.img-cookie {
    height: 3rem;
}

.cookie-banner button {
    background-color: var(--color-ping);
    color: white;
    border: none;
    padding: 10px 40px;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 1.2rem;
}

.container-cookie {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
}

.container-cookie-text {
    text-align: justify;
}

.text-cookie-1 {
    color: #237192;
    font-weight: 900;
    font-size: 2rem;
    text-align: start;
    color: #000;
}

.text-cookie-2 {
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0;
    text-align: start;
    color: #000;
}

.cookie-check-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

    .cookie-check-container p {
        color: #237192;
        font-weight: 900;
        font-size: 1.5rem;
        margin: 0;
    }

.cookie-check-input {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.close-cookie {
    color: gray;
    font-weight: 100;
    font-size: 2.5rem;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 1rem;
    font-family: sans-serif;
}

/*Fin estilos cookies*/
/** FOOTER **/
footer {
    background: var(--color-green-bold);
    /*display: flex;*/
    display: none;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    position: sticky;
    bottom: 0;
    z-index: 9999;
}

    footer small {
        background: transparent;
        color: var(--bg-white);
        font-size: 10px;
        text-align: left;
    }

    footer a img {
        width: 24px;
        height: 100%;
    }

/** VALIDATION AGE **/
#valid-age-container . {
}

.valid-age-content .text-valide-age {
    color: #FFF;
    font-size: 64px;
    font-style: normal;
    font-family: BuenosAires-Regular, sans-serif;
    font-weight: 700;
    /*line-height: 24px;*/
    color: #fff;
    letter-spacing: 0.5px;
}


.valid-age-wrap {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .valid-age-wrap .valid-age-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

        .valid-age-wrap .valid-age-content .valid-age-images {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .valid-age-wrap .valid-age-content .valid-age-images .img1 {
                width: 100%;
                max-width: 160px;
                height: 100%;
            }

            .valid-age-wrap .valid-age-content .valid-age-images .img2 {
                width: 100%;
                height: 100%;
                max-width: 237px;
                transform: rotate(-2deg);
            }


        .valid-age-wrap .valid-age-content .age-highlight {
            color: var(--color-text-white) !important;
            font-family: "FjallaOne", sans-serif;
            font-weight: 500;
            font-size: 48px;
        }

        .valid-age-wrap .valid-age-content .valid-age-buttons {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 24px;
        }

            .valid-age-wrap .valid-age-content .valid-age-buttons a {
                width: 7rem;
                height: 5rem;
                border: 4px solid #fdc118;
                outline: none;
                cursor: pointer;
                background-size: cover;
                background-position: center;
                text-decoration: none;
                display: flex;
                justify-content: center;
                align-items: center;
                color: var(--bg-white);
                font-weight: 700;
                /*font-family: "FjallaOne", sans-serif;*/
                font-size: 2rem;
                margin: 0;
                padding: 1.2rem;
                text-align: center;
                /*box-shadow: 5px 15px 25px rgba(0, 0, 0, 0.3);*/
            }

/** INDEX **/
.banner-index-wrap {
    min-height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .banner-index-wrap .banner-index-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0px;
    }

        .banner-index-wrap .banner-index-content .img-banner-1 {
            width: 50.93%;
            height: 13.29%;
            position: absolute;
            top: 55.43%;
            left: 24.53%;
        }

        .banner-index-wrap .banner-index-content .img-banner-2 {
            width: 48%;
            height: 3.14%;
            position: absolute;
            top: 67%;
            left: 25.87%;
        }

        .banner-index-wrap .banner-index-content .img-banner-3 {
            width: 40%;
            height: 10.71%;
            position: absolute;
            top: 71.43%;
            left: 29.87%;
        }

        .banner-index-wrap .banner-index-content .text-img-banner-3 {
            width: 48%;
            height: 3.14%;
            font-size: 20px;
            font-weight: 800;
            font-family: "DIN Black", sans-serif;
            color: var(--color-text-blue);
            position: absolute;
            top: 67%;
            left: 25.87%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .banner-index-wrap .banner-index-content .banner-content-text {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0px;
            margin-top: 30px;
            margin-left: auto;
        }

            .banner-index-wrap .banner-index-content .banner-content-text .banner-content-text-one {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }

                .banner-index-wrap .banner-index-content .banner-content-text .banner-content-text-one p {
                    color: white;
                    font-family: "DIN Black", sans-serif;
                    font-size: 28px;
                    margin: 0;
                    padding: 0;
                    max-width: 327px;
                }

                /** debe centrase la imagen y el texto **/
                .banner-index-wrap .banner-index-content .banner-content-text .banner-content-text-one .gana {
                    width: 78.13%;
                    height: auto;
                    position: absolute;
                    top: 15%;
                    left: 10.93%;
                }

                .banner-index-wrap .banner-index-content .banner-content-text .banner-content-text-one .altomayo {
                    width: 61.33%;
                    height: auto;
                    position: absolute;
                    top: 26.29%;
                    left: 20.53%;
                }

            .banner-index-wrap .banner-index-content .banner-content-text p {
                color: var(--color-text-blue);
                font-family: "DIN Black", sans-serif;
                font-size: 20px;
                line-height: 24px;
                font-weight: 700;
                text-align: center;
                margin: 0;
                padding: 0;
                width: 74.4%;
                height: 4.29%;
                position: absolute;
                top: 40%;
                left: 13.6%;
            }

            .banner-index-wrap .banner-index-content .banner-content-text .text-2 {
                color: var(--color-text-white);
                font-family: "gotham-ultraitalic", sans-serif;
                font-size: 16px;
                margin: 0;
                padding: 0;
                text-align: center;
                width: 100%;
            }

        .banner-index-wrap .banner-index-content a {
            background: var(--bg-black);
            color: var(--color-text-white);
            text-decoration: none;
            font-family: "DIN Black", sans-serif;
            width: 35.73%;
            height: 6.57%;
            position: absolute;
            top: 85.43%;
            left: 32.06%;
            border-radius: 30px;
            padding: 4% 8%;
            gap: 2.67%;
            font-size: 150%;
            line-height: 180%;
            font-weight: 700;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
        }

/** COMO PARTICIPAR **/

/** PREGUNTAS FRECUENTES **/
.frequenceanswer-index-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
    h2

{
    text-align: center;
    font-weight: 900;
    color: var(--color-green-bold);
    span

{
}

}

.swiper-warning {
    max-width: 8.77rem;
    width: 25%;
    height: auto;
    position: absolute;
    z-index: 999;
    top: 1%;
    right: 2%;
    visibility: hidden;
}

.swiper-warning-2 {
    max-width: 18rem;
    width: 50%;
    height: auto;
    position: absolute;
    z-index: 999;
    top: 1%;
    right: 2%;
}

.faq-warning {
    max-width: 8.77rem;
    width: 25%;
    height: auto;
    position: absolute;
    z-index: 999;
    top: 53%;
    right: 2%;
}

}

.frequenceanswer-index-wrap .frequenceanswer-index-content {
    display: flex;
    /*flex-direction: column;*/
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 2rem;
    /* width: 90%;
    max-width: 45rem;*/
    /*    background-image: url('../img/angel/faq/bg.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;*/
}


    .frequenceanswer-index-wrap .frequenceanswer-index-content .content-header {
        display: flex;
        justify-content: center;
    }

        .frequenceanswer-index-wrap .frequenceanswer-index-content .content-header p {
            font-family: "FjallaOne", sans-serif;
            font-size: 20px;
            font-weight: 800;
            line-height: 24px;
            letter-spacing: 0.1em;
            text-align: center;
            background: var(--bg-yellow);
            color: #04488e;
            padding: 4px 20px;
            z-index: 1;
            position: absolute;
            margin: 0;
        }

    .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body {
        border-radius: 30px;
        /*background: var(--bg-white);*/
        /*box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);*/
        width: 100%;
        /*margin: 2.5rem 0;*/
        position: relative;
        padding-inline: 48px;
        /*   max-width: 1020px;*/
        max-width: 70%
    }

    .frequenceanswer-index-wrap .frequenceanswer-index-content .faq-item {
        img

{
    position: absolute;
}

}

/*Estilos tipo de producto*/
.type-product {
    .content

{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    .img-registra

{
    /* max-width: 350px; */
    object-fit: cover;
}

.img-small {
    display: none;
}

h3 {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    font-family: var(--font-familt-general);
}

.wrapper-box {
    display: flex;
    gap: 2rem;
    .box-product

{
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border: 3px solid var(--color-green-bold);
    border-radius: 32px;
    min-width: 250px;
    .images

{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    height: 100%;
    img

{
    max-width: 3rem;
    object-fit: contain;
}

}

p {
    text-align: center;
    font-family: var(--font-familt-general);
    color: var(--color-green-bold);
    font-size: 1.5rem;
}

&.active {
    background-color: #fff;
}

}
}

.wrapper-buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    align-items: center;
    .btn

{
    padding: 5px 50px;
    border: 2px solid var(--color-green-bold);
    border-radius: 8px;
    font-size: 1.5rem;
}

.btn-clear {
    background-color: transparent;
    color: var(--color-green-bold);
}

}
}
}

/*Fin estilos*/

.frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    justify-content: center;
    gap: 1.5rem;
}

    .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion {
    }

    .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .accordion {
        background: transparent;
        color: var(--color-text-white);
        margin-top: 50px;
    }

    .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion .acordion-item {
        border-bottom: 1px solid #B5B5B5;
        margin-top: 8px;
    }

        .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion .acordion-item:last-child {
            border: none
        }


        .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion .acordion-item .acordion-header {
            display: flex;
            align-items: center;
            gap: 8px;
            justify-content: flex-start;
        }

            .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion .acordion-item .acordion-header span {
                color: #FFF;
                text-align: center;
                /* M3/Elevation Dark/4 */
                text-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.30);
                font-family: AlaFuente-Regular, sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 95.592%; /* 30.59px */
                letter-spacing: 1px;
            }

            .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion .acordion-item .acordion-header .accordion-button {
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                text-align: left;
                color: #FFF;
                font-family: BuenosAires-Regular, sans-serif;
                padding: 0;
                width: calc(100% - 24px);
                display: flex;
                justify-content: space-between;
            }

                .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion .acordion-item .acordion-header .accordion-button::after {
                    content: '';
                    flex-shrink: 0;
                    width: 24px;
                    height: 24px;
                    margin-left: 5px;
                    content: "";
                    /*  background-image: url("../img/amaras/home/arrow-down.png");*/
                    background-repeat: no-repeat;
                    background-size: 1.25rem;
                    transition: transform 0.2s ease-in-out;
                }

                .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion .acordion-item .acordion-header .accordion-button:not(.collapsed)::after {
                    /*background-image: url("../img/amaras/home/arrow-down.png");*/
                    transform: rotate(-180deg);
                }

        .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion .acordion-item .accordion-body p {
            font-size: 12px;
            font-family: BuenosAires-Regular, sans-serif;
            font-style: normal;
            font-weight: 400;
            text-align: left;
            color: #fff;
            padding: 0 0 0.5rem 0;
            margin-left: 32px;
            opacity: 1;
            margin-bottom: .5rem;
        }

        .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion .acordion-item .accordion-body ul, ol {
            font-family: BuenosAires-Regular, sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            text-align: left;
            color: #fff;
            padding: 0;
            margin-left: 48px;
            opacity: 1;
        }

.frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-footer-wrap {
    width: 100%;
    text-align: center;
    margin-top: 24px;
    transform: rotate(-2deg);
}

    .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-footer-wrap a {
        background: var(--bg-yellow);
        color: var(--color-text-purple);
        text-decoration: none;
        font-family: var(--font-family-button);
        font-size: 16px;
        margin: 0;
        padding: 8px 40px;
    }

/** REGISTER **/

.register-index-wrap {
    /*min-height: 95vh;*/
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    .card-container

{
    border-radius: 32px;
    max-width: 1200px;
}

}

.register-index-wrap .register-index-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    position: relative;
    width: 100%;
}

    .register-index-wrap .register-index-content .content-header {
        display: flex;
        justify-content: center;
    }

        .register-index-wrap .register-index-content .content-header p {
            font-family: "FjallaOne", sans-serif;
            font-size: 24px;
            font-weight: 800;
            line-height: 28.8px;
            letter-spacing: 0.1em;
            text-align: center;
            background: var(--bg-yellow);
            color: var(--color-text-blue);
            padding: 4px 8px;
            z-index: 1;
            position: absolute;
            margin: 0;
        }

    .register-index-wrap .register-index-content .content-body {
        width: 100%;
        position: relative;
        padding: 16px 5rem;
        margin-bottom: 1.2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .img-small

{
    display: none;
}

}

.register-index-wrap .register-index-content .content-body .content-body-wrap {
    margin-top: 24px;
}

    .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

        .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input {
            /*    width: 100%;
        display: flex;
        flex-direction: column;
        max-width: 292px;
        height: 100%;*/
        }

            .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input label {
                font-family: BuenosAires-Regular, sans-serif;
                font-size: .8rem;
                font-weight: 400;
                letter-spacing: 0em;
                text-align: left;
                text-transform: uppercase;
                color: #fff;
            }

                .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input label span {
                    text-decoration: underline;
                    cursor: pointer;
                }

            .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input input {
                font-family: BuenosAires-Regular, sans-serif;
                font-size: 11px;
                font-weight: bolder;
                line-height: 11px;
                letter-spacing: 0em;
                text-align: left;
                color: var(--color-green-bold);
                height: 24px;
                outline: none;
                border: none;
                background-color: rgba(255, 255, 255, .2);
                &::placeholder
            }

                .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input input::placeholder {
                    font-family: "Poppins-regular", sans-serif;
                    color: #fff;
                    font-size: 0.8rem;
                    /* font-style: italic; */
                }

            .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input select {
                font-family: "Poppins-regular", sans-serif;
                font-size: 11px;
                font-weight: 500;
                line-height: normal;
                letter-spacing: 0em;
                text-align: left;
                color: #000;
                height: 24px;
                outline: none;
                padding: 0 10px;
                background-color: rgba(255, 255, 255, .2);
                border: none;
                --bs-form-select-bg-img: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI3IiBoZWlnaHQ9IjEyNyIgdmlld0JveD0iMCAwIDEyNyAxMjciIGZpbGw9Im5vbmUiPgo8cmVjdCB3aWR0aD0iMTI3IiBoZWlnaHQ9IjEyNyIgZmlsbD0idXJsKCNwYXR0ZXJuMF8xNTU4XzY1NSkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMF8xNTU4XzY1NSIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfMTU1OF82NTUiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMTQyODU3KSIvPgo8L3BhdHRlcm4+CjxpbWFnZSBpZD0iaW1hZ2UwXzE1NThfNjU1IiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBRVlBQUFCR0NBWUFBQUJ4THVLRUFBQUFDWEJJV1hNQUFBc1RBQUFMRXdFQW1wd1lBQUFBQVhOU1IwSUFyczRjNlFBQUFBUm5RVTFCQUFDeGp3djhZUVVBQUFQSVNVUkJWSGdCN1p5eFR1TkFFSWJIcDZ2UjBTTmtXaHB5SmRYbDN1Q1FrQ2lKeEFQQXdRUGdGNERUUFFBeVZ5S1FqZzZKSnJtT2p0RFE0b0lleEF2TXpXOTdnM0djeEVuV1hzZmVUNW80c1pPczgyZDIxN3VlV1ljS2dKbS95S1lsdGhGdllkam4wbndFc2IySzljWCtZZXM0eml0VkZZZ2h0aS9XNWZMcGl1Mkt1VlFWNUdUYVlyN1lDMWNEbjAwS2hNTFpqSGZreGVjeUJlS295bmk4T0hnMEE4NDBiNVpDMElqK3Bma2IwYklKeEw1TEl4M2svY0Nudkc4VVVUcXk2ZExpaVFKY3NYdjVEUWVrRTE2c3FqTUpqM1RBOVJKRjRkRThjRDFGVVhqamZyc3pSaFRVeDE5VWJ6clNJUC9KT3BBcERFZjkvejFGbC9GMUJrTUo5RmI5OUlGUndqelJZdlkrc3hDSWZVMlB0NGE2NjdqdXVkUWNYTEg5OU00UEhoTlhvU2RxSm12SkM4QzB4eHhUYy9HVEx3WWUwM0J2VWFBaDd1RkowbU9hN0MyS1hmVWs5QmpyTFFQUU02R3RlVlVlMHlZTHdIVmI2RFZLbUYyeUtIN2d3ZUZvNHZxRkxFbVc0VEV0c3FScFFaaHZaRW16WVQwbW05Wm4wamlDdnJ5OHBMdTdPOXJjM0tUdDdXMHFnN096TTNwOGZOUmRaaXNjU2JNR1RrOVBlWFYxZFdDSGg0ZGNOQ2dqV1NiT1FSTlBxRW91YWVEMjl2YkQ2NnVyS3pvNk9xS2l3SGVqakhTWm1uQnozeVdZeE5MUzB0Qytvc1RKRWdXc3JLeVFMbkFkdzZRQjFQT2RuUjE2ZTNzYk9vYTZmM0p5UWpvWUpRcittSnViRzIzaWFQT1k5ZlYxdXJpNEtOUnp4b21Dc25WNmpEWmhRSkhpVEJJRlpldEVxekNnQ0hIS0ZnVm9Gd2JvRk1lRUtLQVFZWUFPY1V5SkFnb1RCc3dqamtsUlFLSENnRm5FTVMwS0tGd1lNSTA0VlJBRmFMdkF5OE9raTBCUUJWRkFxY0tBY2VKa1lVSVVVRXBWU2pLdVdxVXhKUW9vWFJpUVJ4eVRvZ0Fqd29CeDRwZ1dCVUNZZ0F5UkpVNFZSQkVDTkw0SUVESTY3L3Y4L0J4T1VZSzl2VDJ0bytRWjZVRVkzT1h2a0NYSk5hcFNueXhwK2hEbWdTeHBldllXYlRiTG4rS2d2QjVaRkwxa0dNZzFXUlRuZUZDQlE2aE9DQnlxZTF4dkhzSWd4ZEJqNHVwa3ZVYThSVVZ1Sm9NVDJ4U2wzVFNaUVVqcllLd1VSeXYycUxtY0orTjhiUUQwTzZNRG9PTURIalVQTDUwV09KUmtFZmRRR0ZpNjFBd0NFV1V0dlhOb1BpYnVvYllvaW5tdE8yRmFUdGFCekltcU9IL25KOVVmYjFSbTdjZ1pQUG5BT2RXN3ZZRW92MmxXcE0wNTV2cWhKMitDNnlXTzNtUVMrY0lEcnM3Q0ZyT0FjOCtkR2pEdEVnWXVMV2EyZmlDMmxaVVVPb3FwYnArZ0JZLzdmSThXQjQraVpOQnlwbkE1V2liRjUrclM1UXFzSStOek5VQTc0b3RWSnorQ0k0RTZiRzRwSml3RHBXMmliYXJHTnkveENXTGhyalo5WExqTHBma0k2SDNoTG1VUFJTemU5UjlhZzNzYUFqQWMrZ0FBQUFCSlJVNUVya0pnZ2c9PSIvPgo8L2RlZnM+Cjwvc3ZnPg==);
            }

            .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input input:focus {
                box-shadow: none;
                outline: none;
                border-color: var(--bg-white);
            }

        .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input-check {
            width: 100%;
            /*max-width: 292px;*/
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            gap: 8px;
        }

            .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input-check label {
                font-family: sans-serif;
                font-size: 12px;
                font-weight: 600;
                line-height: 7.5px;
                letter-spacing: 0em;
                text-align: left;
                color: #fff;
            }

                .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input-check label a {
                    font-family: sans-serif;
                    font-size: 12px;
                    font-weight: 600;
                    line-height: 7.5px;
                    letter-spacing: 0em;
                    text-align: left;
                    color: #fff;
                }

            .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input-check input {
                height: 15px;
                width: 15px;
                min-width: 12px;
                border-color: #fff;
                background-color: transparent;
                margin: 0;
                padding: 0;
                cursor: pointer;
            }

                .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input-check input:focus {
                    box-shadow: none;
                    outline: none;
                }

        .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .footer-form {
            width: 100%;
            display: flex;
            justify-content: center;
            gap: 24px;
        }

            .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .footer-form button {
                /*font-family: "FjallaOne", sans-serif;*/
                font-family: "Poppins-regular", sans-serif;
                font-size: 12px;
                font-weight: 800;
                line-height: 14.4px;
                text-align: center;
                padding: 4px 8px;
                z-index: 1;
                margin: 0;
            }

            .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .footer-form .btn-clear {
                padding: 12px 40px;
                color: #8E0E16;
                font-family: BuenosAires-Regular, sans-serif;
                border: 4px solid #8E0E16;
                font-size: 20px;
                line-height: 1; /* 120% */
                letter-spacing: 0.733px;
                border-radius: 0;
            }

            .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .footer-form .btn-send {
                padding: 12px 40px;
                border-radius: 0;
                background: #8E0E16;
                color: #FFF;
                font-family: BuenosAires-Regular, sans-serif;
                font-size: 20px;
                font-style: normal;
                font-weight: 700;
                line-height: 1; /* 120% */
                letter-spacing: 0.733px;
            }

.type-product {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    padding-block: 8rem;
    margin-top: 8rem;
    .card-container

{
    max-width: 1250px;
    border-radius: 24px;
}

.content {
    position: relative;
}

}

/*Modal winner*/
#modal-winner {
    .modal-dialog

{
    .modal-content

{
    width: 727px;
    .content-header

{
    button

{
    border: 4px solid var(--color-green-bold) !important;
    /*    background-image: url(../img/amaras/home/btnClose.png)*/
}

}
}
}
}



.modal-content {
    justify-content: center;
}

    .modal-content .textos h3 {
        font-family: BuenosAires-Black, sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0.355px;
    }


    .modal-content .textos p {
        font-family: Inter-Bold, sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 1; /* 22.942px */
        letter-spacing: 0.709px;
    }

    .modal-content .participa-aqui-button-home {
        padding: 14.656px 35.175px;
        background-color: #fff;
        color: #9A2C2C;
        font-size: 29.312px;
        line-height: 1;
    }

.premio-img {
    position: absolute;
    top: -25%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 450px;
}

.winner-content,
.participation-content {
    text-align: center;
    padding: 20px;
}

.mensaje-premio {
    margin: 20px 0;
    font-size: 1.1rem;
}

/**/

/** MODALS **/
.modal-content {
    /*background: #a5d764;*/
    background-color: #9F060E;
    /*box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.25) !important;*/
    /*box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;*/
    border-radius: 15px !important;
    /* border: none !important; */
    min-height: 400px;
    /*width: 327px;*/
    align-items: center !important;
}

    .modal-content .content-header {
        width: 100%;
    }

        .modal-content .content-header .title-ganadores {
            color: #FFF;
            text-align: center;
            /* M3/Elevation Dark/4 */
            text-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.30);
            font-family: Wilko-solid, sans-serif;
            font-size: 48px;
            font-style: normal;
            font-weight: 400;
            line-height: 95.592%; /* 45.884px */
            letter-spacing: 1px;
        }

        .modal-content .content-header button {
            width: 100%;
            cursor: pointer !important;
            border: 4px solid #FFB900;
            padding: 8px !important;
            opacity: 1 !important;
            width: 24px;
            height: 24px;
            color #FFB900 !important;
            background: url("../img/alacena/home/close-yellow.svg") no-repeat center;
        }

    .modal-content .content-body {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 280px;
    }

        .modal-content .content-body p {
            width: 100%;
            font-family: BuenosAires-Regular, sans-serif;
            width: 100%;
            font-size: 20px;
            font-weight: 400;
            line-height: 1.2;
            text-align: center;
            color: var(--color-text-white);
        }

        .modal-content .content-body img {
            width: 100%;
            max-width: 150px;
        }

#img-ref-img .modal-content {
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}

/** END MODALS **/

/** REGISTRO SUCCESSFUL-ERROR **/
.registersuccessful-index-wrap {
    min-height: 98vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .registersuccessful-index-wrap .registersuccessful-index-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 327px;
        min-height: 520px;
        border-radius: 30px;
        background-color: rgba(255, 255, 255, .2);
        box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.25), 0 4px 20px rgba(0, 0, 0, 0.4);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 56px 32px;
        gap: 0.5rem;
    }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-one {
            /* font-family: "FjallaOne", sans-serif; */
            font-family: 'Poppins-regular', sans-serif;
            width: 100%;
            max-width: 527px;
            font-size: 14px;
            font-weight: 700;
            line-height: 16.8px;
            text-align: center;
            /*color: var(--color-text-white);*/
        }

            .registersuccessful-index-wrap .registersuccessful-index-content .item-one span {
                /* font-family: "FjallaOne", sans-serif; */
                font-family: 'Poppins-regular', sans-serif;
                width: 100%;
                max-width: 527px;
                font-size: 36px;
                font-weight: 800;
                line-height: 43.21px;
                text-align: center;
                /*color: var(--color-text-yellow);*/
            }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-two {
            font-family: 'Poppins-regular', sans-serif;
            width: 100%;
            max-width: 327px;
            font-size: 14px;
            font-weight: 700;
            line-height: 16.8px;
            text-align: center;
            /*color: var(--color-text-white);*/
            margin-bottom: 20px;
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-three {
            font-family: 'Poppins-regular', sans-serif;
            width: 100%;
            max-width: 100px;
            font-size: 14px;
            font-weight: 700;
            line-height: 16.8px;
            text-align: center;
            /*color: #d5a55a;*/
            margin-bottom: 30px;
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-four {
            font-family: 'Poppins-regular', sans-serif;
            width: 100%;
            max-width: 247px;
            font-size: 14px;
            font-weight: 500;
            line-height: 16.8px;
            text-align: center;
            /*color: var(--color-text-white);*/
            margin-bottom: 10px;
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-five {
            font-family: 'Poppins-regular', sans-serif;
            width: 100%;
            max-width: 247px;
            font-size: 14px;
            font-weight: 700;
            line-height: 16.8px;
            text-align: center;
            /*color: var(--color-text-black);*/
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .buttons {
            width: 100%;
            max-width: 207px;
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }

            .registersuccessful-index-wrap .registersuccessful-index-content .buttons a {
                font-family: "FjallaOne", sans-serif;
                color: black;
                text-decoration: none;
                background: white;
                padding: 10px 30px;
                font-size: 25px;
                font-weight: 700;
                line-height: 38.41px;
                border-radius: 30px;
            }

        .registersuccessful-index-wrap .registersuccessful-index-content .img-content {
            width: 100%;
            max-width: 347px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .registersuccessful-index-wrap .registersuccessful-index-content .img-content img {
                width: 100%;
                max-width: 247px;
            }

        .registersuccessful-index-wrap .registersuccessful-index-content .body-content {
            width: 100%;
            width: 300px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

            .registersuccessful-index-wrap .registersuccessful-index-content .body-content h2 {
                font-family: "FjallaOne", sans-serif;
                width: 100%;
                max-width: 247px;
                font-size: 32px;
                font-weight: 800;
                line-height: 38.41px;
                text-align: center;
                color: var(--color-text-yellow);
            }

            .registersuccessful-index-wrap .registersuccessful-index-content .body-content h3 {
                font-family: "FjallaOne", sans-serif;
                width: 100%;
                max-width: 247px;
                font-size: 20px;
                font-weight: 800;
                line-height: 24px;
                text-align: center;
                color: var(--color-text-white);
            }

        .registersuccessful-index-wrap .registersuccessful-index-content p {
            font-family: "gotham-ultraitalic";
            width: 100%;
            max-width: 247px;
            font-size: 5px;
            font-weight: 500;
            line-height: normal;
            text-align: center;
            color: var(--color-text-white);
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-one-succes-register {
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }

            .registersuccessful-index-wrap .registersuccessful-index-content .item-one-succes-register h2 {
                font-family: "FjallaOne", sans-serif;
                font-size: 32px;
                font-weight: 800;
                line-height: 38.41px;
                text-align: center;
                color: var(--color-text-yellow);
            }

            .registersuccessful-index-wrap .registersuccessful-index-content .item-one-succes-register h3 {
                font-family: "FjallaOne", sans-serif;
                font-size: 20px;
                font-weight: 800;
                line-height: 24px;
                text-align: center;
                color: var(--color-text-yellow);
            }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

            .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register img {
                max-width: 200px;
            }

            .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register .img-succes-absolute-one {
                margin-bottom: -15px;
            }

            .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register .img-succes-absolute-three {
                max-width: 100px;
            }

            .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register div {
                background: var(--bg-yellow);
                width: 172px;
                height: 21px;
                border-radius: 5px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register div p {
                    margin: 0;
                    padding: 0;
                    font-family: "FjallaOne", sans-serif;
                    font-size: 14px;
                    font-weight: 800;
                    line-height: 16.8px;
                    text-align: left;
                    color: var(--color-text-blue);
                    text-align: center;
                }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-three-succes-register p {
            font-family: "FjallaOne", sans-serif;
            font-size: 16px;
            font-weight: 800;
            line-height: 19.2px;
            text-align: center;
            color: var(--bg-white);
        }

/** MODALS KVs **/
#modal-kv .btn-close {
    width: 24px;
    height: 24px;
    background-image: url("../files/close-white.svg") !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: none !important;
}

/*GLACITAS*/
.modal-kv-bg-glacitas {
    background: linear-gradient(201.58deg, rgba(245, 157, 31, 0.7) 0%, rgba(245, 157, 31, 1) 50.96%, rgba(245, 157, 31, 0.7) 100%) !important;
}

.modal-kv-bg-chocobum {
    background: linear-gradient(201.58deg, rgba(116, 58, 163, 0.7) 0%, rgba(116, 58, 163, 1) 50.5%, rgba(116, 58, 163, 0.7) 100%) !important;
}

.modal-kv-bg-margaritas {
    background: linear-gradient(200.28deg, rgba(54, 152, 62, 0.7) 0.87%, rgba(54, 152, 62, 1) 51.84%, rgba(54, 152, 62, 0.7) 102.6%) !important;
}

.modal-kv-bg-tentacion {
    background: linear-gradient(201.67deg, rgba(165, 119, 85, 0.7) -0.52%, rgba(165, 119, 85, 0.9) -0.51%, rgba(165, 119, 85, 0.9) 52.66%, rgba(165, 119, 85, 0.7) 100.96%) !important;
}

.modal.modal-kv .modal-content {
    height: 520px;
    gap: 0px !important;
}

    .modal.modal-kv .modal-content .content-header {
        gap: 0px;
    }

        .modal.modal-kv .modal-content .content-header div {
            width: 100%;
            display: flex;
            justify-content: center;
        }

            .modal.modal-kv .modal-content .content-header div img {
                width: 159px;
            }

    .modal.modal-kv .modal-content .content-body {
        width: 80%;
        height: 100%;
        margin: auto;
    }

        .modal.modal-kv .modal-content .content-body img {
            width: 100%;
            max-width: 320px;
        }

    .modal.modal-kv .modal-content .content-footer {
        width: 80%;
        margin: auto;
        display: flex;
        justify-content: center;
        margin-bottom: 24px;
    }

        .modal.modal-kv .modal-content .content-footer a {
            background: rgba(255, 255, 255, 1);
            font-family: "BebasKai";
            font-size: 16px;
            font-weight: 600;
            line-height: 19px;
            letter-spacing: 0.1em;
            text-align: center;
            color: #000000;
            padding: 8px 20px;
            transform: skewX(-20deg) rotate(-2deg) !important;
        }

/* MOBILE */
@media screen and (min-width: 0px) and (max-width: 760px) {



    #home {
        .home-container

{
    .small-sachet

{
    display: block;
}

}
}

.type-product {
    .card-container

{
    max-width: 90%;
    max-height: 50rem;
}

.content {
    width: 100%;
    img

{
    max-width: 35rem;
}

.img-registra {
    display: none;
}

.img-small {
    display: block;
    transform: translateY(-50%);
}

h3 {
    font-size: 1.7rem;
}

.wrapper-box {
    flex-direction: column;
    .box-product

{
    min-height: 190px;
}

}

.wrapper-buttons {
    .btn

{
    padding: 5px;
    font-size: 1rem;
}

}
}
}

.frequenceanswer-index-wrap .frequenceanswer-index-content {
    & img

{


{
    display: block;
}

}

.content-body {
    .acordion

{
    margin-top: 1.2rem;
}

}
}

.card-container {
    border-radius: 51% 53% 10% 10% / 14% 17% 0% 0%;
}

.navbar-wrap .container {
    justify-content: space-between !important;
    height: 96px;
    margin: 0;
}

.message-content {
    img

{
    width: 100% !important;
}

}

#registerForm {
    #form-register

{
    .register-index-wrap

{
    .card-container

{
    max-width: 90%;
}

.register-index-content {
    .content-body

{
    .img-registra

{
    display: none;
}

.img-small {
    display: block;
    max-width: 35rem;
}

}
}
}
}
}
}

@media screen and (min-width: 600px) and (max-width: 905px) {
    .banner-index-wrap .banner-index-content .banner-content-text .banner-content-text-one .gana {
        width: 78.13%;
        height: auto;
        position: absolute;
        top: 15%;
        left: 10.93%;
    }

    .banner-index-wrap .banner-index-content .banner-content-text .banner-content-text-one .altomayo {
        width: 61.33%;
        height: auto;
        position: absolute;
        top: 30.29%;
        left: 20.53%;
    }

    .banner-index-wrap .banner-index-content .banner-content-text p {
        color: var(--color-text-blue);
        font-family: "DIN Black", sans-serif;
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        text-align: center;
        margin: 0;
        padding: 0;
        width: 74.4%;
        height: 4.29%;
        position: absolute;
        top: 40%;
        left: 13.6%;
    }

    .banner-index-wrap .banner-index-content .img-banner-1 {
        width: 40.93%;
        height: 13.29%;
        position: absolute;
        top: 55.43%;
        left: 29.53%;
    }

    .banner-index-wrap .banner-index-content .img-banner-2 {
        width: 43%;
        height: 3.14%;
        position: absolute;
        top: 67%;
        left: 27.87%;
    }

    .banner-index-wrap .banner-index-content .img-banner-3 {
        width: 35%;
        height: 10.71%;
        position: absolute;
        top: 71.43%;
        left: 33.87%;
    }

    .banner-index-wrap .banner-index-content .text-img-banner-3 {
        width: 48%;
        height: 3.14%;
        font-size: 25px;
        font-weight: 800;
        font-family: "DIN Black", sans-serif;
        color: var(--color-text-blue);
        position: absolute;
        top: 67%;
        left: 25.87%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/** TAB **/
@media screen and (min-width: 905px) and (max-width: 1024px) {
    #main-page {
        background-image: url("../img/backgroundImgValidAge.png");
    }

    /** NAV BAR **/

    .navbar .navbar-brand {
        /*margin: 4px 100px 0 40px;*/
    }

    .navbar .nav-link {
        max-width: 150px;
    }

    .navbar-wrap .container .navbar-brand .logonavbar-one {
        /*        width: 150px;
            height: 30px;*/
    }

    /** SIDE BAR**/
    .offcanvas .nav-link.selected {
        padding-left: 25px;
    }

    /** VALIDATION AGE **/
    .valid-age-wrap .valid-age-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 30px !important;
        max-width: 600px !important;
    }

    .age-highlight {
        color: var(--color-text-white) !important;
        font-family: "Sharp Slab";
        font-weight: 500;
        font-size: 48px;
    }

    .valid-age-wrap .valid-age-content .valid-age-images {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

        .valid-age-wrap .valid-age-content .valid-age-images .img1 {
            width: 100% !important;
            max-width: 250px !important;
            height: 100% !important;
        }

        .valid-age-wrap .valid-age-content .valid-age-images .img2 {
            width: 100% !important;
            height: 100% !important;
            max-width: 400px !important;
        }

    .valid-age-wrap .valid-age-content p {
        text-align: center;
    }

    .valid-age-wrap .valid-age-content .valid-age-buttons {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 40px !important;
    }

        .valid-age-wrap .valid-age-content .valid-age-buttons a {
            width: 4rem;
            height: 4rem;
            /*  font-size: 2.5rem !important;*/
            font-size: 1.5rem;
            font-weight: 700;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    /** INDEX **/
    .banner-index-wrap .banner-index-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0px;
    }

        .banner-index-wrap .banner-index-content .banner-content-text {
            gap: 0px;
        }

        .banner-index-wrap .banner-index-content .img-banner {
            transform: rotate(-2deg) !important;
            width: 100% !important;
            max-width: 380px !important;
            height: 100% !important;
            margin-bottom: 20px;
        }

        .banner-index-wrap .banner-index-content .banner-content-text .banner-content-text-one {
            gap: 0px;
        }

            /*   .banner-index-wrap .banner-index-content .banner-content-text .banner-content-text-one p {
                    color: white !important;
                    font-family: 'DIN Black', sans-serif !important;
                    font-size: 36px !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    max-width: 400px !important;
                }*/
            /** debe centrase la imagen y el texto **/
            .banner-index-wrap .banner-index-content .banner-content-text .banner-content-text-one .gana {
                width: 50.14%;
                height: auto;
                position: absolute;
                top: 16.53%;
                left: 24.93%;
            }

            .banner-index-wrap .banner-index-content .banner-content-text .banner-content-text-one .altomayo {
                width: 41.67%;
                height: auto;
                position: absolute;
                top: 30.12%;
                left: 29.17%;
            }

            .banner-index-wrap .banner-index-content .banner-content-text .banner-content-text-one p {
                color: var(--color-text-black) !important;
                font-family: "DIN Black", sans-serif !important;
                font-size: 94px !important;
                font-weight: 600;
                margin: 0 !important;
                padding: 0 !important;
            }

        .banner-index-wrap .banner-index-content .img-banner-1 {
            width: 31.39%;
            height: 26%;
            position: absolute;
            top: 46.82%;
            left: 34.31%;
        }

        .banner-index-wrap .banner-index-content .img-banner-2 {
            width: 25.07%;
            height: 5.29%;
            position: absolute;
            top: 68.71%;
            left: 37.43%;
        }

        .banner-index-wrap .banner-index-content .img-banner-3 {
            width: 15.63%;
            height: 13.18%;
            position: absolute;
            top: 74.47%;
            left: 42.15%;
        }

        .banner-index-wrap .banner-index-content .text-img-banner-3 {
            width: 21.11%;
            height: 5.65%;
            font-size: 150%;
            font-weight: 800;
            font-family: "DIN Black", sans-serif;
            color: var(--color-text-blue);
            position: absolute;
            top: 68%;
            left: 39.44%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .banner-index-wrap .banner-index-content .banner-content-text .text-2 {
            color: white !important;
            font-family: "gotham-ultraitalic" !important;
            font-size: 16px !important;
            margin: 0 !important;
            padding: 0 !important;
            transform: rotate(-2deg) !important;
            text-align: center !important;
            width: 80% !important;
            max-width: 600px !important;
        }

        .banner-index-wrap .banner-index-content a {
            background: var(--bg-black) !important;
            color: var(--color-text-white) !important;
            text-decoration: none !important;
            font-family: "DIN Black", sans-serif;
            font-size: 40px !important;
            width: 14.1%;
            height: auto;
            top: 88.59%;
            left: 42.99%;
            margin: 0 !important;
            padding: 4px 40px !important;
            margin-top: 24px !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
        }

    /** COMO PARTICIPAR **/
    /** REGISTER **/
    .register-index-wrap .register-index-content .content-header p {
        font-family: "FjallaOne", sans-serif;
        font-size: 24px;
        font-weight: 800;
        line-height: 25px;
        letter-spacing: 0.1em;
        text-align: center;
        background: var(--bg-yellow);
        color: var(--color-text-blue);
        padding: 4px 8px;
        z-index: 1;
        position: absolute;
        margin: 0;
    }

    .register-index-wrap .register-index-content .content-body {
        border-radius: 30px;
        width: 100%;
        margin-top: 20px;
        position: relative;
        padding: 16px 4rem;
        margin-bottom: 50px;
    }

        .register-index-wrap .register-index-content .content-body .content-body-wrap {
            margin-top: 24px;
        }

            .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 15px;
            }

                .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    height: 100%;
                }

                    .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input label {
                        font-size: 17px;
                        letter-spacing: 0em;
                        text-align: left;
                    }

                        .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input label span {
                            text-decoration: underline;
                            cursor: pointer;
                        }

                    .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input input {
                        font-size: 12px;
                        font-weight: 400;
                        letter-spacing: 0em;
                        text-align: left;
                        height: 40px;
                        outline: none;
                        margin: auto;
                    }

                    .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input select {
                        font-size: 12px;
                        font-weight: 500;
                        letter-spacing: 0em;
                        text-align: left;
                        height: 40px;
                        outline: none;
                        padding: 0px 10px;
                    }

                    .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input input[type="file"] {
                        padding: 13px 20px !important;
                    }

                .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input-check {
                    width: 100%;
                    height: auto;
                    /*max-width: 500px !important;*/
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: flex-start;
                    gap: 10px;
                }

                .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .footer-form {
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    gap: 24px;
                }

                    .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .footer-form button {
                        font-size: 16px;
                        font-weight: 800;
                        text-align: center;
                        padding: 4px 8px;
                        z-index: 1;
                        margin: 0;
                    }

                    .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .footer-form .btn-clear {
                        padding: 4px 8px;
                        /* border-radius: 25px; */
                    }

                    .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .footer-form .btn-send {
                        padding: 4px 8px;
                        border-radius: 25px;
                    }

    /*Modals*/
    /* .modal#modal-winners {
        background-color: blue !important;
    } */



    .modal-content {
        /*  background-color: #a5d764;
        box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.25) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
        border-radius: 15px !important;
        border: none !important;
        min-height: 400px;
        width: 327px;*/
    }

        .modal-content .content-header {
            width: 100%;
            /* display: flex;
                flex-direction: column;
                align-items: flex-end;*/
            gap: 8px;
        }

            .modal-content .content-header button {
                width: 100%;
                cursor: pointer !important;
                border-radius: 100% !important;
                border: 4px solid white !important;
                padding: 8px !important;
                opacity: 1 !important;
                width: 24px;
                height: 24px;
                background: url("../files/close-white.svg") no-repeat center;
            }

        .modal-content .content-body {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 280px;
        }

            .modal-content .content-body p {
                width: 100%;
                width: 100%;
                font-size: 16px;
                font-weight: 500;
                line-height: normal;
                text-align: center;
                color: var(--color-text-white);
            }

            .modal-content .content-body img {
                width: 100%;
                max-width: 150px;
            }

    #img-ref-img .modal-content {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    /** REGISTRO SUCCESSFUL-ERROR **/
    .registersuccessful-index-wrap .registersuccessful-index-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 700px !important;
        min-height: 500px !important;
        border-radius: 30px;
        background: var(--bg-color-main);
        box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.25), 0 4px 20px rgba(0, 0, 0, 0.4);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 56px 32px;
    }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-one {
            width: 100%;
            max-width: 527px;
            font-size: 20px;
            font-weight: 500;
            line-height: 16.8px;
            text-align: center;
            /*color: var(--color-text-white);*/
        }

            .registersuccessful-index-wrap .registersuccessful-index-content .item-one span {
                width: 100%;
                max-width: 527px;
                font-size: 36px;
                font-weight: 800;
                line-height: 48.21px;
                text-align: center;
                /*color: var(--color-text-yellow);*/
            }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-two {
            width: 100%;
            max-width: 527px;
            font-size: 20px;
            font-weight: 700;
            line-height: 16.8px;
            text-align: center;
            /*color: var(--color-text-white);*/
            margin-bottom: 30px;
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-three {
            width: 100%;
            max-width: 140px;
            font-size: 20px;
            font-weight: 700;
            line-height: 16.8px;
            text-align: center;
            /*color: #d5a55a;*/
            color: #FFF;
            margin-bottom: 40px;
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-four {
            width: 100%;
            max-width: 527px;
            font-size: 20px;
            font-weight: 500;
            line-height: 16.8px;
            text-align: center;
            /*color: var(--color-text-white);*/
            margin-bottom: 10px;
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-five {
            width: 100%;
            max-width: 527px;
            font-size: 20px;
            font-weight: 700;
            line-height: 16.8px;
            text-align: center;
            color: var(--color-text-black);
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .buttons {
            width: 100%;
            max-width: 527px;
            display: flex;
            justify-content: center;
            margin-top: 50px;
        }

            .registersuccessful-index-wrap .registersuccessful-index-content .buttons a {
                padding: 10px 40px;
                font-size: 30px;
            }

        .registersuccessful-index-wrap .registersuccessful-index-content .img-content {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .registersuccessful-index-wrap .registersuccessful-index-content .img-content img {
                width: 100%;
                max-width: 300px !important;
            }

        .registersuccessful-index-wrap .registersuccessful-index-content .body-content {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

            .registersuccessful-index-wrap .registersuccessful-index-content .body-content h2 {
                /* font-family: "FjallaOne", sans-serif; */
                font-family: 'Poppins-regular', sans-serif;
                width: 100%;
                font-size: 32px;
                font-weight: 800;
                line-height: 38.41px;
                text-align: center;
                /*color: var(--color-text-yellow);*/
            }

    .register-index-content .content-body .content-body-wrap img {
        width: 250px;
    }

    .registersuccessful-index-wrap .registersuccessful-index-content .body-content h3 {
        /* font-family: "FjallaOne", sans-serif; */
        font-family: 'Poppins-regular', sans-serif;
        width: 100%;
        font-size: 20px !important;
        font-weight: 800;
        line-height: 24px;
        text-align: center;
        /*color: var(--color-text-white);*/
    }

    .registersuccessful-index-wrap .registersuccessful-index-content p {
        font-family: "gotham-ultraitalic";
        width: 100%;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        text-align: center;
        /*color: var(--color-text-white);*/
        max-width: 600px !important;
    }

    .registersuccessful-index-wrap .registersuccessful-index-content .item-one-succes-register {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-one-succes-register h2 {
            /* font-family: "FjallaOne", sans-serif; */
            font-family: 'Poppins-regular', sans-serif;
            font-size: 48px;
            font-weight: 800;
            line-height: 38.41px;
            text-align: center;
            /*color: var(--color-text-yellow);*/
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-one-succes-register h3 {
            /* font-family: "FjallaOne", sans-serif; */
            font-family: 'Poppins-regular', sans-serif;
            font-size: 32px;
            font-weight: 800;
            line-height: 24px;
            text-align: center;
            /*color: var(--color-text-yellow);*/
        }

    .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register img {
            max-width: 267px;
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register .img-succes-absolute-one {
            margin-bottom: -15px;
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register .img-succes-absolute-three {
            max-width: 158px;
        }

        .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register div {
            background: var(--bg-yellow);
            width: 220px;
            height: 27px;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .registersuccessful-index-wrap .registersuccessful-index-content .item-two-succes-register div p {
                margin: 0;
                padding: 0;
                font-family: "FjallaOne", sans-serif;
                font-size: 20px;
                font-weight: 800;
                line-height: 16.8px;
                text-align: left;
                color: var(--color-text-blue);
                text-align: center;
            }

    .registersuccessful-index-wrap .registersuccessful-index-content .item-three-succes-register p {
        font-family: "FjallaOne", sans-serif;
        font-size: 32px;
        font-weight: 800;
        line-height: 38.41px;
        text-align: center;
        color: var(--bg-white);
        max-width: 400px;
    }
}




/*Layout de winners*/
.winners .container .modal-content {
    /*max-width: 468px;*/
    max-width: 560px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
    position: relative;
    height: 100%;
}

    .winners .container .modal-content::before {
        content: url('data:image/svg+xml;base64,CiAgICAgICAgPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMjIgNDUxIiBmaWxsPSJub25lIj4KICAgICAgICAgICAgPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMzJfNzYxKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjkuMjU2NCAtMC4xODMxMDdDMjkuNzM4OSAtMC4xOTY5NjQgMzAuMjIxNCAtMC4yMTA4MjEgMzAuNzE4NSAtMC4yMjUwOThDMzQuODUyNiAwLjM4MzE2OCAzNy4zMTQgMy40ODY2OSA0MC4wMzAzIDYuMzk5MzZDNDAuOTk3NyA3LjQzMjIgNDEuOTc5OSA4LjQ1MDQgNDIuOTYxNCA5LjQ2OTc2QzQ0Ljc4MiAxMS4zNjA2IDQ2LjU5NjggMTMuMjU2MSA0OC4zODQxIDE1LjE3ODVDNTQuMjc2MSAyMi4yMzI1IDU0LjI3NjEgMjIuMjMyNSA2Mi4yMjM2IDI1LjcwNjVDNjMuMjQ3MiAyNS42NzY5IDY0LjI1MjUgMjUuNjAyNSA2NS4yNzExIDI1LjQ5OTNDNjcuMTY5OSAyNS4zOTU5IDY3LjczNSAyNS42MTM0IDY5LjE0MTkgMjYuODQ1NUM2OS45MjkyIDI3LjcwOTIgNjkuOTI5MiAyNy43MDkyIDcwLjYzNjMgMjguNjE0OUM3MS4wMzQ2IDI5LjA2NiA3MS4wMzQ2IDI5LjA2NiA3MS40NDA4IDI5LjUyNjNDNzIuMDc4MyAzMC4yNTM5IDcyLjY4OSAzMS4wMDQ5IDczLjI5MzIgMzEuNzYwNEM3NC45OTA2IDMxLjAzMjggNzYuMDc1NCAzMC4wNjkxIDc3LjM2NzMgMjguNzU5Qzc3Ljc4MTUgMjguMzQxNiA3OC4xOTU2IDI3LjkyNDEgNzguNjIyNCAyNy40OTQxQzc5LjA2NTggMjcuMDQyNiA3OS41MDkxIDI2LjU5MTEgNzkuOTY1OSAyNi4xMjZDODAuNDI5MiAyNS42NTg0IDgwLjg5MjggMjUuMTkxIDgxLjM1NjcgMjQuNzI0QzgyLjgyNDkgMjMuMjQ0NyA4NC4yODkyIDIxLjc2MTUgODUuNzUzIDIwLjI3NzhDODcuNDQ5NyAxOC41NTggODkuMTQ4IDE2LjgzOTggOTAuODUwNSAxNS4xMjU3QzkxLjUzMDIgMTQuNDM5NiA5Mi4yMDY5IDEzLjc1MDYgOTIuODgzNiAxMy4wNjE2QzkzLjI5NzggMTIuNjQ0MSA5My43MTIgMTIuMjI2NyA5NC4xMzg3IDExLjc5NjZDOTQuNjgzMyAxMS4yNDQ0IDk0LjY4MzMgMTEuMjQ0NCA5NS4yMzg4IDEwLjY4MTFDOTcuMzM4IDguODEwMzEgOTkuMTE5IDguNjUzODUgMTAxLjg2NSA4LjY3MDkzQzEwMi4yMzYgOC42NjkzNiAxMDIuNjA3IDguNjY3NzkgMTAyLjk5IDguNjY2MThDMTA0LjI0IDguNjYyMSAxMDUuNDkxIDguNjY1MDMgMTA2Ljc0MiA4LjY2Nzg5QzEwNy42NDUgOC42NjY0MSAxMDguNTQ3IDguNjY0NTEgMTA5LjQ1IDguNjYyMjJDMTExLjkzNyA4LjY1NzE4IDExNC40MjQgOC42NTgyNyAxMTYuOTEgOC42NjAzNkMxMTkuNTkgOC42NjE1NiAxMjIuMjcgOC42NTcxNiAxMjQuOTQ5IDguNjUzNUMxMzAuMjAxIDguNjQ3MjYgMTM1LjQ1MyA4LjY0NjM5IDE0MC43MDQgOC42NDc1NEMxNDQuOTcyIDguNjQ4NDEgMTQ5LjIzOSA4LjY0NzU2IDE1My41MDYgOC42NDU0N0MxNTQuNDE2IDguNjQ1MDQgMTU0LjQxNiA4LjY0NTA0IDE1NS4zNDQgOC42NDQ1OUMxNTYuNTc2IDguNjQ0IDE1Ny44MDggOC42NDM0MSAxNTkuMDQgOC42NDI4MUMxNjcuMzE3IDguNjM5MDEgMTc1LjU5NCA4LjYzNzA5IDE4My44NyA4LjYzOTA2QzE4NC4zNTYgOC42MzkxNyAxODQuMzU2IDguNjM5MTcgMTg0Ljg1MSA4LjYzOTI5QzE4Ni40OTMgOC42Mzk2OCAxODguMTM0IDguNjQwMSAxODkuNzc1IDguNjQwNTJDMTkwLjI2NCA4LjY0MDY0IDE5MC4yNjQgOC42NDA2NCAxOTAuNzYyIDguNjQwNzdDMTkxLjQyMSA4LjY0MDk0IDE5Mi4wODEgOC42NDExMSAxOTIuNzQgOC42NDEyOEMyMDIuOTk3IDguNjQzOSAyMTMuMjU1IDguNjQwMDIgMjIzLjUxMiA4LjYzMUMyMzUuMDMyIDguNjIwODkgMjQ2LjU1MiA4LjYxNTY1IDI1OC4wNzIgOC42MTc2QzI2NC4xNzMgOC42MTg1NCAyNzAuMjc1IDguNjE3MzEgMjc2LjM3NiA4LjYxMDQxQzI4MS41NyA4LjYwNDYxIDI4Ni43NjQgOC42MDM4OSAyOTEuOTU3IDguNjA5ODJDMjk0LjYwOSA4LjYxMjcxIDI5Ny4yNiA4LjYxMzIxIDI5OS45MTIgOC42MDczOEMzMDIuMzM3IDguNjAyMTEgMzA0Ljc2MiA4LjYwMzU1IDMwNy4xODcgOC42MTA0NEMzMDguMDY3IDguNjExNzQgMzA4Ljk0NiA4LjYxMDU1IDMwOS44MjUgOC42MDY2NkMzMTEuMDE3IDguNjAxNzUgMzEyLjIwOCA4LjYwNTgxIDMxMy40IDguNjEyMTdDMzEzLjc0NSA4LjYwODYgMzE0LjA4OSA4LjYwNTAzIDMxNC40NDMgOC42MDEzNUMzMTcuMzc2IDguNjMzOTYgMzE4LjcwOSA5LjU2NDUyIDMyMC45MTIgMTEuMzc0QzMyMi44NiAxMy44NzUyIDMyMi4zMzMgMTcuMjk4MyAzMjIuMzA2IDIwLjMwNjRDMzIyLjMwOSAyMS4wNDczIDMyMi4zMTIgMjEuNzg4MSAzMjIuMzE3IDIyLjUyODlDMzIyLjMyNiAyNC41NzIzIDMyMi4zMiAyNi42MTU1IDMyMi4zMTEgMjguNjU4OUMzMjIuMzA1IDMwLjg3OSAzMjIuMzEyIDMzLjA5OTEgMzIyLjMxOCAzNS4zMTkzQzMyMi4zMjYgMzkuMjEyOCAzMjIuMzI1IDQzLjEwNjQgMzIyLjMxOCA0N0MzMjIuMzA4IDUyLjc4OTggMzIyLjMxMSA1OC41Nzk1IDMyMi4zMTggNjQuMzY5M0MzMjIuMzI5IDc0LjcwODUgMzIyLjMyNiA4NS4wNDc3IDMyMi4zMTcgOTUuMzg2OUMzMjIuMzA5IDEwNC40MzUgMzIyLjMwNiAxMTMuNDgzIDMyMi4zMDggMTIyLjUzMUMzMjIuMzA4IDEyMy40MyAzMjIuMzA4IDEyMy40MyAzMjIuMzA5IDEyNC4zNDdDMzIyLjMwOSAxMjYuNzgxIDMyMi4zMSAxMjkuMjE1IDMyMi4zMSAxMzEuNjQ4QzMyMi4zMTUgMTU0LjE2MyAzMjIuMzA3IDE3Ni42NzggMzIyLjI5MSAxOTkuMTkzQzMyMi4yNzcgMjE5LjgyNSAzMjIuMjc1IDI0MC40NTYgMzIyLjI4MiAyNjEuMDg3QzMyMi4yODQgMjY2LjI4NiAzMjIuMjg2IDI3MS40ODUgMzIyLjI4NyAyNzYuNjg1QzMyMi4yODggMjc3LjMyNSAzMjIuMjg4IDI3Ny45NjUgMzIyLjI4OCAyNzguNjI0QzMyMi4yOTQgMjk1LjU3NyAzMjIuMjkgMzEyLjUzMSAzMjIuMjg0IDMyOS40ODRDMzIyLjI4MyAzMzEuMzA4IDMyMi4yODIgMzMzLjEzMSAzMjIuMjgyIDMzNC45NTVDMzIyLjI4MSAzMzYuMTY1IDMyMi4yODEgMzM3LjM3NCAzMjIuMjggMzM4LjU4NEMzMjIuMjc3IDM0Ny42MjggMzIyLjI3OCAzNTYuNjcxIDMyMi4yODIgMzY1LjcxNUMzMjIuMjg2IDM3NS45OTUgMzIyLjI4MiAzODYuMjc1IDMyMi4yNyAzOTYuNTU1QzMyMi4yNjMgNDAyLjMxMiAzMjIuMjYyIDQwOC4wNyAzMjIuMjY4IDQxMy44MjdDMzIyLjI3MSA0MTcuNjY5IDMyMi4yNjggNDIxLjUxIDMyMi4yNTkgNDI1LjM1MUMzMjIuMjU0IDQyNy41NDMgMzIyLjI1MiA0MjkuNzM0IDMyMi4yNTggNDMxLjkyNkMzMjIuMjY0IDQzMy45MTggMzIyLjI2MSA0MzUuOTEgMzIyLjI1MSA0MzcuOTAyQzMyMi4yNDkgNDM4LjYyIDMyMi4yNSA0MzkuMzM4IDMyMi4yNTUgNDQwLjA1NUMzMjIuMjYxIDQ0MS4wMjggMzIyLjI1NCA0NDIgMzIyLjI0NiA0NDIuOTczQzMyMi4yNDYgNDQzLjUxMiAzMjIuMjQ1IDQ0NC4wNTEgMzIyLjI0NSA0NDQuNjA2QzMyMS44NzMgNDQ2Ljg5MiAzMjAuNzM4IDQ0OC40MzMgMzE5LjAxNyA0NDkuOTQ1QzMxNi44NzYgNDUwLjc5NiAzMTQuODQzIDQ1MC43MSAzMTIuNTU5IDQ1MC42OTdDMzExLjc4NiA0NTAuNzAxIDMxMS43ODYgNDUwLjcwMSAzMTAuOTk3IDQ1MC43MDVDMzA5LjI1NyA0NTAuNzEyIDMwNy41MTggNDUwLjcwOSAzMDUuNzc5IDQ1MC43MDZDMzA0LjUyNCA0NTAuNzA5IDMwMy4yNjkgNDUwLjcxMyAzMDIuMDE0IDQ1MC43MTdDMjk5LjI3OSA0NTAuNzI2IDI5Ni41NDUgNDUwLjcyOCAyOTMuODEgNDUwLjcyOEMyODkuNzQ0IDQ1MC43MjcgMjg1LjY3OCA0NTAuNzM0IDI4MS42MTEgNDUwLjc0MkMyNzMuOTI3IDQ1MC43NTkgMjY2LjI0MiA0NTAuNzY1IDI1OC41NTcgNDUwLjc2N0MyNTcuNzEgNDUwLjc2OCAyNTYuODYyIDQ1MC43NjggMjU2LjAxNSA0NTAuNzY4QzI1NS41OTQgNDUwLjc2OCAyNTUuMTczIDQ1MC43NjggMjU0LjczOSA0NTAuNzY5QzI1MC4wNzggNDUwLjc3IDI0NS40MTcgNDUwLjc3NSAyNDAuNzU3IDQ1MC43NzlDMjI2LjY4MiA0NTAuNzkyIDIxMi42MDggNDUwLjgwMyAxOTguNTM0IDQ1MC44MDVDMTk4LjA4NCA0NTAuODA1IDE5Ny42MzQgNDUwLjgwNSAxOTcuMTcgNDUwLjgwNUMxOTQuODg4IDQ1MC44MDUgMTkyLjYwNiA0NTAuODA1IDE5MC4zMjMgNDUwLjgwNUMxODkuNDA3IDQ1MC44MDUgMTg4LjQ5MSA0NTAuODA1IDE4Ny41NzUgNDUwLjgwNUMxODcuMTIxIDQ1MC44MDUgMTg2LjY2OCA0NTAuODA1IDE4Ni4yIDQ1MC44MDVDMTcxLjkzNyA0NTAuODA3IDE1Ny42NzQgNDUwLjgyMSAxNDMuNDEyIDQ1MC44NDVDMTI3LjM5NCA0NTAuODczIDExMS4zNzYgNDUwLjg4OSA5NS4zNTc3IDQ1MC44ODhDOTMuNjUwMyA0NTAuODg4IDkxLjk0MjkgNDUwLjg4OCA5MC4yMzU0IDQ1MC44ODlDODkuODE1IDQ1MC44ODkgODkuMzk0NiA0NTAuODg5IDg4Ljk2MTQgNDUwLjg4OUM4Mi4xOTA1IDQ1MC44ODkgNzUuNDE5NiA0NTAuOTAxIDY4LjY0ODYgNDUwLjkxNkM2MS44NDU3IDQ1MC45MzIgNTUuMDQzIDQ1MC45MzQgNDguMjQwMSA0NTAuOTI0QzQ0LjE5NjkgNDUwLjkxOCA0MC4xNTQgNDUwLjkyMiAzNi4xMTA5IDQ1MC45MzlDMzMuMDk0MiA0NTAuOTUxIDMwLjA3NzkgNDUwLjk0NSAyNy4wNjEzIDQ1MC45MzJDMjUuODM5MSA0NTAuOTI5IDI0LjYxNjkgNDUwLjkzMyAyMy4zOTQ3IDQ1MC45NDJDMjEuNzM2NCA0NTAuOTU1IDIwLjA3OTUgNDUwLjk0NiAxOC40MjEzIDQ1MC45MzJDMTcuNzA1MiA0NTAuOTQ1IDE3LjcwNTIgNDUwLjk0NSAxNi45NzQ2IDQ1MC45NThDMTMuODUyNyA0NTAuOTAxIDEyLjI1OTEgNDUwLjEyMiAxMC4wMDMxIDQ0Ny45NjNDOC43NjQ5NyA0NDYuNDU0IDguNzM0MTIgNDQ1LjA4OSA4LjczMjU2IDQ0My4yMTRDOC43MzA5NiA0NDIuNzE0IDguNzI5MzYgNDQyLjIxMyA4LjcyNzcxIDQ0MS42OThDOC43Mjg0NCA0NDEuMTQ1IDguNzI5MTYgNDQwLjU5MiA4LjcyOTkxIDQ0MC4wMjNDOC43MjgxOSA0MzkuMTQyIDguNzI4MTggNDM5LjE0MiA4LjcyNjQzIDQzOC4yNDNDOC43MjM3MiA0MzYuNjAzIDguNzIzMjIgNDM0Ljk2MiA4LjcyMzYzIDQzMy4zMjJDOC43MjM1NSA0MzEuNTQxIDguNzIwNjYgNDI5Ljc2IDguNzE4MTQgNDI3Ljk3OUM4LjcxMzU3IDQyNC40NDIgOC43MTE2NiA0MjAuOTA1IDguNzEwNTUgNDE3LjM2OEM4LjcwOTExIDQxMy4xMzQgOC43MDQ4NiA0MDguODk5IDguNzAwNTggNDA0LjY2NUM4LjY5MDM5IDM5NC40MyA4LjY4NTI4IDM4NC4xOTUgOC42ODA5NyAzNzMuOTU5QzguNjc4OTIgMzY5LjEyIDguNjc2MzYgMzY0LjI4IDguNjczOCAzNTkuNDRDOC42NjUwNSAzNDIuODgxIDguNjU3NzMgMzI2LjMyMiA4LjY1NDEgMzA5Ljc2M0M4LjY1Mzg2IDMwOC43MjMgOC42NTM2MyAzMDcuNjgzIDguNjUzNCAzMDYuNjQzQzguNjUzMjIgMzA1Ljg3IDguNjUzMjIgMzA1Ljg3IDguNjUzMDUgMzA1LjA4MUM4LjY1MjQ2IDMwMi40NjggOC42NTE4NyAyOTkuODU1IDguNjUxMjcgMjk3LjI0MkM4LjY1MTE1IDI5Ni43MjQgOC42NTEwMyAyOTYuMjA1IDguNjUwOTEgMjk1LjY3MUM4LjY0NzA1IDI3OC44NTEgOC42MzU2IDI2Mi4wMzIgOC42MTk3MiAyNDUuMjEyQzguNjAyOTggMjI3LjQzOSA4LjU5MzM0IDIwOS42NjYgOC41OTE3MyAxOTEuODkzQzguNTkxNTIgMTg5Ljk0MyA4LjU5MTI5IDE4Ny45OTMgOC41OTEwMyAxODYuMDQ0QzguNTkwOTcgMTg1LjU2NCA4LjU5MDkxIDE4NS4wODQgOC41OTA4NSAxODQuNTg5QzguNTg5NzEgMTc2Ljg1MiA4LjU4MjA1IDE2OS4xMTUgOC41NzIwNSAxNjEuMzc4QzguNTYyMTcgMTUzLjYwNiA4LjU1OTQ3IDE0NS44MzQgOC41NjQxMiAxMzguMDYyQzguNTY2NjggMTMzLjQ0MSA4LjU2Mzc3IDEyOC44MjEgOC41NTMxMSAxMjQuMkM4LjU0NjU0IDEyMS4xMTYgOC41NDcwMSAxMTguMDMyIDguNTUzMzEgMTE0Ljk0OEM4LjU1NjY5IDExMy4xODkgOC41NTY5NSAxMTEuNDMxIDguNTQ4NjQgMTA5LjY3MkM4LjUzOTc3IDEwNy43NzkgOC41NDU5MiAxMDUuODg3IDguNTUzNjMgMTAzLjk5NUM4LjU0ODY0IDEwMy40NDYgOC41NDM2NCAxMDIuODk2IDguNTM4NSAxMDIuMzNDOC41NzggOTcuOTIxMyA5Ljc4NTc1IDk2LjExNTggMTIuOTAwNiA5My4wMTkzQzEzLjMyMTEgOTIuNTk4OSAxMy43NDE2IDkyLjE3ODUgMTQuMTc0OCA5MS43NDUzQzE0LjYyNDMgOTEuMzAwOCAxNS4wNzM4IDkwLjg1NjQgMTUuNTM2OSA5MC4zOTg1QzE2LjAwNTQgODkuOTMxOCAxNi40NzM3IDg5LjQ2NDkgMTYuOTQxNyA4OC45OTc5QzE4LjE2NyA4Ny43NzYzIDE5LjM5NTEgODYuNTU3OCAyMC42MjM5IDg1LjMzOThDMjEuODgwMiA4NC4wOTM2IDIzLjEzMzcgODIuODQ0NSAyNC4zODc0IDgxLjU5NTdDMjYuODQyNCA3OS4xNTExIDI5LjMwMDUgNzYuNzA5NyAzMS43NjA2IDc0LjI3MDJDMzAuODc3NiA3Mi4zMTE0IDI5LjcyMSA3MS40MDAzIDI4LjA2NTQgNzAuMDI1M0MyNi4zMSA2OC40MzQzIDI1LjQ1ODQgNjcuNDUzNSAyNS4yMjI0IDY1LjAyNzlDMjUuMjUwMSA2NC4zMzg0IDI1LjI4MjMgNjMuNjQ5IDI1LjMxODYgNjIuOTU5OEMyNS4yOTQ3IDU5LjQ0NTMgMjQuNTkyIDU3LjQ3MzQgMjIuMDQ4MSA1NC44ODY4QzIxLjMwODYgNTQuMTc1NiAyMC41NTIgNTMuNDg2MyAxOS43OTMyIDUyLjc5NThDMTkuMjY5OCA1Mi4yOTA3IDE4Ljc0ODIgNTEuNzgzNyAxOC4yMjg0IDUxLjI3NUMxNi44Njg1IDQ5Ljk1MjggMTUuNDg3NCA0OC42NTUzIDE0LjA5OTYgNDcuMzYyN0MxMi4xNDM3IDQ1LjUzMjYgMTAuMjE5MSA0My42Njk0IDguMjkwNCA0MS44MTA3QzcuMjY2MzMgNDAuODI0IDYuMjM0NzEgMzkuODQ2NSA1LjE5NTY0IDM4Ljg3NTdDNC40OTM4MyAzOC4yMTE5IDQuNDkzODMgMzguMjExOSAzLjc3Nzg0IDM3LjUzNDdDMy4xNTk5NiAzNi45NTcxIDMuMTU5OTYgMzYuOTU3MSAyLjUyOTU5IDM2LjM2NzdDMC41ODU1IDM0LjE5NzYgLTAuMjA1NTExIDMyLjIxMzUgLTAuMTgyODg0IDI5LjMxNzNDLTAuMTg2NjYzIDI4LjgzMzUgLTAuMTkwNDQyIDI4LjM0OTggLTAuMTk0MzM2IDI3Ljg1MTRDMC4xODYxMjkgMjQuOTg2NyAxLjY2MDQyIDIzLjA3NTkgMy42NTcxMiAyMS4wNzMzQzQuMDk5MTIgMjAuNjI2NiA0LjU0MTEyIDIwLjE4IDQuOTk2NTEgMTkuNzE5OUM1LjQ3NzU1IDE5LjI0MTQgNS45NTg3OSAxOC43NjMyIDYuNDQwMiAxOC4yODUyQzYuOTM2MzkgMTcuNzg4IDcuNDMyMzcgMTcuMjkwNiA3LjkyODE0IDE2Ljc5M0M4Ljk2NDkyIDE1Ljc1NCAxMC4wMDQzIDE0LjcxNzggMTEuMDQ1NiAxMy42ODM0QzEyLjM3NzYgMTIuMzU5NyAxMy43MDI5IDExLjAyOTYgMTUuMDI2MyA5LjY5NzQzQzE2LjA0ODEgOC42NzAyOSAxNy4wNzM0IDcuNjQ2NjggMTguMDk5OCA2LjYyNDA5QzE4LjU4OTggNi4xMzUwMyAxOS4wNzg4IDUuNjQ0ODkgMTkuNTY2NiA1LjE1MzYzQzIwLjI0OTMgNC40NjcyMiAyMC45MzcyIDMuNzg2MDIgMjEuNjI1MyAzLjEwNTA1QzIyLjAxNDggMi43MTY3NyAyMi40MDQyIDIuMzI4NDkgMjIuODA1NSAxLjkyODQ1QzI0LjgyNDMgMC4yNDAwMzMgMjYuNjY1NiAtMC4xNDk0NiAyOS4yNTY0IC0wLjE4MzEwN1oiIGZpbGw9IiM5NjEzMTciIC8+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjkuMjU2NCAtMC4xODMxMDdDMjkuNzM4OSAtMC4xOTY5NjQgMzAuMjIxNCAtMC4yMTA4MjEgMzAuNzE4NSAtMC4yMjUwOThDMzQuODUyNiAwLjM4MzE2OCAzNy4zMTQgMy40ODY2OSA0MC4wMzAzIDYuMzk5MzZDNDAuOTk3NyA3LjQzMjIgNDEuOTc5OSA4LjQ1MDQgNDIuOTYxNCA5LjQ2OTc2QzQ0Ljc4MiAxMS4zNjA2IDQ2LjU5NjggMTMuMjU2MSA0OC4zODQxIDE1LjE3ODVDNTQuMjcwMyAyMi4yMzExIDU0LjI3MDMgMjIuMjMxMSA2Mi4yMTExIDI1LjY5NEM2My4yMzMyIDI1LjY2MTcgNjQuMjM4NSAyNS41ODU1IDY1LjI1NTggMjUuNDg0MUM2Ny4yMTYyIDI1LjM5NiA2Ny44MDA2IDI1LjY3MzQgNjkuMjQ4NyAyNi45NTI0QzY5LjgxNDUgMjcuNTY4NyA3MC4zNTk0IDI4LjIwNDkgNzAuODgwNyAyOC44NTkyQzcxLjE2OTQgMjkuMTgzMyA3MS40NTgyIDI5LjUwNzMgNzEuNzU1OCAyOS44NDEyQzcyLjQ1MDkgMzAuNjI2NyA3My4xMTk2IDMxLjQzNTYgNzMuNzgxOCAzMi4yNDlDNzMuMTExNCAzMy43NTI0IDcyLjM0NzggMzQuNzgxNCA3MS4xODQ1IDM1Ljk0MUM3MC44NTAyIDM2LjI3NjcgNzAuNTE1OCAzNi42MTI0IDcwLjE3MTMgMzYuOTU4M0M2OS44MDQ4IDM3LjMyMTQgNjkuNDM4MiAzNy42ODQ0IDY5LjA2MDUgMzguMDU4NUM2OC40ODEyIDM4LjYzOCA2OC40ODEyIDM4LjYzOCA2Ny44OTAzIDM5LjIyOTFDNjYuNjEzIDQwLjUwNTggNjUuMzMyMiA0MS43Nzg5IDY0LjA1MTQgNDMuMDUyQzYzLjE2NTMgNDMuOTM2NCA2Mi4yNzkzIDQ0LjgyMSA2MS4zOTM2IDQ1LjcwNTdDNTkuMjk5OCA0Ny43OTYyIDU3LjIwMzggNDkuODg0NCA1NS4xMDY4IDUxLjk3MTZDNTIuNzE5MSA1NC4zNDg0IDUwLjMzNDIgNTYuNzI3OSA0Ny45NDk1IDU5LjEwNzdDNDMuMDQ0OSA2NC4wMDIxIDM4LjEzNjggNjguODkzIDMzLjIyNjQgNzMuNzgxNkMzMS4zMjk3IDcyLjg4MTEgMjkuODA2MSA3MS43MjY2IDI4LjI0ODYgNzAuMzMwN0MyNy45ODE5IDcwLjEyNTEgMjcuNzE1MSA2OS45MTk0IDI3LjQ0MDMgNjkuNzA3NkMyNi40NjkgNjguODE1NyAyNS45NzkgNjguMTQ1MSAyNS40MDg1IDY2Ljk0MDlDMjUuMzgyNSA2NS45OTU0IDI1LjM2MDggNjUuMDQ4OCAyNS4zODU4IDY0LjEwMzJDMjUuNDUwNyA2MC41OTk2IDI1LjEyMjkgNTguMzE1NiAyMi43MzQ3IDU1LjU4NUMyMS43ODUgNTQuNjE5MiAyMC43OTQ4IDUzLjcwNzIgMTkuNzkzMiA1Mi43OTU4QzE5LjI2OTggNTIuMjkwNyAxOC43NDgyIDUxLjc4MzcgMTguMjI4NCA1MS4yNzVDMTYuODY4NSA0OS45NTI4IDE1LjQ4NzQgNDguNjU1MyAxNC4wOTk2IDQ3LjM2MjdDMTIuMTQzNyA0NS41MzI2IDEwLjIxOTEgNDMuNjY5NCA4LjI5MDQgNDEuODEwN0M3LjI2NjMzIDQwLjgyNCA2LjIzNDcxIDM5Ljg0NjUgNS4xOTU2NCAzOC44NzU3QzQuNDkzODMgMzguMjExOSA0LjQ5MzgzIDM4LjIxMTkgMy43Nzc4NCAzNy41MzQ3QzMuMTU5OTYgMzYuOTU3MSAzLjE1OTk2IDM2Ljk1NzEgMi41Mjk1OSAzNi4zNjc3QzAuNTg1NSAzNC4xOTc2IC0wLjIwNTUxMSAzMi4yMTM1IC0wLjE4Mjg4NCAyOS4zMTczQy0wLjE4NjY2MyAyOC44MzM1IC0wLjE5MDQ0MiAyOC4zNDk4IC0wLjE5NDMzNiAyNy44NTE0QzAuMTg2MTI5IDI0Ljk4NjcgMS42NjA0MiAyMy4wNzU5IDMuNjU3MTIgMjEuMDczM0M0LjA5OTEyIDIwLjYyNjYgNC41NDExMiAyMC4xOCA0Ljk5NjUxIDE5LjcxOTlDNS40Nzc1NSAxOS4yNDE0IDUuOTU4NzkgMTguNzYzMiA2LjQ0MDIgMTguMjg1MkM2LjkzNjM5IDE3Ljc4OCA3LjQzMjM3IDE3LjI5MDYgNy45MjgxNCAxNi43OTNDOC45NjQ5MiAxNS43NTQgMTAuMDA0MyAxNC43MTc4IDExLjA0NTYgMTMuNjgzNEMxMi4zNzc2IDEyLjM1OTcgMTMuNzAyOSAxMS4wMjk2IDE1LjAyNjMgOS42OTc0M0MxNi4wNDgxIDguNjcwMjkgMTcuMDczNCA3LjY0NjY4IDE4LjA5OTggNi42MjQwOUMxOC41ODk4IDYuMTM1MDMgMTkuMDc4OCA1LjY0NDg5IDE5LjU2NjYgNS4xNTM2M0MyMC4yNDkzIDQuNDY3MjIgMjAuOTM3MiAzLjc4NjAyIDIxLjYyNTMgMy4xMDUwNUMyMi4wMTQ4IDIuNzE2NzcgMjIuNDA0MiAyLjMyODQ5IDIyLjgwNTUgMS45Mjg0NUMyNC44MjQzIDAuMjQwMDMzIDI2LjY2NTYgLTAuMTQ5NDYgMjkuMjU2NCAtMC4xODMxMDdaIiBmaWxsPSIjREYwMjA5IiAvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxkZWZzPgogICAgICAgICAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjMyXzc2MSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjMyMiIgaGVpZ2h0PSI0NTAuNTA3IiBmaWxsPSJ3aGl0ZSIgLz4KICAgICAgICAgICAgICAgIDwvY2xpcFBhdGg+CiAgICAgICAgICAgIDwvZGVmcz4KICAgICAgICA8L3N2Zz4K');
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .winners .container .modal-content .search-container {
        display: flex;
        position: relative;
        width: 100%;
        max-width: 250px;
    }

        .winners .container .modal-content .search-container .search-input {
            width: 100%;
            padding: 16px;
            border: 2px solid #fff;
            border-radius: 48px;
            outline: none;
            font-size: 16px;
            background-color: transparent;
            color: #Fff;
        }

        .winners .container .modal-content .search-container .search-icon {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            fill: #fff;
        }

    .winners .container .modal-content .content-body {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 24px;
        flex-direction: column;
        border-radius: 48px;
    }

        .winners .container .modal-content .content-body #name-list {
            width: 100%;
            display: flex;
            max-height: 440px;
            overflow-y: auto;
            flex-direction: column;
            list-style: none;
            padding-left: 0;
            padding-block-start: 3rem;
            margin-bottom: 0;
            gap: 1rem;
        }

            .winners .container .modal-content .content-body #name-list::-webkit-scrollbar-thumb {
                background-color: #fff;
            }




#name-list li {
    display: grid;
    grid-template-columns: 65% 30%;
    padding: 0 0;
    gap: 1rem;
}

    #name-list li p {
        text-align: start;
    }
/*Fin layout winners*/

/** DESKTOP **/


/** ------ CUSTOMISATION FOR AMARAS ------ **/



@media (max-width: 1024px) {

    .participa-aqui-button-home {
        padding: 12px 24px;
        font-size: 24px;
        line-height: 1;
    }

        .participa-aqui-button-home br {
            display: none;
        }

    #home {
        padding: 2rem 0;
    }




    #registerForm {
        background-repeat: no-repeat;
        background-size: cover;
    }

    .social-media-item {
        padding: 0.4rem;
    }

        .social-media-item svg {
            height: 25px;
        }


    .puedes-ganar-premio:nth-child(1),
    .puedes-ganar-premio:nth-child(2),
    .puedes-ganar-premio:nth-child(3) {
        padding-right: 1rem;
    }

    .puedes-ganar-premio {
        gap: 0.5rem;
    }

    .howtotakepart-steps {
        gap: 1rem;
        img

{
    display: none;
}

.swiper {
    /* height: 18dvh; */
    display: block;
}

}

.buttons-desktop {
    display: none;
}

.navbar .nav-link {
    font-size: 15px;
}

.participa-aqui-button {
    font-size: 15px;
}

.navbar .navbar-brand {
    /* width: 100%; */

    display: flex;
    justify-content: center;
    padding-top: 0 !important;
    /*margin: 4px 50px 10px 40px;*/
}

.navbar .navbar-toggler {
    position: static;
    /* right: 0; */
    /* margin-right: 0.2rem; */
}

#main-valid-age {
    background-repeat: no-repeat;
    background-size: cover;
}

#home {
    /* background-repeat: no-repeat;

        background-size: cover;
        height: 52rem; */
}

.home-container {
    /*margin-top: 12rem;*/
}


.home-codigos {
    /*width: 60%;*/
    font-size: 0.4rem;
}

.cookie-banner .container .container-cookie {
    flex-direction: column;
}

}

@media (max-width:992px) {
    .svgWave {
        top: 35px;
    }

    .navbar-wrap .container {
        height: 64px;
    }

        .navbar-wrap .container .navbar-brand .logonavbar-one {
            position: absolute;
            left: 50%;
            top: 19%;
            transform: translate(-50%, -19%);
        }
}

@media (max-width: 768px) {

    .frequenceanswer-index-wrap .frequenceanswer-index-content {
        flex-direction: column;
    }

        .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body {
            max-width: 100%;
            padding: 0;
        }

    #registerForm .content-body .text-center {
        font-size: 36px;
    }

    #registerForm .content-body .container {
        font-size: 36px;
        padding: 0;
    }

        #registerForm .content-body .container .footer-form {
            flex-direction: column;
        }

            #registerForm .content-body .container .footer-form .btn {
                padding: 7.328px 17.587px;
                font-size: 14.656px;
                letter-spacing: 0.366px;
            }



    .social-media-item {
        padding: 0.3rem;
    }

        .social-media-item svg {
            height: 20px;
        }

    .registersuccessful-index-wrap .registersuccessful-index-content .buttons a {
        font-size: 1rem;
    }

    .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input-check label {
        font-size: 8px;
    }

        .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input-check label a {
            font-size: 8px;
        }

    .register-index-wrap .register-index-content .content-body .content-body-wrap .form-wrap .row-input-check input {
        height: 12px;
        width: 12px;
    }

    .swiper {
        width: 30rem;
    }

    #corazon-doble-participacion {
        width: 30rem;
    }

    .swiper-slide {
        &::after

{
    content: '';
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

&::before {
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

}

.swiper-slide,
.swiper-container-participantes {
    /*height: 20rem;*/
}

    .swiper-slide img {
        width: 28rem;
    }

.img-paticipante-6 {
    width: 22rem !important;
}

.img-paticipante-4 {
    width: 17rem !important;
}

.productos-participantes-title {
    font-size: 1.5rem;
}

.swiper-button-prev {
    left: -3rem;
}

.swiper-button-next {
    right: -3rem;
}

.swiper-pagination {
    bottom: -2rem !important;
}

.doble-participacion-container {
    width: 5rem;
    bottom: 0;
    transform: translateX(-3rem);
}

.doble-participacion-text {
    font-size: 0.6rem;
    bottom: 3.5rem;
}

.puedes-ganar-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.puedes-ganar-premio {
    border-right: none !important;
    align-items: center;
    justify-content: stretch;
}

    .puedes-ganar-premio:nth-child(odd) {
        border-right: 3px solid var(--color-ping) !important;
    }

.howtotakepart-steps {
    display: flex;
    flex-direction: column;
    img

{
    display: none;
}

.swiper {
    /* height: 18dvh; */
    display: block;
}

}

.howtotakepart-container-title {
    font-size: 1.5rem;
}


.cookie-banner .container .container-cookie .container-cookie-text .text-cookie-2,
.text-cookie-1 {
    font-size: 1.1rem
}

}


@media (max-height: 642px) {
    .home-container {
        height: unset;
        gap: 3rem;
    }
}

@media (max-width: 576px) {
    .alacena-button {
        font-size: 20px;
        padding: 12px 40px;
    }

    #home .container h3 {
        max-width: 100%;
        font-size: 20px;
    }

    .howtotakepart .howtotakepart-container .content .top h2 {
        font-size: 40px;
    }


    .winners .container .modal-content {
        gap: 1rem;
    }

        .winners .container .modal-content .top .search-container {
            gap: 1rem;
            height: 24px;
        }

        .winners .container .modal-content::before {
            top: 11%;
        }

        .winners .container .modal-content .content-body #name-list {
            padding-block-start: 0;
            overflow-x: hidden;
            max-height: 360px;
            gap: .2rem;
        }

    #name-list li p {
        font-size: 10px;
    }

    header {
        &::after
    }

    .navbar-brand .logonavbar-one {
        max-width: 200px;
    }

    .frecuentes-title {
        font-size: 1.8rem;
    }

    .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion {
        /* margin-top: 0; */
    }

        .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion .acordion-item .acordion-header .accordion-button {
            font-size: 0.65rem;
        }

        .frequenceanswer-index-wrap .frequenceanswer-index-content .content-body .content-body-wrap .acordion .acordion-item .accordion-body p {
            font-size: 0.65rem;
        }

    .frequenceanswer-index-wrap .frequenceanswer-index-content .faq-item {
        .item-1

{
    top: 0%;
    left: -2%;
    width: 2.5rem;
    height: 2.5rem;
}

.item-2 {
    left: 0;
    top: 10%;
    width: 1.4rem;
    height: 1.4rem;
    rotate: -70deg;
}

.item-3 {
    left: 0;
    bottom: -4%;
    width: 3rem;
    height: 3rem;
}

.item-4 {
    width: 3rem;
    height: 3rem;
    right: -3%;
    top: 5%;
}

.item-5 {
    width: 1.5rem;
    height: 1.5rem;
    right: 12%;
    bottom: 0;
}

.item-6 {
    width: 2.5rem;
    height: 2.5rem;
    bottom: -1%;
    right: -2%;
}

}

.register-index-wrap .faq-item {
    .item-1

{
    top: 0%;
    left: 1%;
    width: 3.5rem;
    height: 3.5rem;
}

.item-2 {
    left: 0%;
    top: 35%;
    width: 2rem;
    height: 2rem;
    rotate: -10deg;
}

.item-3 {
    left: 5%;
    bottom: -3%;
    width: 4rem;
    height: 4rem;
}

.item-4 {
    width: 4rem;
    height: 4rem;
    right: 2%;
    top: 5%;
}

.item-5 {
    width: 2rem;
    height: 2rem;
    right: 2%;
    bottom: 20%;
}

.item-6 {
    width: 3.5rem;
    height: 3.5rem;
    bottom: -2%;
    right: -2%;
}

}

.premio-1 {
    width: 7rem;
    top: 18%;
}

.premio-2 {
    width: 7rem;
    top: 55%;
}

.premio-3 {
    width: 6rem;
    top: 20%;
}

.premio-4 {
    width: 7rem;
    top: 55%;
}

.warning {
    width: 4.5rem;
    top: 1rem;
    right: 1.5rem;
}

.home-slogan-logo {
    height: unset;
    /*margin-top: 30%;*/
}

.home-slogan {
    margin-top: 4rem;
    width: 20rem;
}

.register-index-wrap .register-index-content .content-body {
    padding: 16px 2rem;
}

.home-codigos {
    width: unset;
}

.productos-participantes-title {
    font-size: 1rem;
}

.swiper {
    width: 23rem;
}

#corazon-doble-participacion {
    width: 23rem;
}

.swiper-slide img {
    width: 15rem;
}

.img-paticipante-6 {
    width: 11rem !important;
}

.img-paticipante-4 {
    width: 9rem !important;
}

.swiper-slide,
.swiper-container-participantes {
    /* height: 20rem; */
    height: 100%;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.productos-participantes {
    gap: 3rem;
    /* height: 90dvh; */
}

.swiper-pagination {
    bottom: -2rem !important;
}

.swiper-button-next,
.swiper-button-prev {
    height: 35px;
    width: 35px;
}

.doble-participacion-img {
    width: 10rem;
    top: 30%;
    left: 5%;
}

.doble-participacion-container {
    transform: translateX(-5rem);
    width: 4rem;
}

.doble-participacion-text {
    font-size: 0.5rem;
    bottom: 2.9rem;
}

.howtotakepart-more-information {
    font-size: 0.7rem;
}

.howtotakepart-more-button {
    font-size: 17px;
}

.cookie-banner .container .container-cookie .container-cookie-text .text-cookie-2,
.text-cookie-1 {
    font-size: 1rem
}

.cookie-banner .container .container-cookie .img-cookie {
    position: absolute;
    right: 20%;
    top: 2%;
    height: 1.5rem;
    object-fit: contain;
}

.cookie-banner .container .container-cookie .container-cookie-text .cookie-check-container p {
    font-size: 1.1rem
}

}



@media (max-width: 380px) {

    .winners .container .modal-content .content-body #name-list {
        max-height: 280px;
    }

    .premio-1, .premio-3 {
        width: 5.5rem;
        top: 15%;
    }

    .premio-2,
    .premio-4 {
        width: 6rem;
        top: 50%;
    }

    .warning {
        width: 5rem;
        top: 1rem;
        right: 1.5rem;
    }

    .participa-aqui-button-home {
        font-size: 1rem;
    }

    .home-container {
        /*margin-top: 9rem;*/
        gap: 3.5rem;
    }

    .home-codigos {
        width: unset;
    }
}

/** COMO PARTICIPAR **/








/** REGISTER **/

#registerForm {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 96px;
    min-height: calc(100dvh - 156px);
}

    #registerForm .content-body-wrap {
        /*background-color: #d51b21;*/
        border-radius: 48px;
        padding: 24px 48px;
    }

.register-title {
    color: #fff;
    text-decoration: none;
    font-size: 3rem;
    text-transform: uppercase;
    /* rotate: -3deg; */
    font-family: Wilko-solid, sans-serif;
}

.form-check-input:checked {
    background-color: var(--color-ping);
}


#img-ref-lote {
    .modal-dialog

{
    .modal-content

{
    /*   background: url(../img/angel/participar/arbol_wsp_2.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    justify-content: space-between;
    align-items: start !important;
}

}
}

#img-ref-lote .lote-text {
    font-size: 20px;
    text-align: start;
    margin-left: 1rem;
    font-family: BuenosAires-Regular, sans-serif;
}

#modal-register-winner {
    .modal-dialog

{
    .modal-content

{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    .participa-aqui-button-home

{
    color: #8E0E16;
}

}
}
}

#modal-register-winner .modal-dialog .modal-content .body-modal-register {
    position: relative;
}

#modal-register-winner .modal-dialog .modal-content .content-header .btn-close {
    position: absolute;
    top: 12%;
    right: 6%;
    z-index: 1;
}
/*FOORTER*/

.social-media-item {
    color: var(--bg-yellow);
    background: var(--bg-white);
    border-radius: 50%;
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .social-media-item svg {
        height: 30px;
        path

{
    fill: var(--bg-color-main)
}

}




/*MODALS*/



.btn-close-modal {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background-color: transparent;
    border: 5px solid #FFB900;
    color: #FFB900;
    padding: 8px;
    opacity: 1;
    width: 3rem;
    height: 3rem;
}

/*IMAGEN DE LOS PRODUCTOS*/

.img-ref-container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    /*background-color: #fff6e7;*/
    background-color: #9B0000;
}

.img-ref {
    /* width: 15rem; */
    /*height: 25rem;*/
    /*height: 18rem;*/
}

/*IMAGEN LOTE DEL PRODUCTO*/
.lote-ref-container {
    flex-direction: column;
}

.text-lote-ref {
    font-size: 1.5rem;
    text-align: center;
    font-family: "FjallaOne", sans-serif;
    font-weight: 700;
    color: var(--color-ping);
}

.img-ref-content {
    position: relative;
    display: inline-block;
}

    .img-ref-content::after {
        /* content: "NSOC60159-23PE";
    position: absolute;
    bottom: 125px;
    left: 50%;
    transform: translateX(100%) rotate(83deg);
    color: #40634b;
    font-size: 8px; */
    }

    .img-ref-content::before {
        /* content: "NSOC60159-23PE";
    position: absolute;
    bottom: 167px;
    left: 50%;
    transform: translateX(-195%) rotate(285deg);
    color: #40634b;
    font-size: 8px; */
    }

/*.img-lote {
    width: 20rem;
}*/



.puedes-ganar {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.puedes-ganar-title {
    font-size: 2rem;
    font-weight: 900;
    color: var(--color-ping);
    text-align: center;
}

.puedes-ganar-container {
    display: flex;
    gap: 1rem;
    align-items: stretch;
    flex-direction: row;
    justify-content: center;
}

.puedes-ganar-premio {
    position: relative;
    display: flex;
    gap: 1rem;
}

.puedes-ganar-premio-circle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .puedes-ganar-premio-circle::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        background-color: white;
        border: 3px solid var(--color-ping);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

.puedes-ganar-premio-text-container {
    line-height: 1;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.puedes-ganar-premio-img {
    width: 5rem;
    position: relative;
    z-index: 2;
}

.puedes-ganar-premio-text-1 {
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--color-ping-dark);
    text-align: center;
}

.puedes-ganar-premio-text-2 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-ping-dark);
    text-align: center;
}

.puedes-ganar-premio:nth-child(1),
.puedes-ganar-premio:nth-child(2),
.puedes-ganar-premio:nth-child(3) {
    border-right: 3px solid var(--color-ping);
    padding-right: 2rem;
}



.productos-participantes {
    display: flex;
    flex-direction: column;
    /*padding-top: 3rem;*/
    position: relative;
    gap: 3rem;
    justify-content: center;
    align-items: center;
    /*height: 80dvh;*/
}

.doble-participacion-img {
    width: 5rem;
    height: auto;
    position: absolute;
    z-index: 999;
    top: 9%;
    left: 0;
}

.productos-participantes-title {
    font-size: 2rem;
    font-weight: 900;
    color: var(--color-ping);
}

.swiper-container-participantes {
    width: 100%;
    height: 35rem;
    position: relative;
    display: flex;
    align-items: center;
}

.swiper {
    width: 50rem;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.swiper-slide {
    align-self: center;
    height: 100%;
}

    .swiper-slide img {
        height: auto;
        display: block;
        align-self: center;
    }

.img-paticipante-6 {
    width: 32rem !important;
}

.img-paticipante-4 {
    width: 27rem !important;
}

.swiper-button-next,
.swiper-button-prev {
    width: 80px;
    height: 80px;
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-pagination {
    bottom: 0 !important;
}

.swiper-pagination-bullet {
    background: transparent;
    height: 15px;
    width: 15px;
    text-align: center;
    border: 1px solid white;
    opacity: unset;
}

.swiper-pagination-bullet-active {
    background: white;
}

.swiper-slide {
    height: 23rem;
    display: flex;
    align-items: end;
    justify-content: center;
    &::after

{
    content: '';
    background-color: #ffffff42;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

&::before {
    content: '';
    background-color: #ffffff42;
    border-radius: 50%;
    width: 400px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

}


.swiper-wrapper {
    padding: 0 !important;
}

.swiper-button-next {
    /*  background-image: url(../img/amaras/home/v-next.png);*/
    right: -2rem;
}

.swiper-button-prev {
    /*  background-image: url(../img/amaras/home/v-prev.png);*/
    left: -2rem;
}

    .swiper-button-next::after,
    .swiper-button-prev::after {
        display: none;
    }

#corazon-doble-participacion {
    width: 40rem;
}

.doble-participacion-container {
    width: 8rem;
    left: 100%;
    bottom: 3rem;
    transform: translateX(-4rem);
}

.doble-participacion-text {
    position: relative;
    bottom: 5.5rem;
    left: 0;
    line-height: 1;
    color: white;
    font-size: 0.85rem;
    text-align: center;
    font-weight: 600;
    transform: rotate(356deg);
}




@media (max-width: 375px) {
    .swiper {
        width: 20rem;
    }

    #corazon-doble-participacion {
        width: 20rem;
    }

    .swiper-slide img {
        width: 13rem;
    }

    .participa-aqui-button-home {
        font-size: 1rem;
        text-align: center;
    }
}

/*ANIMATIONS*/

@keyframes move {
    50% {
        transform: translateY(-1rem);
    }
}

@keyframes scaleUp {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0.9);
    }
}

.movingY {
    animation: move 3s linear infinite;
}

.scalingUp {
    animation: scaleUp 2s linear infinite;
}

input.form-control::placeholder {
    font-weight: 100;
    color: black;
    opacity: 1;
    font-family: "Poppins-regular", sans-serif;
}




#defaultCheck1-error,
#defaultCheck2-error,
#defaultCheck3-error {
    display: none !important;
}

input.form-check-input.is-invalid {
    &+#defaultCheck1-error, &+#defaultCheck2-error, &+#defaultCheck3-error

{
    &+label

{
    color: #FFEB3B;
    a

{
    color: #FFEB3B;
}

}
}
}