:root {
    --c-bluedark1: #0D1224;
    --c-bluedark2: #09132F;
    --c-bluedark3: #001248;
    --c-bluelight1: #0071B9;
    --c-bluelight2: #3CB3FF;
    --c-yellow1: #FFD200;
    --c-yellow2: #ffe900;
    --c-black: #000000;
    --c-white: #ffffff;
    --c-gray: #f7f7f7;
    --c-check: #55CFC4;
    --c-error1: #DC524C;
    --c-form: #f5f6fa;
}

/*
DINPro  [Light-300]
DINPro  [Regular-400]
DINPro  [SemiBold-600]
DINPro  [Bold-800]
DINPro  [Black-900]
*/

body {
    padding-top: 76px;
    transition: opacity 1s ease-in-out;
    opacity: 1 !important;
    letter-spacing: 0;
    height: 100%;
    font-size: 1.3rem;
    line-height: 1.2;
    letter-spacing: -0.3px !important;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    color: var(--c-white);
    /*background-color: var(--c-bluedark1);*/
    background: #090F20;
    background: -webkit-linear-gradient(90deg, rgba(9, 15, 32, 1) 0%, rgba(9, 29, 70, 1) 50%, rgba(9, 15, 32, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(9, 15, 32, 1) 0%, rgba(9, 29, 70, 1) 50%, rgba(9, 15, 32, 1) 100%);
    background: linear-gradient(90deg, rgba(9, 15, 32, 1) 0%, rgba(9, 29, 70, 1) 50%, rgba(9, 15, 32, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#090F20", endColorstr="#090F20", GradientType=1);
    /**/
    -webkit-font-smoothing: antialiased !important;
    appearance: none !important;
    text-rendering: optimizelegibility;
}

    body.body-aguarde {
        padding-top: 0px;
        margin: 0px;
    }

@media (max-width: 991px) {
    body {
        padding-top: 75px;
    }

        body.body-aguarde {
            padding-top: 0px;
        }
}

img {
    max-width: 100%;
    user-drag: none;
    -webkit-user-drag: none;
}

html {
    font-size: 62.5%;
    /*10px*/
}

@media (max-width: 991px) {
    html {
        font-size: 58%;
    }
}


/*Animação*/
@keyframes pulseFast {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(0.95) rotate(0deg);
        -ms-transform: scale(0.95) rotate(0deg);
        transform: scale(0.95) rotate(0deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
}

.pulseFast {
    -webkit-animation-name: pulseFast;
    animation-name: pulseFast;
    animation-duration: 0.8s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    transition: all 0.3s ease-in-out !important;
}

@keyframes pulseUm {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(1.05) rotate(0deg);
        -ms-transform: scale(1.05) rotate(0deg);
        transform: scale(1.05) rotate(0deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
}

.pulseUm {
    -webkit-animation-name: pulseUm;
    animation-name: pulseUm;
    animation-duration: 0.8s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    transition: all 0.3s ease-in-out !important;
}

@keyframes pulseDois {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(0.9) rotate(0deg);
        -ms-transform: scale(0.9) rotate(0deg);
        transform: scale(0.9) rotate(0deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
}

.pulseDois {
    -webkit-animation-name: pulseDois;
    animation-name: pulseDois;
    animation-duration: 0.8s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    transition: all 0.3s ease-in-out !important;
}

@keyframes pulseBig {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(1.2) rotate(0deg);
        -ms-transform: scale(1.2) rotate(0deg);
        transform: scale(1.2) rotate(0deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
}

.pulseBig {
    -webkit-animation-name: pulseBig;
    animation-name: pulseBig;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    transition: all 0.3s ease-in-out !important;
}

@keyframes efeitoSobeDesce {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0px);
    }
}

.efeitoSobeDesce {
    animation-name: efeitoSobeDesce;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-timing-function: ease-in-out;
    transition: all 0.3s ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes efeitoSobeDesceDois {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

.efeitoSobeDesceDois {
    animation-name: efeitoSobeDesceDois;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-timing-function: ease-in-out;
    transition: all 0.3s ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes efeitoSobeDesceTres {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

.efeitoSobeDesceTres {
    animation-name: efeitoSobeDesceTres;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-timing-function: ease-in-out;
    transition: all 0.3s ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes pulseRotate {
    0% {
        -webkit-transform: scale(1) rotate(6deg);
        -ms-transform: scale(1) rotate(6deg);
        transform: scale(1) rotate(6deg);
    }

    50% {
        -webkit-transform: scale(0.9) rotate(0deg);
        -ms-transform: scale(0.9) rotate(0deg);
        transform: scale(0.9) rotate(0deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(6deg);
        -ms-transform: scale(1) rotate(6deg);
        transform: scale(1) rotate(6deg);
    }
}

.pulseRotate {
    -webkit-animation-name: pulseRotate;
    animation-name: pulseRotate;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transition: all 0.3s ease-in-out !important;
}

@keyframes efeitoTremer {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(0.5deg);
    }

    40% {
        transform: rotate(-0.5deg);
    }

    60% {
        transform: rotate(0.5deg);
    }

    80% {
        transform: rotate(-0.5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.efeitoTremer {
    animation-name: efeitoTremer;
    /*animation: move 5s;*/
    animation-duration: 0.5s;
    animation-delay: 0.5s;
    /*animation-fill-mode: forwards;*/
    animation-timing-function: ease-in-out;
    transition: all 0.3s ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes efeitoTremerDois {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(3deg);
    }

    40% {
        transform: rotate(-3deg);
    }

    60% {
        transform: rotate(3deg);
    }

    80% {
        transform: rotate(-3deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

/* Elementos */
.elemento.elemento1 {
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 1;
}

.efeitoTremerDois {
    animation-name: efeitoTremerDois;
    /*animation: move 5s;*/
    animation-duration: 0.5s;
    animation-delay: 0.5s;
    /*animation-fill-mode: forwards;*/
    animation-timing-function: ease-in-out;
    transition: all 0.3s ease-in-out;
    animation-iteration-count: infinite;
}

.alterarcor {
    opacity: 1;
}

.item-over {
    opacity: 0.2;
    /*filter: blur(2px);*/
}

/* LINK */
a {
    color: var(--c-white);
    text-decoration: none;
}

    a:hover {
        color: var(--c-white);
        text-decoration: none;
    }

    a.decoration-none {
        text-decoration: none !important;
    }


/* TEXT */
p {
    font-size: 1.8rem;
    line-height: 1.25;
    text-align: left;
    margin-bottom: 5px;
}

    p.title {
        font-size: 2rem;
        line-height: 1.25;
        text-align: left;
        font-weight: 400;
    }

        p.title.title_big {
            font-size: 2.7rem;
            line-height: 1;
        }

        p.title.title_big2 {
            font-size: 3.5rem;
        }

    p.description_small {
        font-size: 1.7rem;
        line-height: 1.3;
        text-align: left;
        font-weight: 400;
    }

    p.description_small2 {
        font-size: 1.5rem;
        line-height: 1.3;
        text-align: left;
        font-weight: 400;
    }

.fontbig3 {
    font-size: 3rem;
}

.fontbig4 {
    font-size: 4rem;
}

p a {
    text-decoration: underline;
}

    p a:hover {
        text-decoration: none;
    }

/*@media (max-width: 991px) {
    p.title {
        font-size: 1.5rem;
    }
}*/


/* BUTTONS */
.btn {
    position: relative;
    font-family: 'DINPro', Arial, sans-serif;
    color: var(--c-white);
    background: var(--c-bluelight1);
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    padding: 1.5rem 2.5rem 1.6rem 2.5rem;
    border: 0;
    border-radius: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0px !important;
    transition: all 0.3s ease-in-out;
}

    .btn:focus,
    .btn:hover,
    .btn.active {
        color: var(--c-white);
        background: var(--c-bluelight2);
    }

    .btn.btn-icon {
        padding: 0.8rem;
        max-height: 45px;
        width: min-content;
    }

        .btn.btn-icon i {
            font-size: 3rem;
            padding: 0rem 0rem;
        }

@media (max-width: 991px) {
    .btn.btn-icon {
        width: min-content;
    }
}



.btn.btn-white {
    color: var(--c-bluedark3);
    background: var(--c-white);
}

    .btn.btn-white:focus,
    .btn.btn-white:hover,
    .btn.btn-white.active {
        color: var(--c-bluedark3);
        background: var(--c-white);
    }

.btn.btn-yellow {
    color: var(--c-bluedark3);
    background: var(--c-yellow1);
}

    .btn.btn-yellow:focus,
    .btn.btn-yellow:hover,
    .btn.btn-yellow.active {
        color: var(--c-bluedark3);
        background: var(--c-yellow2);
    }

.btn.btn-bluedark {
    color: var(--c-white);
    background: var(--c-bluedark3);
}

    .btn.btn-bluedark:focus,
    .btn.btn-bluedark:hover,
    .btn.btn-bluedark.active {
        color: var(--c-white);
        background: var(--c-bluedark2);
    }

.btn.btn-alternative {
    color: var(--c-yellow1);
    background: transparent;
    border: 2px solid var(--c-yellow1);
}

    .btn.btn-alternative:focus,
    .btn.btn-alternative:hover,
    .btn.btn-alternative.active {
        color: var(--c-yellow1);
        background: var(--c-bluelight1);
        border: 2px solid var(--c-yellow1);
    }

.btn.btn-letters.disabled,
.btn.btn-letters:disabled {
    background: #0000002e;
    opacity: .65;
}

#menu .user .btn.btn-cta {
    color: var(--c-white);
    background: transparent;
    border: none;
    z-index: 2;
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
    padding: 1rem 1.5rem 1rem 1.5rem;
    border-radius: 0rem;
    transform: none;
}

    #menu .user .btn.btn-cta:hover {
        color: var(--c-yellow1);
        background: transparent;
    }

#menu .user .btn.btn-login {
    color: var(--c-white);
    background: transparent;
    border: none;
    z-index: 2;
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
    padding: 1rem 1.5rem 1rem 1.5rem;
    border-radius: 0rem;
    transform: none;
}

    #menu .user .btn.btn-login:hover {
        color: var(--c-yellow1);
        background: transparent;
    }

@media (max-width: 991px) {
    #menu .user .btn.btn-cta {
        margin-bottom: 1rem;
        font-size: 1.5rem;
        border-radius: 5rem;
    }

    #menu .user .btn.btn-login {
        font-size: 1.5rem;
    }

        #menu .user .btn.btn-login.text-yellow1 {
            /*color: var(--c-bluelight1)!important;*/
        }

    #menu .user .btn.btn-cta.text-yellow1 {
        /*color: var(--c-bluelight1)!important;*/
    }
}


/* Logado 
#menu .user.user_logado .btn.btn-cta {
    color: var(--c-white);
    background: var(--c-bluelight2);
    border: none;
    z-index: 2;
    font-size: 1.5rem;
    padding: 1.5rem 1rem 1.7rem 2rem;
    border-radius: 5rem 0rem 0rem 5rem;
    right: -5px;
}

#menu .user.user_logado .btn.btn-login {
    /*    color: var(--c-white);
    background: var(--c-bluelight2);
    border: none;
    z-index: 2;
    font-size: 1.5rem;
    padding: 1.5rem 1.5rem 1.7rem 0.8rem;
    border-radius: 0rem 0rem 0rem 0rem;*/
}


/* FAIXA DE COOKIE */
.popup.cookies {
    z-index: 999999999 !important;
    width: 0% !important;
}

    .popup.cookies .cookies {
        /*left: 3%;*/
        left: calc(50% - 280px);
        bottom: 50px;
        border-radius: 10px;
        max-width: 560px;
        transition: none;
        background: var(--c-white);
        color: var(--c-white);
    }

@media (max-width: 991px) {
    .popup.cookies .cookies {
        left: inherit !important;
        bottom: 70px;
        /*max-width: calc(100% - 22px);*/
        max-width: 560px;
    }
}

.cookies .padding {
    max-width: 1340px;
}

    .cookies .padding .description {
        margin: 0 0 0 0;
        text-align: left;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.25;
        text-align: center;
        color: var(--c-bluedark3);
    }

        .cookies .padding .description a {
            color: var(--c-bluedark3) !important;
        }

@media (max-width: 991px) {
    .cookies .padding .description {
        font-size: 1.5rem;
        line-height: 1.3;
        margin: 0px 0 5px 0;
        text-align: center;
    }
}

.cookies a {
    color: var(--c-bluedark3);
    text-decoration: underline;
}

    .cookies a:hover {
        color: var(--c-bluedark3);
        text-decoration: none;
    }

.cookies .padding .buttons-allow {
    text-align: center;
    margin-top: 10px !important;
}

    .cookies .padding .buttons-allow .btn {
        position: relative;
        font-family: 'DINPro', Arial, sans-serif;
        color: var(--c-white);
        background: var(--c-bluelight1);
        font-size: 1.3rem;
        font-weight: 900;
        font-style: normal;
        line-height: 1;
        padding: 1.3rem 2.5rem 1.2rem 2.5rem;
        border: 0;
        border-radius: 0.7rem;
        transition: all 0.3s ease-in-out;
        text-transform: uppercase;
        letter-spacing: 0px !important;
        text-decoration: none;
    }

        .cookies .padding .buttons-allow .btn:hover {
            color: var(--c-white);
            background: var(--c-bluelight2);
            transform: scale(1);
            text-decoration: none;
        }

        .cookies .padding .buttons-allow .btn.btn-alternative {
            position: relative;
            font-family: 'DINPro', Arial, sans-serif;
            color: var(--c-white);
            background: var(--c-bluedark3);
            font-size: 1.3rem;
            font-weight: 900;
            font-style: normal;
            line-height: 1;
            padding: 1.3rem 2.5rem 1.2rem 2.5rem;
            border: 0;
            border-radius: 0.7rem;
            transition: all 0.3s ease-in-out;
            text-transform: uppercase;
            letter-spacing: 0px !important;
            text-decoration: none;
        }

            .cookies .padding .buttons-allow .btn.btn-alternative:hover {
                color: var(--c-white);
                background: var(--c-bluedark2);
                transform: scale(1);
                text-decoration: none;
            }

.cookies .padding .buttons-allow {
    margin: 0 0 0 0;
}

@media (max-width: 991px) {
    .cookies .padding .buttons-allow {
        margin-top: 0px !important;
    }

        .cookies .padding .buttons-allow .btn.btn-outline-um,
        .cookies .padding .buttons-allow .btn.btn-outline-dois {
            font-size: 1.3rem;
        }

        .cookies .padding .buttons-allow .btn {
            font-size: 1.3rem;
            margin-top: 1rem;
            margin-bottom: 1rem;
            width: 100%;
        }
}


/* POPUP COOKIES */
#popup-cookiesgeral .modal-dialog {
    max-width: 1000px;
}

#popup-cookiesgeral .center-popup .content {
    max-width: 850px;
}

#popup-cookiesgeral.ocultar {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: animateCookies;
    animation-name: animateCookies;
}

#popup-cookiesgeral .padding {
    position: relative;
    width: 100%;
    max-width: 800px;
    padding: 20px 1.5rem;
    margin: 0 auto;
}

#popup-cookiesgeral .title {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0 0 10px 0;
}

@media (max-width: 991px) {
    #popup-cookiesgeral .title {
        margin: 0 0 5px 0;
    }
}

#popup-cookiesgeral .description {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 1.7rem;
    margin: 0;
}

@media (max-width: 991px) {
    #popup-cookiesgeral .title {
        font-size: 14px;
    }

    #popup-cookiesgeral .description {
        font-size: 15px;
        line-height: 120%;
        margin: 20px 0 10px 0;
        text-align: center;
    }
}

#popup-cookiesgeral .buttons-allow {
    margin: 0 0 10px 0;
    text-align: right;
}

    #popup-cookiesgeral .buttons-allow .btn {
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
        font-size: 1.2rem;
        padding: 5px 10px;
        display: inline-block;
        font-weight: 400;
        text-align: center;
        user-select: none;
        border: 1px solid transparent;
        vertical-align: middle;
        white-space: inherit;
        cursor: pointer;
        border-radius: 4px;
    }

@media (max-width: 991px) {
    #popup-cookiesgeral .buttons-allow .btn {
        font-size: 12px;
        padding: 2px 8px;
    }
}

#popup-cookiesgeral .options {
    margin: 0 0 10px 0;
    border: 1px solid #ced4da;
    border-radius: 5px;
    height: 45px;
}

@media (max-width: 991px) {
    #popup-cookiesgeral .options {
        height: auto;
    }
}

#popup-cookiesgeral .options .options-checkbox {
    padding: 10px;
}

@media (max-width: 991px) {
    #popup-cookiesgeral .options .options-checkbox {
        padding-right: 0;
    }
}

#popup-cookiesgeral .options .custom-checkbox {
    display: inline-block;
    margin: 0 10px 0 0;
}

@media (max-width: 991px) {
    #popup-cookiesgeral .options .custom-checkbox {
        margin: 0 5px 0 0;
    }
}

#popup-cookiesgeral .options .custom-checkbox .custom-control-label {
    padding: 0 0 0 5px;
    font-size: 13px;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
}

@media (max-width: 991px) {
    #popup-cookiesgeral .options .custom-checkbox .custom-control-label {
        padding: 0 0 0 0;
        font-size: 11px;
    }
}

#popup-cookiesgeral .options .custom-checkbox .custom-control-label::before {
    width: 20px;
    height: 20px;
    line-height: 20px;
}

@media (max-width: 991px) {
    #popup-cookiesgeral .options .custom-checkbox .custom-control-label::before {
        width: 1.7rem;
        height: 1.7rem;
        line-height: 1.7rem;
    }
}

#popup-cookiesgeral .options .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    color: #00cc00;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

@media (max-width: 991px) {
    #popup-cookiesgeral .options .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        width: 1.7rem;
        height: 1.7rem;
        line-height: 1.7rem;
    }
}

#popup-cookiesgeral .options .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background: #e2e2e2;
}

#popup-cookiesgeral .options .custom-control-input:disabled ~ .custom-control-label {
    color: #343a40;
}

#popup-cookiesgeral .btn-mostrar-detalhes {
    position: relative;
    height: 43px;
    line-height: 30px;
    font-size: 13px;
    color: #343a40;
    border-radius: 0;
    border-left: 1px solid #ced4da;
    background: #f6f6f9;
    text-align: left;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 30px;
    text-transform: none;
    padding: .375rem .75rem;
}

@media (max-width: 991px) {
    #popup-cookiesgeral .btn-mostrar-detalhes {
        height: 100%;
        line-height: 1.5rem;
        font-size: 11px;
    }
}

#popup-cookiesgeral .btn-mostrar-detalhes i {
    font-size: 22px;
    transition: all 0.3s ease-in-out;
}

#popup-cookiesgeral .btn-mostrar-detalhes.collapsed i {
    transform: rotate(180deg);
}

#popup-cookiesgeral #cookies-details {
    padding: 20px 0;
    margin: 20px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    width: 100%;
    font-size: 14px;
    /*overflow: auto;*/
}

#popup-cookiesgeral .tabs-vertical {
    padding-top: 20px;
    border: 1px solid #e4e4ea;
    border-top: 0;
}

#popup-cookiesgeral .content-cookies {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 20px;
    border: 1px solid #e4e4ea;
    border-top: 0;
}

@media (max-width: 991px) {
    #popup-cookiesgeral .content-cookies {
        font-size: 11px;
        line-height: 120%;
        padding: 10px;
    }
}

#popup-cookiesgeral .content-cookies a {
    color: #00cc00;
    text-decoration: underline;
}

    #popup-cookiesgeral .content-cookies a:hover {
        text-decoration: none;
    }

#popup-cookiesgeral .tab-content {
    width: 100%;
    text-align: left;
}

#popup-cookiesgeral .tab-pane .description {
    padding: 10px 1.5rem;
    color: var(--c-white);
}

@media (max-width: 991px) {
    #popup-cookiesgeral .tab-pane .description {
        padding: 10px 0;
    }
}

#popup-cookiesgeral .nav-tabs .nav-link {
    font-size: 14px !important;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    color: #343a40 !important;
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
    background-color: var(--c-white);
    text-transform: none !important;
    border: 1px solid transparent;
    border-bottom: 1px solid #e4e4ea !important;
}

    #popup-cookiesgeral.nav-tabs .nav-link:focus,
    #popup-cookiesgeral .nav-tabs .nav-link:hover {
        /*border-color: inherit;*/
        border: 1px solid transparent !important;
        border-bottom: 1px solid #e4e4ea !important;
    }


@media (max-width: 991px) {
    #popup-cookiesgeral .nav-tabs .nav-link {
        font-size: 12px;
    }
}

#popup-cookiesgeral .nav-tabs .nav-item.show .nav-link,
#popup-cookiesgeral .nav-tabs .nav-link.active {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    border: 1px solid transparent !important;
    border-color: #dee2e6 #dee2e6 #fff !important;
}

#popup-cookiesgeral .nav-tabs .nav-item {
    margin-bottom: -1px;
}

#popup-cookiesgeral .nav-pills .nav-link {
    font-family: 'DINPro', Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 900;
    font-style: normal;
    color: var(--c-white) !important;
    background: var(--c-bluedark3) !important;
    text-transform: uppercase;
    padding: 1.3rem 2.5rem 1.4rem 2.5rem;
    text-align: center;
    border-radius: 0.7rem;
    margin: 0.2rem;
}

    #popup-cookiesgeral .nav-pills .nav-link:hover {
        background: var(--c-bluedark3) !important;
    }

    /*#popup-cookiesgeral .nav-pills .nav-link:last-child {
    border-bottom: 1px solid #cccccc;
}*/

    #popup-cookiesgeral .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link,
    #popup-cookiesgeral .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link:hover {
        font-family: 'DINPro', Arial, sans-serif;
        font-size: 1.5rem;
        font-weight: 900;
        font-style: normal;
        color: var(--c-white) !important;
        background: var(--c-bluelight1) !important;
        text-transform: uppercase;
        padding: 1.3rem 2.5rem 1.4rem 2.5rem;
        text-align: center;
        border-radius: 0.7rem;
    }

@media (max-width: 991px) {
    #popup-cookiesgeral .nav-pills .nav-link {
        text-align: center;
        /*        font-size: 16px;*/
        padding-top: 7px !important;
        padding-bottom: 5px !important;
    }
}

#popup-cookiesgeral .title-cookies {
    font-family: 'DINPro', Arial, sans-serif;
    font-size: 2rem;
    font-weight: 900;
    font-style: normal;
    line-height: 120%;
    margin: 0 0 10px 0;
    color: var(--c-yellow1);
    text-transform: uppercase;
}

@media (max-width: 991px) {
    #popup-cookiesgeral .title-cookies {
        text-align: center;
    }
}

#popup-cookiesgeral .subtitle-cookies {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 120%;
    color: #c12d22;
    /*text-transform: uppercase;*/
    margin: 10px 0;
}

#popup-cookiesgeral .controle {
    /*float: right;*/
}

@media (max-width: 991px) {
    #popup-cookiesgeral .controle {
        display: inline-block;
        float: none;
        margin: 10px 0 0 0;
    }
}

#popup-cookiesgeral .custom-switch {
    padding-right: 2.25rem;
    padding-left: 0;
}

    #popup-cookiesgeral .custom-switch .custom-control-label {
        position: relative;
        padding-left: 0;
        font-size: 13px;
        line-height: 0.3;
        color: var(--c-white);
        font-weight: 800;
        display: block;
        text-align: right;
        padding-right: 2rem;
    }

        #popup-cookiesgeral .custom-switch .custom-control-label::before {
            left: inherit;
            right: -2.25rem;
            border-color: var(--c-bluelight2);
        }

        #popup-cookiesgeral .custom-switch .custom-control-label::before {
            /*                    width: 2.75rem;*/
        }

    #popup-cookiesgeral .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
        background: var(--c-white) !important;
        border-color: var(--c-white) !important;
    }

    #popup-cookiesgeral .custom-switch .custom-control-label::after {
        right: calc(-1.55rem + 2px);
        left: inherit;
        background: var(--c-bluelight2);
        border-color: var(--c-bluelight2);
    }

    #popup-cookiesgeral .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        transform: translateX(.65rem);
        background: var(--c-bluelight2);
        border-color: var(--c-bluelight2);
        z-index: 1;
    }


#popup-cookiesgeral .accordion .card {
    border-color: #cccccc;
    border-radius: 0px;
}

#popup-cookiesgeral .accordion .card-header {
    padding: 0;
    /*border-color: transparent;*/
}

#popup-cookiesgeral .accordion .card-body {
    color: #000000;
}

#popup-cookiesgeral .accordion .btn {
    color: #c12d22 !important;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 10px 10px !important;
    background: #ffffff !important;
    box-shadow: none;
}

    #popup-cookiesgeral .accordion .btn:hover {
        background-color: #e3e3e3 !important;
        transform: scale(1);
    }

    #popup-cookiesgeral .accordion .btn:focus,
    #popup-cookiesgeral .accordion .btn:active {
        color: var(--c-white);
        background-color: #000000 !important;
        transform: scale(1);
    }

    #popup-cookiesgeral .accordion .btn:before {
        animation-name: none;
        background-color: transparent;
    }

    #popup-cookiesgeral .accordion .btn:hover:before {
        opacity: 0;
    }

@-webkit-keyframes animateCookies {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
    }
}

@keyframes animateCookies {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1000px);
        -ms-transform: translateY(1000px);
        transform: translateY(1000px);
    }
}

.animateCookies {
    -webkit-animation-name: animateCookies;
    animation-name: animateCookies;
}


/* MODAL GERAL */
.modal {
    /*    background: rgb(28 80 166 / 53%);*/
}

.popup {
    z-index: 999999999;
}

.modal-body {
    margin: auto !important;
    flex: inherit;
    width: 100%;
    text-align: center;
    padding: 0px;
    z-index: 1;
}

.modal-adjust {
    max-width: 600px;
}

.modal-content {
    border-radius: 2rem;
    min-height: 300px;
    min-width: 600px;
    padding: 5rem 3rem;
    overflow: inherit;
    border: none;
    position: relative;
    /*    background: var(--c-yellow1);*/
    background: url(../img/bkg3_1920.webp) top center no-repeat;
    background-size: cover;
}

    /*.modal-content::before {
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0px;
    content: "";
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 20px;
    background: var(--c-bluelight2);
}*/

    .modal-content .header {
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .modal-content .header img {
            width: 100%;
            max-width: 250px;
        }

.modal .content {
    padding: 30px 30px 80px 30px;
}

.modal-header,
.modal-footer {
    border: none;
}

.modal .btn-fechar {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    cursor: pointer;
    border: 0;
    margin: 10px 10px 0 0;
    padding: 0;
    color: var(--c-bluelight2);
    background-color: var(--c-yellow1);
    position: absolute;
    top: 0;
    right: -4px;
    transform: translateX(100%) translateY(-100%);
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .modal .btn-fechar:hover {
        color: var(--c-white);
        background-color: var(--c-yellow2);
        transform: translateX(100%) translateY(-100%) scale(1.1);
    }

    .modal .btn-fechar i {
        color: var(--c-bluedark1);
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 2px;
        transition: all 0.3s ease-in-out;
    }

    .modal .btn-fechar:hover i {
        color: var(--c-bluedark3);
    }

@media (max-width: 991px) {
    .modal .btn-fechar {
        color: var(--c-yellow1);
        background-color: transparent;
    }

        .modal .btn-fechar:hover {
            color: var(--c-yellow2);
            background-color: transparent;
        }

        .modal .btn-fechar i {
            color: var(--c-yellow1);
            background-color: transparent;
        }

        .modal .btn-fechar:hover i {
            color: var(--c-yellow2);
            background-color: transparent;
        }
}

.modal .titulo {
    color: var(--c-yellow1);
    padding: 0px;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-size: 2.5rem;
    line-height: 1;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 900;
    letter-spacing: 0;
}

.modal .descricao {
    font-size: 1.7rem;
    line-height: 1.3;
    text-align: center;
    font-weight: 400;
    color: var(--c-white);
}

    .modal .descricao a {
        color: var(--c-white);
        text-decoration: underline;
    }

        .modal .descricao a:hover {
            color: var(--c-white);
            text-decoration: none;
        }

.modal-dialog {
    max-width: 550px;
}

.modal .float-placeholder {
    color: var(--c-bluelight1);
}

.modal .custom-control-label {
    line-height: 1.3;
}

.modal [class*="vld-"] + .error {
    /*font-weight: 400;*/
    color: var(--c-bluelight1);
}

@media (max-width: 991px) {
    .modal-content {
        min-height: inherit !important;
        min-width: inherit !important;
        border-radius: 10px !important;
    }

        .modal-content::before {
            min-height: inherit !important;
            min-width: inherit !important;
            border-radius: 10px !important;
        }

    .modal .titulo {
        font-size: 22px;
    }

    .modal .descricao {
        padding: 0px;
        text-align: center !important;
    }

    .modal-body .box {
        padding: 50px 20px;
        border-radius: 30px;
    }

    .modal-body .titulo-img img {
        width: 85%;
    }

    .modal .btn-fechar {
        /*        margin: 10px 10px 0 0;*/
        margin: 40px 45px 0 0 !important;
    }
}


/*MODAL Minha área*/
/*.modal.popup-minhaconta {
}*/

.modal.popup-minhaconta .modal-body {
    border: 0;
    padding: 0;
}

/*.modal.popup-minhaconta .modal-dialog {
}*/

.modal.popup-minhaconta .modal-content {
    padding: 50px 80px 50px 80px !important;
}

.modal.popup-minhaconta .modal-adjust {
    max-width: 550px;
}

.modal.popup-minhaconta .btn-minhaconta {
    color: var(--c-white);
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 14px 25px 11px 25px;
    text-decoration: none;
    background: var(--c-bluelight2);
    margin: 3px 0px;
    border-radius: 100px;
}

    .modal.popup-minhaconta .btn-minhaconta:hover {
        color: var(--c-white);
        background: var(--c-bluelight2);
    }

.modal.popup-minhaconta .btn-minhaconta-sair {
    color: var(--c-white);
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 14px 25px 11px 25px;
    text-decoration: none;
    background: var(--c-bluelight2);
    border-radius: 100px;
    margin: 3px 0px;
    transition: all 0.3s ease-in-out;
}

    .modal.popup-minhaconta .btn-minhaconta-sair:hover {
        background: var(--c-bluelight2);
        color: var(--c-white);
        transform: scale(1.02);
    }

.modal.popup-minhaconta .navbar-nav .nav-link {
    color: var(--c-white);
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
}

    .modal.popup-minhaconta .navbar-nav .nav-link:hover {
        color: #696969;
    }

.modal.popup-minhaconta .logo-marca {
    position: relative;
    text-align: center;
    margin-top: 20px
}

    .modal.popup-minhaconta .logo-marca img {
        width: 100%;
        max-width: 100px;
    }

@media (max-width: 991px) {
    .modal.popup-minhaconta .btn-minhaconta {
        font-size: 20px;
        line-height: 20px;
    }

    .modal.popup-minhaconta .modal-content {
        padding: 40px 40px !important;
    }
}


/*MODAL - LATERAL - CONTATO*/
.modal.popup-contato .modal-content {
    border-radius: 0rem;
    background-color: var(--c-bluelight2);
    box-shadow: 0 0 50px var(--c-bluelight2);
}

.modal.popup-contato .titulo {
    /*color: var(--c-bluelight2);*/
}

.modal.popup-contato .descricao,
.modal.popup-contato .descricao a,
.modal.popup-contato .descricao a:hover {
    color: var(--c-white);
}

.modal.popup-contato.popup-contato {
    padding-right: 0px !important;
}

.modal.popup-contato .modal-dialog-centered {
    display: flex;
    align-items: stretch;
    float: right;
    /**/
    height: auto;
    /*    margin: 0px;*/
}

.modal.popup-contato#popup-contato .float-placeholder {
    /*display: none;*/
}

.modal.popup-contato .custom-control-label {
    color: var(--c-white);
}

    .modal.popup-contato .custom-control-label a {
        color: var(--c-white);
    }

        .modal.popup-contato .custom-control-label a:hover {
            color: var(--c-white);
        }

.modal.popup-contato label#AceitePolitica-error {
    color: var(--c-error1) !important;
}

.modal.popup-contato .btn-fechar i,
.modal.popup-contato .btn-fechar i:hover {
    color: var(--c-white);
}

/*.modal.popup-contato .custom-control-input:checked~.custom-control-label::before {
    color: var(--c-black);
    border-color: var(--c-bluelight2)!important;
    background: var(--c-bluelight2)!important;
}

.modal.popup-contato .custom-checkbox .custom-control-label::before {
    background: var(--c-form);   
    color: var(--c-form);
    border-color: var(--c-form);
}*/






/*MODAL - ESQUECI SENHA*/
.modal.popup-esquecisenha .float-placeholder {
    display: none;
}


/* LOADER */
#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9999999;
}

    #loader > div {
        padding: 40px;
        background: var(--c-bluelight1);
        color: var(--c-white);
        box-shadow: 0 0 10px rgb(0 0 0 / 20%);
        text-align: center;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
        /*text-transform: uppercase;*/
        font-size: 1.7rem;
        line-height: 120%;
    }

    #loader span {
        font-weight: 400;
        color: var(--c-white);
    }

    #loader i {
        font-size: 25px;
        margin-bottom: 1rem;
        color: var(--c-bluelight2);
    }

.grecaptcha-badge {
    display: none;
}


/* Voltar para o topo */
#back-to-top {
    display: none;
    position: fixed;
    display: none;
    bottom: 2.5rem;
    right: 1.5rem;
    z-index: 99999999 !important;
    background: var(--c-yellow1);
    border-radius: 100%;
    cursor: pointer;
    height: 45px;
    width: 45px;
    -webkit-box-shadow: 0 5px 5px 0px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 5px 0px rgb(0 0 0 / 10%);
    opacity: 0.8;
    opacity: 1;
    border: 5px solid var(--c-yellow1);
    transition: all 0.5s ease-in-out;
}

    #back-to-top::before {
        content: "\f077";
        font-family: 'FontAwesome', Arial, sans-serif;
        color: var(--c-bluelight1);
        font-size: 1.5rem;
        line-height: 35px;
        position: relative;
        top: -1px;
        left: 10px;
        opacity: 1;
        transition: all 0.5s ease-in-out;
    }

    #back-to-top:hover {
        transform: scale(1.1);
        color: var(--c-bluelight1);
        background: var(--c-yellow2);
        border: 5px solid var(--c-yellow2);
        opacity: 1;
        transition: all 0.5s ease-in-out;
    }

body.scrolled #back-to-top {
    display: block;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
    #back-to-top {
        right: 1rem;
    }
}

/* Compartilhar no WhatsApp */
#back-to-top2 {
    position: fixed;
    display: none;
    bottom: 80px;
    right: 1.5rem;
    z-index: 99999999 !important;
    /*    background: var(--c-bluelight2); */
    border-radius: 100%;
    cursor: pointer;
    height: 60px;
    width: 60px;
    /*    -webkit-box-shadow: 0 5px 5px 0px rgb(0 0 0 / 10%);*/
    /*    box-shadow: 0 5px 5px 0px rgb(0 0 0 / 10%);*/
    opacity: 0.8;
    opacity: 1;
    /*    border: 5px solid #f2f2f2;*/
    transition: all 0.5s ease-in-out;
}

    #back-to-top2::before {
    }

    #back-to-top2:hover {
    }

/* Botão de ação */
.float-button {
    position: fixed !important;
    z-index: 10 !important;
    right: 10px;
    bottom: 10px;
}

    .float-button.adjust {
        bottom: 10px;
    }

@media (max-width: 991px) {
    .float-button {
        bottom: 55px;
    }

        .float-button.adjust {
            bottom: 10px;
        }
}

.float-button img {
    width: 100%;
    max-width: 250px;
    transition: transform 0.3s ease-in-out;
}

.float-button:hover img {
    transform: scale(0.95);
}

@media (max-width: 991px) {
    .float-button img {
        /*          max-width: 150px;*/
        max-width: 100px;
    }
}

body.scrolled #back-to-top2 {
    display: block;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
    #back-to-top2 {
        right: 30px;
    }
}


/* NAVBAR */
.nav-item {
    position: relative;
    cursor: pointer;
    margin: auto;
}

#menu {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: #ffffff;
    transition: all 0.5s ease;
}

    #menu nav {
        text-transform: uppercase;
        /*    width: 1300px;*/
        margin: auto;
        border-radius: 0rem 0rem 0rem 0rem;
        transition: all 0.7s;
        height: 76px;
        /*    box-shadow: 0 0 10px rgb(0 0 0 / 30%);*/
        background: var(--c-bluedark1);
        top: 0%;
        padding: 1.5rem 2rem;
    }

.navbar-light .navbar-brand {
    position: relative;
    margin: 0px 5rem 0px 0%;
    z-index: 999;
}

    .navbar-light .navbar-brand:before {
        /*    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: calc(-100% + 5px);
    width: 210%;
    height: 100%;
    border-bottom-right-radius: 10px;
    background: #ffffff;
    transform: skew(-15deg, 0deg);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);*/
    }

    .navbar-light .navbar-brand a:hover {
        background: transparent !important;
    }

@media (max-width: 991px) {
    .navbar-light .navbar-brand {
        position: absolute;
        margin: 0px 0px 0px 0px;
    }
}

/*Faixa superior*/
.barra-sup {
    padding: 9px;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--c-bluelight1);
    /*background: var(--c-bluelight1);*/
    /**/
    display: flex !important;
    justify-content: space-between;
    justify-content: center;
}

    .barra-sup .btn-home {
        font-size: 8pt;
        padding: 5px 10px;
        background: white;
        color: #313131 !important;
        font-weight: 400;
        border-radius: 20px;
    }

    .barra-sup .icon-sup {
        color: white !important;
        padding: 0 5px;
    }

#menu .barra-sup .navbar-nav a {
    padding: 0.6rem 1rem 0rem 1rem;
    color: var(--c-bluelight1);
}

    #menu .barra-sup .navbar-nav a:hover {
        color: var(--c-bluelight1);
        background: transparent;
    }

    #menu .barra-sup .navbar-nav a.active {
        color: var(--c-bluelight1);
        background: transparent;
        text-decoration: underline;
    }

        #menu .barra-sup .navbar-nav a.active:hover {
            color: var(--c-bluelight1);
            background: transparent;
            text-decoration: underline;
        }

@media (max-width: 991px) {
    .barra-sup {
        display: none !important;
    }
}



#menu .fixed-top {
    /*padding-top: 0px;*/
    /*padding-bottom: 0px;*/
}

#menu .navbar-nav {
    font-size: 1.5rem;
    margin-right: 2rem;
    line-height: 1;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
}

    /*#menu .navbar-nav::after {
    content: "";
    position: relative;
    width: 2px;
    height: 28px;
    background: var(--c-yellow1);
    right: -8px;
}*/

    #menu .navbar-nav a {
        padding: 0rem 1.4rem 0rem 1.4rem;
        color: var(--c-white);
        text-transform: uppercase;
        transition: all .3s ease;
    }

        #menu .navbar-nav a:hover {
            color: var(--c-yellow1);
            background: transparent;
            text-decoration: none;
        }

        #menu .navbar-nav a.active {
            color: var(--c-yellow1);
            background: transparent;
            text-decoration: none;
            font-weight: 900;
        }

            #menu .navbar-nav a.active:hover {
                color: var(--c-yellow1);
                background: transparent;
                text-decoration: none;
            }

        #menu .navbar-nav a span {
            color: var(--c-white);
            background: var(--c-black);
            padding: 4rem 2.5rem 4rem 2.5rem;
            border-radius: 0rem;
            transition: all 0.3s ease-in-out;
            font-size: 1.6rem;
            font-weight: 900;
        }

            #menu .navbar-nav a span:hover {
                color: var(--c-white);
                background: var(--c-bluelight2);
                transition: all 0.3s ease-in-out;
            }

@media (max-width: 991px) {
    #menu .navbar-nav::after {
        display: none !important;
    }

    #menu .navbar-nav a span {
        color: var(--c-white);
        background: var(--c-bluelight1);
        font-family: 'DINPro', Arial, DINPro, sans-serif;
        letter-spacing: 0.7px;
        padding: 1.5rem 4rem 1.2rem 4rem;
        margin-left: 0rem;
        font-size: 1.7rem;
        border-radius: 0.6rem;
        font-style: normal;
        font-weight: 900;
        text-transform: uppercase;
    }
}

@media (min-width: 1300px) and (max-width: 1430px) {
    .navbar-light .navbar-brand {
        margin: 0px 3rem 0px 0%;
        max-width: 200px;
    }
}


@media (min-width: 992px) and (max-width: 1299px) {
    .navbar-light .navbar-brand {
        display: none;
    }

    #menu .user .btn.btn-login {
        padding: 1rem 1.5rem 1rem 1.4rem;
    }

    #menu .user .btn.btn-cta {
        padding: 1rem 1.5rem 1rem 1.4rem;
    }
}



.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.7rem;
    padding-left: 0.7rem;
    padding-bottom: 0.5rem;
    padding-top: 0.7rem;
}

.navbar-light .navbar-toggler {
    border-color: transparent;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--c-white);
}

.navbar-nav .nav-link {
    color: var(--c-white);
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #f6ddab;
}

#menu .navbar-toggler {
    color: var(--c-bluelight2);
    font-size: 25px;
    padding: 22px 25px 22px 25px;
}

    #menu .navbar-toggler:focus {
        border: none;
        outline: 0;
    }

.navbar-brand {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

    .navbar-brand .nav-link {
        /*border-radius: 0rem 0rem 0.5rem 0.5rem;*/
        /*margin-top: -2rem;*/
        /*padding-top: 2rem !important;*/
        /*padding: 0.4rem;*/
    }

@media (max-width: 991px) {
    .navbar-brand .nav-link {
        padding: 0rem 0rem 0rem 0rem !important;
        margin-top: 0rem;
    }
}

#menu .navbar-brand img {
    position: relative;
    width: 100%;
    max-width: 140px;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
    .navbar-brand {
        margin-top: inherit;
        margin-left: 0rem !important;
        margin: auto;
    }

    .nav-link {
        padding: 0px 24px 0px 24px !important;
    }

    #menu .navbar-nav a:hover {
        color: var(--c-yellow1) !important;
    }

    #menu .navbar-nav a.btn {
        color: var(--c-bluelight2);
    }

        #menu .navbar-nav a.btn.btn-outline-dois {
            color: #000000;
            background: #ffffff;
        }

            #menu .navbar-nav a.btn.btn-outline-dois:hover {
                color: #000000 !important;
                background: var(--c-white);
            }

        #menu .navbar-nav a.btn.btn-vermelho {
            color: var(--c-white);
        }

        #menu .navbar-nav a.btn:hover {
            background: #cd1d35 !important;
        }

    .navbar-brand.logo a {
        /*        padding: 0px 0px 0px 0px !important;*/
        margin-left: 15px !important;
    }
}


#menu .menu {
    display: inline-block;
}

@media (max-width: 991px) {
    #menu .navbar-collapse a.active {
        /*        color: var(--c-bluelight2);*/
        background: transparent;
    }

    #menu .navbar-toggler {
        margin-left: inherit !important;
        color: var(--c-yellow1);
    }

        #menu .navbar-toggler i.fa-times {
            color: var(--c-yellow1) !important;
            display: none !important;
        }

        #menu .navbar-toggler[aria-expanded="true"] i.fa-bars, #menu .navbar-toggler[aria-expanded="false"] i.fa-times {
            display: none !important;
        }

        #menu .navbar-toggler[aria-expanded="false"] i.fa-bars, #menu .navbar-toggler[aria-expanded="true"] i.fa-times {
            display: block !important;
        }

    .cta-header .icone {
        display: inline-block;
    }

    #menu nav .user {
        position: relative;
        display: flex;
        text-align: right;
        padding: 10px 1.5rem 10px 1.5rem;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

        #menu nav .user .cta-header {
            width: 100%;
            margin-top: 5px;
        }

    #menu {
        position: relative;
    }

        #menu nav {
            text-transform: uppercase;
            width: 100%;
            margin: auto;
            border-radius: 0px;
            transition: all 0.7s;
            /*        box-shadow: 0 0 10px rgb(0 0 0 / 30%);*/
            top: 0%;
            left: initial;
            padding: 0px;
            height: 76px;
            overflow: unset;
        }

        #menu a {
            font-size: 1.6rem;
        }

        #menu .cta-participe a {
            /*color: var(--c-bluelight2);*/
            margin-left: auto;
        }

        #menu .btn {
            font-size: 20px;
            line-height: 100%;
        }

        #menu .cta-participe .btn.active {
            color: var(--c-white);
        }

    .user #btn-header {
        font-size: 14px;
        line-height: 16px;
        display: block;
        margin: 5px 0px;
        padding: 8px 30px 7px 30px;
    }

    #menu .navbar-nav {
        text-align: center;
        /*margin: 0px!important;*/
        /*height: 100vh!important;*/
        font-size: inherit;
        line-height: inherit;
        font-family: inherit;
        text-transform: inherit;
    }

    .navbar-collapse {
        margin-top: 6px;
        background: var(--c-bluedark1);
    }

        .navbar-collapse .separator-container {
            width: 20%;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            padding-left: 4rem;
        }

        .navbar-collapse .separator {
            width: 100%;
            border-color: var(--c-bluelight1) !important;
            opacity: 1 !important;
        }

    #menu .nav-item {
        margin: 0 !important;
        margin-right: auto !important;
    }

    #menu .navbar-nav a {
        color: var(--c-white);
    }

        #menu .navbar-nav a.active {
            color: var(--c-yellow1);
        }

    #menu .user .btn.btn-cta, #menu .user .btn.btn-login {
        font-size: 1.8rem;
        color: var(--c-white);
    }

        #menu .user .btn.btn-cta:hover, #menu .user .btn.btn-cta:focus, #menu .user .btn.btn-login:hover, #menu .user .btn.btn-login:focus {
            color: var(--c-bluelight1);
        }

        #menu .user .btn.btn-cta svg, #menu .user .btn.btn-login svg {
            width: 3rem;
            height: 3rem;
        }

            #menu .user .btn.btn-login svg path {
                stroke: var(--c-white) !important;
            }

            #menu .user .btn.btn-cta svg path {
                fill: var(--c-white) !important;
            }

    #menu .navbar-brand img {
        width: 100%;
        transition: all 0.5s ease-in-out;
        padding: 0px 0px 0px 0px;
        background: transparent !important;
        position: relative;
        z-index: 9;
    }

    #menu .item-menu {
        font-size: 1.8rem;
        font-family: 'DINPro', Arial, sans-serif;
        padding: 2.5rem 3rem !important;
        line-height: 1 !important;
    }
}

.collapse .user {
    /*display: none!important;*/
    /*position: absolute;*/
    /*right: 0%;*/
}

@media (max-width: 991px) {
    .collapse .user {
        position: relative;
        right: inherit;
        display: inherit !important;
        display: flex !important;
    }
}


/* SCROLL */
::-webkit-scrollbar {
    width: 7px;
    height: 11.5rem;
    border-radius: 5rem;
}

::-webkit-scrollbar-track {
    background: var(--c-white);
    border-radius: 5rem;
}

::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 5rem;
}

.section.rtp ::-webkit-scrollbar-thumb {
    background: var(--c-bluelight2);
    border-radius: 5rem;
}

.section.cadastrosucesso ::-webkit-scrollbar-thumb {
    background: #a6050b;
    border-radius: 5rem;
}

.section.ganhadores ::-webkit-scrollbar-thumb {
    background: var(--c-bluelight2);
    border-radius: 5rem;
}

.scroll-container {
    border: none;
    margin: 20px 0;
    max-height: 307px;
    overflow-y: scroll;
}

@media (max-width: 991px) {
    ::-webkit-scrollbar {
        width: 5px;
        height: 6px;
    }
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--c-bluedark1) !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--c-bluedark1) !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--c-bluedark1) !important;
}


/* Menu */
.btn-cadastrar-container {
    width: 100%;
    position: absolute;
    z-index: -1;
}

.btn-cadastrar {
    display: flex;
    flex-direction: column;
    padding: 1.5rem 4rem 1.2rem 4rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    position: absolute;
    top: -1.3rem;
    left: 47%;
    /*    left: 50%;*/
    transform: translateX(-50%) translateY(100%);
    color: var(--c-white);
    background: var(--c-bluelight1);
    font-family: 'DINPro', Arial, DINPro, sans-serif;
    letter-spacing: 0.7px;
    font-size: 2rem;
    font-style: normal;
    font-weight: 800;
    transition: all .3s ease;
    white-space: nowrap;
    text-transform: uppercase;
}

    .btn-cadastrar:hover,
    .btn-cadastrar:focus {
        background: var(--c-bluelight2);
    }

@media (max-width: 991px) {
    .btn-cadastrar {
        top: -4.6px;
        left: 50%;
    }
}


/* Geral  */
strong, .strong {
    font-weight: 800;
}

.text-900 {
    font-weight: 900;
}

.text-600 {
    font-weight: 600;
}

.text-regular {
    font-weight: 400;
}

.text-uppercase {
    text-transform: uppercase;
}

hr {
    border-color: var(--c-black);
    opacity: 0.4 !important
}

.text-blue1 {
    color: var(--c-bluelight1) !important;
}

.text-blue2 {
    color: var(--c-bluelight2) !important;
}

.text-black {
    color: var(--c-black) !important;
}

.text-white {
    color: var(--c-white) !important;
}

.text-blue3 {
    color: var(--c-bluelight1) !important;
}

.text-pink1 {
    color: var(--c-yellow1) !important;
}

.text-orange1 {
    color: var(--c-bluelight1) !important;
}

.text-yellow1 {
    color: var(--c-yellow1) !important;
}

.bkg-blue1 {
    background: var(--c-bluelight1) !important;
}

.bkg-blue2 {
    background: var(--c-bluelight2) !important;
}

.bkg-black {
    background: var(--c-black) !important;
}

.bkg-white {
    background: var(--c-white) !important;
}

.bkg-blue3 {
    background: var(--c-bluelight1) !important;
}

.bkg-pink1 {
    background: var(--c-yellow1) !important;
}

.bkg-orange1 {
    background: var(--c-bluelight1) !important;
}

.bkg-yellow1 {
    background: var(--c-yellow1) !important;
}


.bkg-gradient1 {
    background: #090F20;
    background: -webkit-linear-gradient(90deg, rgba(9, 15, 32, 1) 0%, rgba(9, 29, 70, 1) 50%, rgba(9, 15, 32, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(9, 15, 32, 1) 0%, rgba(9, 29, 70, 1) 50%, rgba(9, 15, 32, 1) 100%);
    background: linear-gradient(90deg, rgba(9, 15, 32, 1) 0%, rgba(9, 29, 70, 1) 50%, rgba(9, 15, 32, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#090F20", endColorstr="#090F20", GradientType=1);
}

/* AGUARDE */
.section.inicio.aguarde {
    position: relative;
    background: url(../img/bkg2_1920.webp) center center no-repeat;
    background-size: cover;
}

/* Alinhamento */
.align-vertical {
    display: table;
    width: 100%;
    height: 100%;
}

    .align-vertical .align-element {
        display: table-cell;
        vertical-align: middle;
    }

.aguarde span {
    color: var(--c-bluelight2);
}

/*Icones do MEMU (X) e (=)*/
#menu .navbar-toggler.icone-menu:before {
    /*content: "\f067";*/
    /*font-family: 'FontAwesome', Arial, sans-serif;*/
    /*font-size: 1.5rem;*/
    /*line-height: 1.5rem;*/
    color: var(--c-white);
    fill: #ffffff !important;
    position: relative;
    top: 0px;
    margin-right: 0px;
    float: right;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffffff' viewBox='0 0 21 20' class='sc-pzMyG gRERfq' color='currentColor' role='img'%3E%3Ctitle%3EAbrir Menu%3C/title%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 7H20.5V5H0.5V7ZM0.5 15H20.5V13H0.5V15Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

#menu .navbar-toggler[aria-expanded="true"].icone-menu:before {
    /*content: "\f068";*/
    color: var(--c-white);
    fill: #ffffff !important;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffffff' viewBox='0 0 21 20' class='sc-qQYBZ dyrgJG' color='currentColor' role='img'%3E%3Ctitle%3EFechar Menu%3C/title%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5001 11.4143L16.793 17.7072L18.2072 16.293L11.9143 10.0001L18.2072 3.70718L16.793 2.29297L10.5001 8.58587L4.20718 2.29297L2.79297 3.70718L9.08587 10.0001L2.79297 16.293L4.20718 17.7072L10.5001 11.4143Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

/* Divisória */
.divisoria {
    position: relative;
}

    .divisoria:before {
        position: absolute;
        z-index: 1;
        right: 0%;
        top: 0px;
        content: "";
        width: 1px;
        height: 100%;
        border: 1px solid var(--c-bluelight2);
    }

@media (max-width: 991px) {
    .divisoria:before {
        left: 29%;
    }
}

/* Alinhamento */
.align-vertical {
    display: table;
    width: 100%;
    height: 100%;
}

    .align-vertical .align-element {
        display: table-cell;
        vertical-align: middle;
    }

/*Balões*/
.baloes {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1600px;
}

    .baloes img {
        animation-name: efeitoSobeDesce;
        animation-duration: 7s;
        animation-delay: 0s;
        animation-timing-function: ease-in-out;
        transition: all 0.3s ease-in-out;
        animation-iteration-count: infinite;
    }


/* GENERAL */
.main .section {
    position: relative;
}

    .main .section .padding {
        padding: 7rem 3rem;
        max-width: 1366px;
    }

    .main .section .header-section {
        /*    display: flex;*/
        /*    align-items: center;*/
        /*    justify-content: center;*/
        /*    gap: 32px;*/
        position: relative;
        z-index: 2;
        margin-bottom: 3rem !important;
        /*    margin-bottom: 1rem!important;*/
    }

        .main .section .header-section h2 {
            padding: 0px;
            margin-bottom: 1rem;
            font-size: 3rem;
            font-style: normal;
            line-height: 1;
            text-transform: uppercase;
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 900;
            letter-spacing: 0px;
            color: var(--c-yellow1);
            text-align: center;
        }

        .main .section .header-section h3 {
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 600;
            color: var(--c-white);
            font-size: 1.8rem;
        }

            .main .section .header-section h3 a {
                text-decoration: underline;
            }

                .main .section .header-section h3 a:hover {
                    text-decoration: none;
                }

    .main .section .descricao {
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
        color: var(--c-bluelight1);
        font-size: 1.7rem;
        /*    font-size: 2rem;*/
        line-height: 1.2;
    }

        .main .section .descricao a {
            text-decoration: underline;
            color: var(--c-bluelight1);
        }

            .main .section .descricao a:hover {
                text-decoration: none;
                color: var(--c-bluelight1);
            }

        .main .section .descricao.small {
            font-size: 1.5rem;
            line-height: 20px;
        }

@media (max-width: 991px) {
    .main .section .header-section {
        margin: 0 0 3rem 0;
    }

        .main .section .header-section h2 {
            font-size: 2.5rem;
            line-height: 1.1;
        }
}


/* TABS */
.tab-btn .btn {
    position: relative;
    font-family: 'DINPro', Arial, sans-serif;
    color: var(--c-white);
    background: var(--c-bluelight1);
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    padding: 1.5rem 2.5rem 1.6rem 2.5rem;
    border: 0;
    border-radius: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0px !important;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
    opacity: 0.7;
}

    .tab-btn .btn:focus,
    .tab-btn .btn:hover {
        color: var(--c-white);
        background: var(--c-bluelight1);
        transform: scale(1);
        opacity: 1;
    }

    .tab-btn .btn.active {
        position: relative;
        font-family: 'DINPro', Arial, sans-serif;
        color: var(--c-white);
        background: var(--c-bluelight2);
        font-size: 1.5rem;
        font-weight: 800;
        line-height: 1;
        padding: 1.5rem 2.5rem 1.6rem 2.5rem;
        border: 0;
        border-radius: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0px !important;
        transition: all 0.3s ease-in-out;
        transform: scale(1);
        opacity: 1;
    }

        .tab-btn .btn.active:focus,
        .tab-btn .btn.active:hover {
            color: var(--c-white);
            background: var(--c-bluelight2);
            transform: scale(1);
        }

@media (max-width: 991px) {
    .tab-btn .btn {
        width: 100%;
    }

    #ganhadores .tab-btn .btn {
        width: inherit !important;
    }
}


/* SECTION - LOGIN */
.section.login {
    position: relative;
    overflow: hidden;
    background: url(../img/bkg2_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.login {
        background: url(../img/bkg2_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.login .padding {
    position: relative;
    width: 100%;
    max-width: 1920px;
    padding: 8rem 3rem;
    padding-bottom: 0rem;
}

.section.login .content-section {
    position: relative;
    width: 100%;
    margin: auto;
}

.section.login .header-section {
    margin-bottom: 0rem !important;
}

/*BOX - LOGIN*/
.section.login .box-login {
    position: relative;
    z-index: 0;
    background: transparent;
    padding: 2rem 2rem 2rem 2rem;
    margin-bottom: 5rem;
}

    .section.login .box-login .header-section {
        margin-bottom: 1rem !important;
    }

        .section.login .box-login .header-section h2 {
            font-size: 5rem;
            font-weight: 400;
            color: var(--c-bluelight2);
            /*font-weight: 400;*/
        }

        .section.login .box-login .header-section h3 {
            color: var(--c-bluelight2);
            font-size: 1.5rem;
            line-height: 1.3;
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 400;
        }

    .section.login .box-login .esquecisenha {
        font-family: 'DINPro', Arial, sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
        margin-bottom: 5px;
        color: var(--c-white);
        text-decoration: underline;
        text-transform: uppercase;
    }

        .section.login .box-login .esquecisenha:hover {
            text-decoration: none;
            color: var(--c-white);
        }


    .section.login .box-login .btn.btn2 {
        margin-right: 3px;
        margin-left: 3px;
        color: var(--c-bluelight2);
        background: var(--c-white);
        border: 0;
        transform: scale(1);
        box-shadow: inherit;
        transition: all 0.3s ease-in-out;
        font-size: 1.6rem;
        font-weight: 400;
        text-decoration: underline !important;
    }

        .section.login .box-login .btn.btn2:hover {
            color: var(--c-bluelight1);
        }

@media (max-width: 991px) {
    .section.login .content-section {
        position: relative;
        height: inherit;
        width: 100%;
    }

    .section.login .box-login {
        padding: 4rem 2.4rem;
        margin: 0 auto;
    }
}


/*SECTION - MINHA ÁREA*/
.section.minhaarea {
    position: relative;
    overflow: hidden;
    background: url(../img/bkg3_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.minhaarea {
        background: url(../img/bkg3_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.minhaarea .padding {
    position: relative;
    width: 100%;
    max-width: 1920px;
    padding: 8rem 3rem;
    padding-bottom: 0rem;
}

.section.minhaarea .content-section {
    position: relative;
    width: 100%;
    margin: auto;
}

.section.minhaarea .header-section {
    margin-bottom: 0rem !important;
}

/*BOX - LOGIN*/
.section.minhaarea .box-login {
    position: relative;
    z-index: 0;
    background: transparent;
    padding: 2rem 2rem 2rem 2rem;
    margin-bottom: 5rem;
}

    .section.minhaarea .box-login .header-section {
        margin-bottom: 1rem !important;
    }

        .section.minhaarea .box-login .header-section h2 {
            font-size: 5rem;
            font-weight: 400;
            color: var(--c-bluelight2);
            /*font-weight: 400;*/
        }

        .section.minhaarea .box-login .header-section h3 {
            color: var(--c-bluelight2);
            font-size: 1.5rem;
            line-height: 1.3;
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 400;
        }

    .section.minhaarea .box-login .esquecisenha {
        font-family: 'DINPro', Arial, sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
        margin-bottom: 5px;
        color: var(--c-white);
        text-decoration: underline;
        text-transform: uppercase;
    }

        .section.minhaarea .box-login .esquecisenha:hover {
            text-decoration: none;
            color: var(--c-white);
        }


    .section.minhaarea .box-login .btn.btn2 {
        margin-right: 3px;
        margin-left: 3px;
        color: var(--c-bluelight2);
        background: var(--c-white);
        border: 0;
        transform: scale(1);
        box-shadow: inherit;
        transition: all 0.3s ease-in-out;
        font-size: 1.6rem;
        font-weight: 400;
        text-decoration: underline !important;
    }

        .section.minhaarea .box-login .btn.btn2:hover {
            color: var(--c-bluelight1);
        }

@media (max-width: 991px) {
    .section.minhaarea .content-section {
        position: relative;
        height: inherit;
        width: 100%;
    }

    .section.minhaarea .box-login {
        padding: 4rem 2.4rem;
        margin: 0 auto;
    }
}


/* SECTION - INÍCIO */
.section.inicio {
    position: relative;
    overflow: hidden;
    background: url(../img/bkg1_1920.webp) top center no-repeat;
    background-size: cover;
    padding-top: 0rem;
}

@media (max-width: 991px) {
    .section.inicio {
        background: url(../img/bkg1_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.inicio .padding {
    position: relative;
    width: 100%;
    max-width: 1920px;
    /*padding: 8rem 10rem;*/
    /*padding-bottom: 0rem;*/
}

.section.inicio .selo {
    position: relative;
    /*    -webkit-animation-name: pulseFast;
    animation-name: pulseFast;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    transition: all 0.3s ease-in-out !important;*/
}

    .section.inicio .selo img {
        max-width: 100%;
        text-align: center;
    }
/*.section.inicio .content-text p.title.title_big {
    font-size: 3rem;
}
.section.inicio .content-text p.description {
    font-size: 1.8rem;
    line-height: 1.5;
}
.section.inicio .content-text span {
    background: var(--c-white);
    color: var(--c-bluelight1);
    padding: 0.5rem 1rem;
    border-radius: 1rem 0.5rem;
}*/
.section.inicio .premiacao {
    position: relative;
    left: -10%;
}

    .section.inicio .premiacao img:hover {
        transform: scale(1);
        transition: all 0.3s ease-in-out;
    }

.section.inicio .cta .btn {
    font-size: 1.7rem;
    margin-top: 3rem;
}

@media (max-width: 991px) {
    .section.inicio .padding {
        /*padding:6rem 3rem 0rem 3rem;*/
    }

    .section.inicio .premiacao {
        left: inherit;
        margin-top: 3rem;
    }
}



/* Section COMO PARTICIPAR */
.section.comoparticipar {
    position: relative;
    background: url(../img/bkg3_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.comoparticipar {
        position: relative;
        background: url(../img/bkg2_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.comoparticipar .header-section {
    position: relative;
    margin-bottom: 2rem !important;
}

    .section.comoparticipar .header-section h2 {
        /*font-size: 2.2rem;*/
        /*line-height: 1.2;*/
    }

.section.comoparticipar .content-section {
    width: 80%;
    margin: auto;
}

.section.comoparticipar p.title {
    font-size: 4rem;
    letter-spacing: -0px;
    line-height: 1;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    color: var(--c-bluelight2);
    transition: all 0.7s ease-in-out;
    position: relative;
    display: inline-block;
    padding: 0px 15px;
}

.section.comoparticipar p.description {
    position: relative;
    margin-top: 2rem;
    text-align: center;
    font-family: 'DINPro', Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    color: var(--c-white);
    text-transform: none;
    margin-bottom: 0rem;
}

.section.comoparticipar .steps-boxes {
    position: relative;
    width: 100%;
    margin: auto;
}

.section.comoparticipar .step-box::after {
    content: "";
    position: absolute;
    top: 58%;
    left: 0%;
    transform: translateX(100%);
    width: 70%;
    height: 1px;
    background: #3cb3ff;
    z-index: -1;
}

.section.comoparticipar .step3 .step-box::after {
    display: none !important;
}

.section.comoparticipar .steps-boxes .step {
    margin-bottom: 0px;
    transition: all 0.3s ease-in-out;
}

    .section.comoparticipar .steps-boxes .step .step-box {
        position: relative;
        min-height: 330px;
    }

    .section.comoparticipar .steps-boxes .step .titulo {
        position: relative;
        padding: 2rem 2rem;
        font-size: 1.6rem;
        line-height: 1;
        text-transform: uppercase;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 900;
        transition: all 0.3s ease-in-out;
        color: var(--c-white);
        background: var(--c-bluelight1);
        transform: skew(-20deg, 0deg);
        border-radius: 0rem 0rem;
        display: inline-block;
    }

@media (max-width: 991px) {
    .section.comoparticipar .step-box::after {
        display: none !important;
    }

    .section.comoparticipar .header-section {
        margin-bottom: 2rem !important;
    }

    .section.comoparticipar .steps-boxes .step .titulo {
        position: relative;
        padding: 1.5rem 1.5rem 1.2rem 1.5rem;
        font-size: 2.5rem;
        font-style: normal;
        line-height: 1;
        text-transform: uppercase;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 900;
        border-radius: 0.6rem;
    }

    .section.comoparticipar .steps-boxes .step .step-box {
        min-height: auto;
        padding: 2rem;
    }

        .section.comoparticipar .steps-boxes .step .step-box:hover {
            opacity: inherit !important;
            filter: inherit !important;
        }

    .section.comoparticipar .step_accelerator p.title {
        margin-top: 20px !important;
    }

    .section.comoparticipar .step_accelerator p.description {
        margin-top: 20px !important;
    }

    .section.comoparticipar .steps-boxes .step .step-box .icone span {
        padding: 1.4rem;
    }
}

@media (max-width: 991px) {
    .section.comoparticipar p.description {
        font-size: 2rem !important;
        /*font-weight: 600;*/
    }

    .section.comoparticipar .content-section {
        width: 100%;
        margin: auto;
    }
}

@media (min-width: 992px) and (max-width: 1130px) {
    .section.comoparticipar p.title {
        font-size: 3rem;
    }

    .section.comoparticipar .steps-boxes .step .step-box {
        padding: 2rem 0.5rem !important;
    }

    .section.comoparticipar p.description {
        font-size: 1.8rem;
    }
}


/* Section PRÊMIOS */
.section.premios {
    position: relative;
    background: url(../img/bkg2_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.premios {
        position: relative;
        background: url(../img/bkg2_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.premios .header-section {
    position: relative;
    margin-bottom: 2rem !important;
}

.section.premios .steps-boxes .step .titulo {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem;
    font-size: 3rem;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 900;
    transition: all 0.3s ease-in-out;
    color: var(--c-yellow1);
    background: var(--c-bluelight2);
    border-radius: 1.5rem 0.5rem;
    margin: auto;
}

    .section.premios .steps-boxes .step .titulo span {
        font-size: 1.6rem;
        font-weight: 600;
        font-style: italic;
    }

    .section.premios .steps-boxes .step .titulo .destaque {
        font-size: 4.4rem !important;
        font-weight: 900;
        margin: 0 4px;
    }

@media (max-width: 991px) {
    .section.premios .steps-boxes .step .titulo {
        font-size: 2.6rem;
    }

        .section.premios .steps-boxes .step .titulo .destaque {
            font-size: 3.4rem !important;
        }

        .section.premios .steps-boxes .step .titulo span {
            font-size: 1.2rem;
            font-weight: 800;
            font-style: italic;
        }

    .section.premios .foto {
        position: absolute;
        z-index: 0;
        top: -8rem;
        left: 10%;
        width: 135%;
    }

    .section.premios .aviao {
        position: absolute;
        z-index: 0;
        top: 2%;
        right: inherit;
        left: -35%;
        width: 100%;
    }

    .section.premios .padding {
    }

    .section.premios .premio2 {
        margin-top: 2rem;
    }

    .section.premios .premio1 span {
        font-size: 170%;
    }
}


/* ====== Prêmios v2 ====== */
.contentPremios {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    max-width: 750px;
}

    .contentPremios .groupPersonagem {
        position: relative;
        z-index: 1;
        max-width: 100%;
        margin-bottom: 0%;
        opacity: 1;
        background: #00000050;
        z-index: -1;
    }

    .contentPremios .img-premio1 {
        position: absolute;
        z-index: 2;
        top: 0%;
        left: 22%;
        /*left: 28%;*/
        width: 58%;
        max-width: 433px;
        -webkit-animation-name: pulseFast;
        animation-name: pulseFast;
        animation-duration: 1.2s;
        animation-delay: 0.2s;
        animation-iteration-count: infinite;
        transition: all 0.3s ease-in-out !important;
    }

    .contentPremios .img-premio2 {
        position: absolute;
        z-index: 2;
        top: 22%;
        left: 1%;
        /*left: 7.8%;*/
        width: 92.3%;
        max-width: 692px;
        -webkit-animation-name: pulseFast;
        animation-name: pulseFast;
        animation-duration: 1.4s;
        animation-delay: 0.2s;
        animation-iteration-count: infinite;
        transition: all 0.3s ease-in-out !important;
    }

    .contentPremios .img-premio3 {
        position: absolute;
        z-index: 2;
        top: 56.3%;
        /*left: 0%;*/
        left: 20%;
        width: 59%;
        max-width: 442px;
        -webkit-animation-name: pulseFast;
        animation-name: pulseFast;
        animation-duration: 1.6s;
        animation-delay: 0.2s;
        animation-iteration-count: infinite;
        transition: all 0.3s ease-in-out !important;
    }


/* Carrossel */
.carousel {
    /*display: none;*/
}

    .carousel.slick-initialized {
        display: grid;
        grid-template-columns: repeat(3, auto);
        grid-auto-rows: auto;
    }

    .carousel .slick-list {
        grid-column: 1 / -1;
        order: 1;
    }

    .carousel.slick-initialized .slick-dots {
        display: flex !important;
        position: static;
        margin: auto;
        padding: 1rem;
        background: transparent;
        order: 3;
        width: 100%;
        justify-content: center;
        border-radius: 2.4rem;
    }

    .carousel .slick-slide {
        height: inherit !important;
        margin-right: 2rem;
    }

        .carousel .slick-slide > div:first-child {
            height: 100%;
        }

    .carousel .slick-track {
        display: flex !important;
    }

    .carousel .slick-dots li button:before {
        font-size: 3rem;
        opacity: 0.4;
        color: white;
        transition: all 0.3s ease;
    }

    .carousel .slick-dots li.slick-active button:before {
        color: white;
        opacity: 1;
    }

    .carousel .slick-prev,
    .carousel .slick-next {
        width: 3.2rem;
        height: 3.2rem;
        background-repeat: no-repeat;
        background-size: contain;
        position: static;
        transition: all 0.3s ease;
        transform: scale(1) translateY(0) !important;
        margin-top: 4px !important;
    }

        .carousel .slick-prev.slick-disabled,
        .carousel .slick-next.slick-disabled {
            opacity: 0.5 !important;
            cursor: not-allowed;
        }

        .carousel .slick-prev:focus:not(.slick-disabled),
        .carousel .slick-prev:focus:not(.slick-disabled),
        .carousel .slick-next:hover:not(.slick-disabled),
        .carousel .slick-next:hover:not(.slick-disabled) {
            transform: scale(1.3) translateY(0) !important;
        }

    .carousel .slick-prev {
        background: url("../img/icons/carousel-prev-icon.svg") center center no-repeat !important;
        background-size: contain;
        order: 2;
        justify-self: flex-end;
        margin-right: -36px;
    }

    .carousel .slick-next {
        background: url("../img/icons/carousel-next-icon.svg") center center no-repeat !important;
        background-size: contain;
        order: 4;
        justify-self: flex-start;
        margin-left: -36px;
    }

        .carousel .slick-prev::after,
        .carousel .slick-prev::before,
        .carousel .slick-next::after,
        .carousel .slick-next::before {
            display: none !important;
        }

/* Carrossel Prêmios */
.carousel-premios .premios-card {
    display: flex;
    flex-direction: column;
    max-width: 364px;
    border-radius: 2.4rem;
    background: transparent;
    overflow: hidden;
}

    .carousel-premios .premios-card .premios-card-thumbnail {
        max-width: 300px;
        margin: auto;
        text-align: center;
        margin: auto;
    }

    .carousel-premios .premios-card .premios-card-info {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        padding: 0rem 3rem;
        min-height: 120px;
        justify-content: space-around;
    }

        .carousel-premios .premios-card .premios-card-info.card-info2 {
            min-height: 50px;
            margin-top: 2rem;
        }

        .carousel-premios .premios-card .premios-card-info .premios-card-name {
            font-size: 2.5rem;
            font-style: normal;
            line-height: 110%;
            text-transform: uppercase;
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 600;
            text-align: center;
        }

            .carousel-premios .premios-card .premios-card-info .premios-card-name.card-name2 {
                font-size: 2rem;
                text-transform: none;
            }

                .carousel-premios .premios-card .premios-card-info .premios-card-name.card-name2 span {
                    background: var(--c-white);
                    color: var(--c-bluedark1);
                    padding: 0.2rem 1rem;
                    border-radius: 0.6rem;
                    margin: 0rem 0.7rem;
                }

        .carousel-premios .premios-card .premios-card-info .premios-card-description {
            font-size: 2rem;
            font-weight: 800;
            line-height: 1;
            color: var(--c-bluelight2);
            background: var(--c-bluedark1);
            padding: 2rem;
            display: block;
            text-transform: uppercase;
            text-align: center;
            border-radius: 1rem;
        }

        .carousel-premios .premios-card .premios-card-info .premios-buttom {
            text-align: right;
        }

.carousel-premios {
    grid-template-columns: 0.96fr 250px 1fr !important;
    /*grid-template-columns: 1fr 310px 1fr !important;*/
}

    .carousel-premios .slick-list {
        margin-bottom: 0rem !important;
    }

    .carousel-premios .slick-slide img,
    .carousel-premios .slick-slide .img-placeholder {
        width: 100%;
        max-width: 350px;
        transform: scale(1);
        margin: auto;
    }


/*TOOLTIP */
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "DINPro Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 1.4rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}

    .bs-tooltip-top .arrow,
    .bs-tooltip-auto[x-placement^="top"] .arrow {
        bottom: 0;
    }

        .bs-tooltip-top .arrow::before,
        .bs-tooltip-auto[x-placement^="top"] .arrow::before {
            top: 0;
            border-width: 0.4rem 0.4rem 0;
            border-top-color: #000000;
        }

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}

    .bs-tooltip-right .arrow,
    .bs-tooltip-auto[x-placement^="right"] .arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-right .arrow::before,
        .bs-tooltip-auto[x-placement^="right"] .arrow::before {
            right: 0;
            border-width: 0.4rem 0.4rem 0.4rem 0;
            border-right-color: #000000;
        }

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}

    .bs-tooltip-bottom .arrow,
    .bs-tooltip-auto[x-placement^="bottom"] .arrow {
        top: 0;
    }

        .bs-tooltip-bottom .arrow::before,
        .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
            bottom: 0;
            border-width: 0 0.4rem 0.4rem;
            border-bottom-color: #000000;
        }

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}

    .bs-tooltip-left .arrow,
    .bs-tooltip-auto[x-placement^="left"] .arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-left .arrow::before,
        .bs-tooltip-auto[x-placement^="left"] .arrow::before {
            left: 0;
            border-width: 0.4rem 0 0.4rem 0.4rem;
            border-left-color: #000000;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 1rem 1rem;
    color: #fff;
    text-align: center;
    background-color: #000000;
    border-radius: 0.6rem;
    border: 1px solid #000000;
}


/* SECTION - CADASTRO PESSOAL - SUCESSO */
.section.cadastrosucesso {
    position: relative;
    background: url(../img/bkg2_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.cadastrosucesso {
        background: url(../img/bkg2_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.cadastrosucesso .numerodasorte span {
    margin-bottom: 1rem;
    font-size: 4rem;
    font-style: normal;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 900;
    letter-spacing: 0px;
    color: var(--c-yellow1);
    text-align: center;
    text-shadow: -4px 3px var(--c-bluedark3);
}

/* SECTION - CADASTRO PESSOAL; */
.section.cadastro {
    position: relative;
    background: url(../img/bkg2_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.cadastro {
        background: url(../img/bkg2_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.cadastro .foto {
    position: absolute;
    z-index: 0;
    top: 0rem;
    left: -25%;
    width: 100%;
}

.section.cadastro .padding {
}

#cadastro .formulario {
    margin-top: 0rem;
    background: transparent;
}

    #cadastro .formulario .formsteps-buttons {
        text-align: center;
    }

    #cadastro .formulario .formsteps-btn-prev {
        padding: 1.4rem 6rem;
        background: var(--c-bluelight2);
    }

    #cadastro .formulario .formsteps-btn-next {
        padding: 1.4rem 6rem;
        color: var(--c-white);
        background: var(--c-yellow1);
    }

    #cadastro .formulario .formsteps-btn-finish {
        padding: 1.5rem 2.5rem 1.6rem 2.5rem;
    }

        #cadastro .formulario .formsteps-btn-prev:hover,
        #cadastro .formulario .formsteps-btn-prev:focus,
        #cadastro .formulario .formsteps-btn-next:hover,
        #cadastro .formulario .formsteps-btn-next:focus,
        #cadastro .formulario .formsteps-btn-finish:hover,
        #cadastro .formulario .formsteps-btn-finish:focus {
            /*    transform: scale(1.0)!important;*/
        }

@media (max-width: 991px) {
    #cadastro .header-section.left strong,
    #cadastro .header-section.right strong {
        font-size: 90px !important;
        margin-right: 0px !important;
    }

    #cadastro .formulario .formsteps-btn-prev {
        width: 100%;
    }

    #cadastro .formulario .formsteps-btn-next {
        width: 100%;
    }
}


/* SECTION - CADASTRO BOTIJÃO; */
.section.cadastroinicial {
    position: relative;
    overflow: hidden;
    background: url(../img/bkg2_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.cadastroinicial {
        background: url(../img/bkg2_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.cadastroinicial .padding {
    position: relative;
    width: 100%;
    padding: 7rem 3rem;
    padding-bottom: 0rem;
}

.section.cadastroinicial .form-control {
    text-align: center !important;
}

.section.cadastroinicial .float-placeholder {
    display: none;
}

.section.cadastroinicial [class*="vld-"] + .error {
    text-align: center !important;
}


/* SECTION - MEUS DADOS */
.section.meusdados {
    position: relative;
    background: url(../img/bkg2_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.meusdados {
        position: relative;
        background: url(../img/bkg2_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.meusdados .titulo-step {
    font-size: 20px !important;
    line-height: 25px !important;
    color: var(--c-white);
}

.section.meusdados .custom-checkbox .custom-control-label::before,
.section.cadastro .custom-checkbox .custom-control-label::before,
.section.cadastro-cupom .custom-checkbox .custom-control-label::before,
.section.duvidas .custom-checkbox .custom-control-label::before {
    background: #dfdfdf;
    color: var(--c-bluelight1);
    border: 1px solid #dfdfdf !important;
    width: 2.4rem;
    height: 2.4rem;
}

.section.meusdados .custom-control-input:checked ~ .custom-control-label::before,
.section.cadastro .custom-control-input:checked ~ .custom-control-label::before,
.section.cadastro-cupom .custom-control-input:checked ~ .custom-control-label::before,
.section.duvidas .custom-control-input:checked ~ .custom-control-label::before {
    color: var(--c-yellow1);
    background-color: var(--c-yellow1);
    border: 1px solid var(--c-yellow1) !important;
    z-index: 1;
}

.section.meusdados .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.section.cadastro .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.section.cadastro-cupom .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.section.duvidas .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    box-shadow: none !important;
    border-radius: 100px !important;
    border: 0px solid var(--c-bluelight2) !important;
}


/* SECTION - REGULAMENTOS */
.section.rtp {
    position: relative;
    background: url(../img/bkg1_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.rtp {
        position: relative;
        background: url(../img/bkg1_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.rtp#regulamentos {
    position: relative;
    background: url(../img/bkg1_1920.webp) center center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.rtp#regulamentos {
        position: relative;
        background: url(../img/bkg1_991.webp) center center no-repeat;
        background-size: cover;
    }
}

.section#regulamentos .header-section h2.rtp2 {
    color: #ffffff !important;
    color: #ffffff;
    text-shadow: -8px 6px 0px rgba(87, 0, 16, 1);
    width: 100%;
}

.section.rtp .box {
    background: var(--c-gray);
    padding: 20px;
    border-radius: 10px
}

.section.rtp .scroll-container {
    color: var(--c-white);
    margin: 0;
    min-height: 450px;
    font-size: 1.5rem;
    line-height: 140%;
    text-align: left;
    padding: 0px 20px 0px 10px;
    border-radius: 5px;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
}

.section.rtp .ipgs-theme-default .ipgs-stage {
    background-color: var(--c-white);
}

@media (max-width: 991px) {
    .section.rtp {
        position: relative;
        /*        background-color: var(--c-bluelight2);*/
    }

        .section.rtp .box {
            padding: 0px;
        }

        .section.rtp .scroll-container {
            text-transform: none;
            margin: 0px;
            min-height: 500px;
            font-size: 1.5rem;
            line-height: 140%;
            text-align: center;
            border: 0;
            max-height: 100%;
            overflow-y: unset;
            padding: 0px;
            border-radius: 7px;
        }
}

.section.rtp .link.divider::before {
    position: absolute;
    z-index: 1;
    right: -14px;
    top: -10px;
    content: "";
    width: 1px;
    height: 50px;
    border: 1px solid #BB9B5E;
}


@media (max-width: 991px) {
    .section.rtp .link {
        margin: 0;
        text-align: center;
        font-size: 25px;
        line-height: 25px;
        display: inherit;
        margin-bottom: 1rem;
    }

        .section.rtp .link.divider::before {
            display: none;
        }

    /*.section.rtp .btn {
        display: block;
        width: 100%;
        margin: 10px 0 0 0 !important;
    }*/
}


/* SECTION - DÚVIDAS */
.section.duvidas {
    position: relative;
    background: url(../img/bkg3_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.duvidas {
        background: url(../img/bkg3_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.duvidas .scroll-container {
    border: none;
    margin: 10px 0px 10px 0px;
    max-height: 400px;
    overflow-y: scroll;
    padding-right: 10px;
}


.section.duvidas .painel-busca {
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.section.duvidas .pesquisar {
    font-size: 1.5rem;
    line-height: 1.7rem;
    color: var(--c-white);
    margin: 0px 0 10px 0;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
}

.section.duvidas a {
    color: var(--c-yellow1) !important;
    text-decoration: underline;
}

    .section.duvidas a:hover {
        color: var(--c-yellow2) !important;
        text-decoration: none;
    }

.section.duvidas .faq-item {
    font-size: 1.8rem;
    line-height: 1.2;
    letter-spacing: 0px;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
    padding: 2rem 0rem 2rem 0rem;
    text-align: left;
    margin-top: 0px;
    color: var(--c-white);
    background: transparent;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

    .section.duvidas .faq-item:hover {
        color: var(--c-yellow1);
        /*background: transparent;*/
    }

    .section.duvidas .faq-item .faq-numero {
        color: var(--c-yellow1);
        /*    font-weight: 400;*/
        transition: all 0.2s ease-in-out;
        margin-right: .8rem;
    }

    .section.duvidas .faq-item:hover .faq-numero {
        color: var(--c-yellow1);
    }

.section.duvidas [aria-expanded="true"].faq-item,
.section.duvidas [aria-expanded="true"].faq-item .faq-numero {
    color: var(--c-yellow1);
    transition: all 0.3s ease-in-out;
}

.section.duvidas .faq-item:before {
    content: "\f107";
    font-family: 'FontAwesome', Arial, sans-serif;
    color: var(--c-bluedark1);
    background: var(--c-white);
    font-size: 1.8rem;
    line-height: 100%;
    position: relative;
    top: -7px;
    margin-right: 0rem;
    float: right;
    padding: 0.7rem 1rem 0.7rem 1rem;
    border-radius: 100px;
    font-style: normal;
    border: 0.3rem solid var(--c-white);
}

.section.duvidas .faq-item:hover::before {
    color: var(--c-bluedark1);
    background: var(--c-white);
    transition: all 0.3s ease-in-out;
}

.section.duvidas [aria-expanded="true"].faq-item:before {
    color: var(--c-bluedark1);
    background: var(--c-yellow1);
    border: 0.3rem solid var(--c-yellow1);
    content: "\f106";
    transition: all 0.3s ease-in-out;
}

.section.duvidas .faq-item + div {
    z-index: 1;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    margin-bottom: 0px;
    margin-top: 5px;
    text-align: left;
    width: 100%;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0;
    /*background: #1e1d1c;*/
    border-radius: 10px;
    font-style: inherit;
}

    .section.duvidas .faq-item + div strong {
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
    }


.section.duvidas [aria-expanded="true"].faq-item span {
    color: var(--c-white);
}

/* ---------- Correção do efeito de abrir e fechar o FAQ*/
.section.duvidas .faq-item + div {
    margin-top: 0px !important;
    padding: 0px !important;
}

    .section.duvidas .faq-item + div p {
        padding: 0rem 0rem 2rem 0rem;
        font-size: 1.7rem;
        line-height: 1.4;
        color: var(--c-white);
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
    }

    .section.duvidas .faq-item + div ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .section.duvidas .faq-item + div ul li {
            font-size: 1.5rem;
            line-height: 1.4;
            color: var(--c-white);
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 400;
        }

    .section.duvidas .faq-item + div p a {
        color: var(--c-white);
        text-decoration: underline;
    }

        .section.duvidas .faq-item + div p a:hover {
            color: var(--c-white);
            text-decoration: none;
        }

    .section.duvidas .faq-item + div table p {
        padding: 0.2rem 0rem 0.2rem 0rem;
        text-align: center;
        margin-bottom: 0;
    }

/* ---------- */

.section.duvidas .input-group > .custom-select:not(:last-child),
.section.duvidas .input-group > .form-control:not(:last-child) {
    padding: 1.1rem 2rem 1rem 2rem;
    height: auto;
    border-radius: 100rem;
    border: 0rem solid var(--c-yellow1);
    margin: 0rem 0rem 0rem 0rem;
    font-size: 1.3rem;
    line-height: 1;
    transform: none;
    font-weight: 400;
    color: var(--c-bluedark1);
    background: var(--c-white);
}

    .section.duvidas .input-group > .custom-select:not(:last-child)::placeholder,
    .section.duvidas .input-group > .form-control:not(:last-child)::placeholder {
        color: var(--c-bluedark1) !important;
    }

.section.duvidas .input-group-append {
    margin-left: -50px;
    z-index: 1;
}

.section.duvidas .no-results {
    padding: 2rem;
    border-radius: 0.7rem;
    font-size: 1.8rem;
    line-height: 1.4;
    color: white;
    border: 0px solid;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 800;
    background: var(--c-bluelight1);
    border-color: var(--c-white);
    margin-top: 25px;
    margin-bottom: 25px;
}

.section.duvidas .descricao {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: var(--c-white);
    text-transform: uppercase;
    margin-top: 40px;
}

    .section.duvidas .descricao a {
        color: var(--c-white);
        text-decoration: underline;
    }

        .section.duvidas .descricao a:hover {
            color: var(--c-white);
            text-decoration: none;
        }

@media (max-width: 991px) {
    .section.duvidas .descricao {
        font-size: 20px;
        line-height: 25px;
    }

    .section.duvidas .scroll-container {
        max-height: 100%;
        margin-top: 0px;
        overflow-y: inherit;
    }

    .section.duvidas .faq-item:before {
        margin-right: 0px;
        top: 2px;
    }

    .section.duvidas .faq-item + div p {
        font-size: 1.5rem;
        line-height: 20px;
        padding: 0px 1.5rem 0px 1.5rem;
    }

    .section.duvidas .painel-busca {
        width: 100%;
        margin-left: auto;
    }
}

.section.duvidas .box-contact {
    color: var(--c-white);
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 400;
    margin-top: 50px;
    margin-bottom: 0px;
    text-transform: none;
    background: #0000002e;
    padding: 2rem 4rem;
    border-radius: 1rem;
    display: inline-block;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
}

    .section.duvidas .box-contact .img-iconcontact {
        margin-right: 5px;
    }

    .section.duvidas .box-contact a {
        color: var(--c-white);
    }

    .section.duvidas .box-contact:hover .img-iconcontact {
        -webkit-animation-name: pulseFast;
        animation-name: pulseFast;
        animation-duration: 0.8s;
        animation-delay: 0.2s;
        animation-iteration-count: infinite;
        transition: all 0.3s ease-in-out !important;
    }

@media (max-width: 991px) {
    .section.duvidas .box-contact .img-iconcontact {
        margin-right: 0px;
        margin-bottom: 15px;
    }
}


/* FOOTER */
.footer {
    position: relative;
    padding: 0px;
    background: #090F20;
    background: -webkit-linear-gradient(90deg, rgba(9, 15, 32, 1) 0%, rgba(9, 29, 70, 1) 50%, rgba(9, 15, 32, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(9, 15, 32, 1) 0%, rgba(9, 29, 70, 1) 50%, rgba(9, 15, 32, 1) 100%);
    background: linear-gradient(90deg, rgba(9, 15, 32, 1) 0%, rgba(9, 29, 70, 1) 50%, rgba(9, 15, 32, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#090F20", endColorstr="#090F20", GradientType=1);
}

@media (max-width: 991px) {
    .footer {
        background: #00000040 !important;
    }
}

.footer .logos {
    position: relative;
    text-align: left;
    margin-bottom: 2rem;
}

    .footer .logos img {
        width: 100%;
        max-width: 250px;
    }

.footer .padding {
    max-width: 1366px;
    position: relative;
    padding: 4rem 3rem;
}

    .footer .padding.padding2 {
        /*    padding: 4rem 1.5rem 10rem 1.5rem!important;*/
    }

.footer .content-section {
    position: relative;
    margin: 0;
    height: auto;
}

.footer .texto-legal {
    margin: 0px;
    font-size: 1.5rem;
    line-height: 1.3;
    color: var(--c-white);
    font-weight: 400;
}

.footer .links {
    margin-bottom: 2rem;
}

    .footer .links a {
        font-family: 'DINPro', Arial, sans-serif;
        font-size: 1.5rem;
        font-weight: 900;
        font-style: normal;
        line-height: 1;
        color: var(--c-bluelight2);
        margin-right: 1.5rem;
        text-decoration: none;
        transition: all .3s ease;
        text-transform: uppercase;
        margin-left: 0rem !important;
        margin-right: 2rem !important;
    }

        .footer .links a:hover {
            color: var(--c-yellow1);
        }

@media (max-width: 991px) {
    .footer .links a {
        font-size: 1.8rem;
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
}

.footer .texto-legal a {
    font-family: 'DINPro', Arial, sans-serif;
    text-transform: none;
    text-decoration: underline;
    color: var(--c-white);
}

    .footer .texto-legal a:hover {
        text-decoration: none;
        color: var(--c-white);
    }

.footer .titulo {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 110%;
    margin-bottom: 1rem;
    color: var(--c-black);
}

.footer .redes {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    margin-top: 20px;
}

@media (max-width: 991px) {
    .footer .redes {
        justify-content: left !important;
    }
}

.footer .redes a.icone-redes {
    font-size: 2rem;
    font-weight: 800;
    line-height: 100%;
    background: transparent;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 100px;
    margin: 1px;
    display: flex;
    gap: 8px;
    align-items: center;
    transition: all 0.3s ease;
    color: var(--c-bluelight1);
}

    .footer .redes a.icone-redes svg {
        height: 28px;
        width: 28px;
        top: 3px;
        position: relative;
        vertical-align: unset;
        fill: var(--c-bluelight1);
    }

    .footer .redes a.icone-redes:hover {
        transform: scale(1.1);
        color: var(--c-bluelight2);
    }

    .footer .redes a.icone-redes i {
        color: #BBBBBB;
        font-size: 3.5rem;
        line-height: 100%;
        transition: all 0.3s ease-in-out;
    }

        .footer .redes a.icone-redes i:hover {
            color: var(--c-bluelight2);
            transform: scale(1.2);
            transition: all 0.3s ease-in-out;
        }

.icone-redes img.icone-tiktok {
    max-width: 20px;
    display: block;
    top: 2px;
    position: absolute;
}

.footer.tarja {
    position: relative;
    background: var(--c-bluedark3);
    max-width: 1366px;
    padding: 0rem;
    margin: auto;
    width: 100%;
    max-width: 100%;
}

    .footer.tarja .padding {
        padding: 2rem 3rem 1.7rem 3rem;
    }

    .footer.tarja .footer-tarja-container {
        display: flex;
        gap: 2rem;
        justify-content: space-between;
    }

        .footer.tarja .footer-tarja-container .links-legais span {
            font-size: 1.3rem;
            top: 3px;
            position: relative;
        }

        .footer.tarja .footer-tarja-container .links-legais p {
            font-size: 1.6rem;
            line-height: 1;
            height: fit-content;
            margin: auto 0;
            display: inline-flex;
            gap: 0.6rem;
        }

            .footer.tarja .footer-tarja-container .links-legais p a {
                text-decoration: none;
            }

                .footer.tarja .footer-tarja-container .links-legais p a:hover {
                    text-decoration: underline;
                }


        .footer.tarja .footer-tarja-container .links-acessos {
            line-height: 1;
            height: fit-content;
            margin: auto 0;
            display: inline-flex;
            gap: 0.6rem;
        }

            .footer.tarja .footer-tarja-container .links-acessos p {
                font-size: 1.6rem;
                line-height: 1;
                height: fit-content;
                margin: auto 0;
                display: inline-flex;
                gap: 1.1rem;
            }

            .footer.tarja .footer-tarja-container .links-acessos i {
                position: relative;
                font-size: 2.1rem;
                top: -1px;
            }

                .footer.tarja .footer-tarja-container .links-acessos i.fa.fa-linkedin {
                    position: relative;
                    top: -2px;
                }

                .footer.tarja .footer-tarja-container .links-acessos i.fa.fa-facebook {
                    background: white;
                    padding: 0.6rem 0.6rem 0rem 0.6rem;
                    border-radius: 100rem;
                    color: var(--c-bluedark1);
                    font-size: 1.8rem;
                    line-height: 0.8;
                }


@media (max-width: 991px) {
    .footer {
        position: relative;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
    }

        .footer .padding {
            margin: 0 auto;
            padding: 3rem 3rem;
        }

        .footer .logo-marca {
            margin-top: 20px;
            margin-bottom: 20px;
        }

            .footer .logo-marca img {
                width: 100%;
                max-width: 100%;
            }

        .footer .links {
            text-align: left !important;
            margin: auto;
            display: inline-grid;
            width: 100%;
            text-align: center;
            margin-bottom: 0 !important;
        }

        .footer a {
            margin-bottom: 0px;
            margin-left: 0px;
            font-size: 22px;
            line-height: 30px;
        }

        .footer .texto-legal {
            font-size: 1.5rem;
            margin-top: 3rem !important;
        }

            .footer .texto-legal,
            .footer .texto-legal a {
                font-size: 1.5rem;
                line-height: 1.4;
                width: 100%;
                text-align: left !important;
            }

        .footer .redes {
            position: relative;
            margin-top: 3rem;
            margin-bottom: 0rem;
            text-align: left;
        }

            .footer .redes svg {
                width: 100%;
                max-width: 170px;
            }

        .footer.tarja {
            display: none;
        }

            .footer.tarja .descricao {
                font-size: 1.5rem;
                line-height: 18px;
                text-transform: uppercase;
                margin-top: 10px;
                margin-bottom: 1rem;
                margin-left: 0px;
                margin-right: 0px;
            }

        .footer .padding .logo {
            margin-top: 0rem;
        }

        .footer.tarja .padding .btn {
            font-size: 1.6rem;
            line-height: inherit;
        }

        .footer.tarja .logo {
            text-align: center;
        }

            .footer.tarja .logo img {
                max-width: 70% !important;
            }
}



/*  COMPONENTES FORMULÁRIO  */
.form-control {
    padding: 1.2rem 2rem 1.2rem 2rem;
    height: auto;
    border-radius: 0.7rem;
    border: none;
    margin: 20px 0px 4px 0px;
    font-size: 1.7rem;
    line-height: 1;
    color: var(--c-bluedark1);
    background: var(--c-white);
    font-weight: 400;
}

.form-control2 {
    border: 0px solid var(--c-yellow1) !important;
    /*border-radius: 12px;*/
    background: var(--c-bluedark3) !important;
    color: var(--c-white) !important;
}

    .form-control2::placeholder {
        color: var(--c-white) !important;
        text-transform: none;
        font-weight: 600;
    }

.eye.form-control2 [data-togglepassword] {
    color: var(--c-yellow1) !important;
}

    .eye.form-control2 [data-togglepassword]:hover {
        color: var(--c-yellow1) !important;
    }

.form-control:focus {
    padding: 1.2rem 2rem 1.2rem 2rem;
    height: auto;
    border-radius: 0.7rem;
    border: none;
    margin: 20px 0px 4px 0px;
    font-size: 1.7rem;
    line-height: 1;
    color: var(--c-bluedark1);
    background: var(--c-white);
    font-weight: 400;
}

select.form-control {
    padding: 1.2rem 2rem 1.2rem 2rem;
    height: auto;
    border-radius: 0.7rem;
    border: none;
    margin: 20px 0px 4px 0px;
    font-size: 1.7rem;
    line-height: 1;
    color: var(--c-bluedark1);
    background: var(--c-white);
    font-weight: 400;
}

    select.form-control:focus {
        padding: 1.2rem 2rem 1.2rem 2rem;
        height: auto;
        border-radius: 0.7rem;
        border: none;
        margin: 20px 0px 4px 0px;
        font-size: 1.7rem;
        line-height: 1;
        color: var(--c-bluedark1);
        background: var(--c-white);
        font-weight: 400;
    }

input.form-control:focus {
    padding: 1.2rem 2rem 1.2rem 2rem;
    height: auto;
    border-radius: 0.7rem;
    border: none;
    margin: 20px 0px 4px 0px;
    font-size: 1.7rem;
    line-height: 1;
    color: var(--c-bluedark1);
    background: var(--c-white);
    font-weight: 400;
}

.form-control:disabled,
.form-control[readonly] {
    /*background: var(--c-bluelight2);*/
    opacity: 0.4;
}

.form-control + .input-group-append > .input-group-text {
    font-size: 1.4rem;
    line-height: 1;
    color: var(--c-bluedark1);
    background: transparent;
    border: none;
}

textarea.form-control {
    resize: none;
    padding: 1.8rem 2rem 1.6rem 2rem;
    height: auto;
    border-radius: 0.7rem;
    border: 0px solid var(--c-bluelight1);
    margin: 20px 0px 4px 0px;
    font-size: 1.6rem;
    line-height: 1;
    color: var(--c-bluedark1);
    background: var(--c-white);
    font-weight: 400;
    transform: none !important;
}

    textarea.form-control::placeholder {
        color: var(--c-bluelight1) !important;
        text-transform: uppercase !important;
        font-weight: 700;
    }


    textarea.form-control:focus {
        resize: none;
        padding: 1.8rem 2rem 1.6rem 2rem;
        height: auto;
        border-radius: 0.7rem;
        border: 0px solid var(--c-bluelight1);
        margin: 20px 0px 4px 0px;
        font-size: 1.6rem;
        line-height: 1;
        color: var(--c-bluedark1);
        background: var(--c-white);
        font-weight: 400;
        transform: none !important;
    }

.float-placeholder {
    font-family: 'DINPro', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 800;
    font-style: normal;
    line-height: 1;
    color: var(--c-white);
    background: transparent;
    border-radius: 100rem;
    z-index: 2;
    padding: 0rem 0rem 0.1rem 0rem;
    display: block;
    position: absolute;
    top: 3px;
    left: 2.5rem;
    letter-spacing: 0px;
    text-transform: none;
}

.form-check-label {
    color: var(--c-bluelight1);
    font-size: 1.7rem;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
}

.custom-control-label {
    color: var(--c-white);
    padding: 0.5rem 0 0 2rem;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 400;
}

@media (max-width: 991px) {
    .custom-control-label {
        padding: 0.2rem 0 0 2rem;
        font-size: 1.7rem;
        line-height: 1.3;
    }
}


/* Personalizados */
/*.section.cadastro .form-control {
    background: #f7f7f7;
}
.section.cadastro .select.form-control {
    background: #f7f7f7;
}

.section.login .form-control {
    background: #f7f7f7;
}
.section.login .float-placeholder {
    display: none;
}*/


/*Checkbox dos aceites*/
.custom-control-label::before,
.custom-control-label:focus {
    box-shadow: none !important;
    border-radius: 100px !important;
    border: 0px solid var(--c-bluelight1) !important;
}

.custom-control-label::before {
    border: none;
    width: 1.5rem;
    height: 1.3rem;
    top: 0.15rem;
}

.custom-control-label::after {
    border: none;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.15rem;
}

.custom-checkbox .custom-control-label::before {
    background: var(--c-white);
    color: var(--c-form);
    border: 1px solid var(--c-bluelight1) !important;
    width: 1.5rem;
    height: 1.5rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: var(--c-bluelight2);
    background-color: var(--c-bluelight2);
    border: 1px solid var(--c-bluelight2) !important;
    z-index: 1;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    box-shadow: none !important;
    border-radius: 100px !important;
    border: 0px solid var(--c-bluelight1) !important;
}

.custom-control-label a {
    text-decoration: underline;
    color: var(--c-white);
}

    .custom-control-label a:hover {
        text-decoration: none;
        color: var(--c-white);
    }

[class*="vld-"] + .error {
    text-align: left;
    display: block;
    width: 100%;
    font-size: 1.3rem;
    font-weight: 800;
    font-style: normal;
    line-height: 1;
    font-family: 'DINPro', Arial, sans-serif;
    margin-top: 1px;
    margin-bottom: 0.8rem !important;
    padding: 0rem;
    background: transparent;
    color: var(--c-error1);
}

label.error {
    text-align: left;
    display: block;
    width: 100%;
    font-size: 1.3rem;
    font-weight: 800;
    font-style: normal;
    line-height: 1;
    font-family: 'DINPro', Arial, sans-serif;
    margin-top: 1px;
    margin-bottom: 0px !important;
    padding: 0rem;
    background: transparent;
    color: var(--c-error1);
}

label#AceiteRegulamento-error,
label#AceitePrivacidade-error,
label#AceiteContato-error {
    color: var(--c-error1);
    padding-left: 0.7rem;
    padding-top: 0.6rem;
}




/* COMPONENTES FORMULÁRIO */
/* Regras de senha personalizadas */
#Senha:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#Senha ~ .senha-regras,
#Senha.valid:not(:focus) ~ .senha-regras {
    display: none;
}

#Senha:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#Senha ~ .senha-regras {
    display: none;
}

#Senha1:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#Senha1 ~ .senha-regras,
#Senha1.valid:not(:focus) ~ .senha-regras {
    display: none;
}

#Senha1:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#Senha1 ~ .senha-regras {
    display: none;
}

#Senha2:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#Senha2 ~ .senha-regras,
#Senha2.valid:not(:focus) ~ .senha-regras {
    display: none;
}

#Senha2:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#Senha2 ~ .senha-regras {
    display: none;
}

#Senha3:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#Senha3 ~ .senha-regras,
#Senha3.valid:not(:focus) ~ .senha-regras {
    display: none;
}

#Senha3:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#Senha3 ~ .senha-regras {
    display: none;
}

#NovaSenha:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#NovaSenha ~ .senha-regras,
#NovaSenha.valid:not(:focus) ~ .senha-regras {
    display: none;
}

#NovaSenha:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#NovaSenha ~ .senha-regras {
    display: none;
}

#txtSenhaNova:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#txtSenhaNova ~ .senha-regras,
#txtSenhaNova.valid:not(:focus) ~ .senha-regras {
    display: none;
}

#txtSenhaNova:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#txtSenhaNova ~ .senha-regras {
    display: none;
}

#txtSenha:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#txtSenha ~ .senha-regras,
#txtSenha.valid:not(:focus) ~ .senha-regras {
    display: none;
}

#txtSenha:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#txtSenha ~ .senha-regras {
    display: none;
}

#txtNovaSenha:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#txtNovaSenha ~ .senha-regras,
#txtNovaSenha.valid:not(:focus) ~ .senha-regras {
    display: none;
}

#txtNovaSenha:not([data-senha-vazio]) ~ .senha-regras,
[data-senha-vazio="true"]#txtNovaSenha ~ .senha-regras {
    display: none;
}

.senha-regras {
    text-align: left;
    font-size: 1.3rem;
    background-color: var(--c-gray);
    border: none;
    border-radius: 10px 10px 10px 10px;
    position: absolute;
    z-index: 999;
    width: 195px;
    padding: 1.5rem 10px 1.5rem 10px;
    margin-top: 0px;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
}

@media (max-width: 991px) {
    .senha-regras {
        font-size: 1.5rem;
    }
}

.senha-regras::before {
    content: "\edc4";
    font-family: 'icomoon', Arial, sans-serif;
    width: 35px;
    height: 12px;
    text-align: center;
    font-size: 30px;
    line-height: 100%;
    border-radius: 0;
    margin-right: 0px;
    display: inline-block;
    background: transparent;
    color: var(--c-white);
    position: absolute;
    top: -18px;
    left: 3px;
    z-index: 1;
}

.senha-regras > div {
    padding: 0.2rem;
    color: var(--c-black);
}

    .senha-regras > div:before {
        content: "\e601";
        font-family: 'icomoon', Arial, sans-serif;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 16px;
        border-radius: 50%;
        margin-right: 10px;
        display: inline-block;
        /* background: #ffffff; */
        background: #ccc;
        /* color: var(--c-white); */
        color: #ccc;
    }

[data-senha-maiusculas="true"] ~ .senha-regras .regra-maiusculas:before {
    color: transparent;
    background: #4caf50;
    /*    background: var(--c-bluelight1);*/
}

[data-senha-minusculas="true"] ~ .senha-regras .regra-minusculas:before {
    color: transparent;
    background: #4caf50;
    /*    background: var(--c-bluelight1);*/
}

[data-senha-numeros="true"] ~ .senha-regras .regra-numeros:before {
    color: transparent;
    background: #4caf50;
    /*    background: var(--c-bluelight1);*/
}

[data-senha-especiais="true"] ~ .senha-regras .regra-especiais:before {
    color: transparent;
    background: #4caf50;
    /*    background: var(--c-bluelight1);*/
}

[data-senha-tamanho="true"] ~ .senha-regras .regra-tamanho:before {
    color: transparent;
    background: #4caf50;
    /*    background: var(--c-bluelight1);*/
}


/*Olho Senha*/
.eye {
    margin: auto;
    display: inherit;
}

    .eye [data-togglepassword] {
        height: 25px;
        width: 25px;
        line-height: 25px;
        text-decoration: none !important;
        position: absolute;
        color: var(--c-yellow1);
        top: 30px;
        right: 30px;
        z-index: 1;
        font-size: 2rem;
        cursor: pointer;
        transition: all .3s ease;
    }

        .eye [data-togglepassword]:hover {
            color: var(--c-yellow2);
            text-decoration: none !important;
            transition: all .3s ease;
        }

        .eye [data-togglepassword] .password-hide {
            text-decoration: none !important;
        }

@media (max-width: 991px) {
    .eye {
        top: 2px;
        right: 20px;
        position: absolute;
    }

        .eye [data-togglepassword] {
            text-align: center;
            width: 100%;
            font-size: 20px;
            height: 20px;
            line-height: 25px;
            top: 25px;
            right: 30px;
        }
}


/* Formulario progresso */
@media (max-width: 991px) {
    #frm-cadastro {
        margin: 0 auto;
        width: 100% !important;
    }

        #frm-cadastro [data-step] {
            /*padding: 20px 20px;*/
            padding: 0px;
        }
}

@media (max-width: 768px) {
    #frm-cadastro {
        width: 90%;
    }
}

#frm-cadastrar:not(.carregando) .formulario-carregando {
    display: none;
}

.formulario-carregando {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

    .formulario-carregando > div {
        display: inline-block;
        position: absolute;
        width: 200px;
        height: 200px;
        top: calc(50% - 100px);
        left: calc(50% - 100px);
    }

        .formulario-carregando > div div {
            position: absolute;
            border: 4px solid #313131;
            opacity: 1;
            border-radius: 50%;
            animation: formulario-carregando 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
        }

            .formulario-carregando > div div:nth-child(2) {
                animation-delay: -0.5s;
            }

@keyframes formulario-carregando {
    0% {
        top: 96px;
        left: 96px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 192px;
        height: 192px;
        opacity: 0;
    }
}

form label {
}

label#erroValor.error,
label#erroQuantidade.error,
label#erroProduto.error {
    text-align: left;
    display: block;
    width: 100%;
    margin-top: 3px;
    font-size: 12px !important;
    line-height: 12px !important;
    padding: 0px 1.5rem 3px 1.5rem !important;
    background: transparent;
    color: #ed3f32;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
}

/* Formulario steps */

[data-plugin="formsteps"]:not(.plugin-loaded) {
    display: none;
}

[data-plugin="upload"] .upload-preview {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    background-size: cover;
    background-position: center !important;
}

[data-tbitems="Produtos"] tbody td {
    background: white;
}

[data-tbitems="Produtos"][data-items="0"] thead {
    display: none;
}

[data-plugin="tbitems"]:not(.plugin-loaded) {
    display: none;
}

@media (max-width: 991px) {
    #frm-cadastrocupom table.table tbody td {
        display: block;
        border: none;
        /*        background: var(--c-bluelight2);*/
        border-radius: 0;
        padding: 20px;
    }
}


/* SECTION - GANHADORES */
.section.ganhadores {
    position: relative;
    background: url(../img/bkg3_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.ganhadores {
        background: url(../img/bkg2_1991.webp) top center no-repeat;
        background-size: cover;
    }

    .tab-btn .btn {
        width: inherit;
    }
}

.section.ganhadores .content-section {
    width: 100%;
    margin: auto;
}

.section.ganhadores .box {
    position: relative;
    background: url(../img/bkg-ganhador.webp) top center no-repeat;
    background-size: 100% 100%;
    max-width: 600px;
    min-height: 263px;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 25%;
    margin-bottom: 4rem;
    cursor: pointer;
}

    .section.ganhadores .box .content {
        position: relative;
        display: flex;
        flex-direction: column;
    }

        .section.ganhadores .box .content span.title {
            position: relative;
            display: inline-block;
            font-size: 1.7rem;
            line-height: 1;
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 400;
            color: var(--c-bluelight2);
            padding: 0rem 0rem 0.5rem 0rem;
            text-align: left;
            transition: all 0.2s ease-in-out;
        }

    .section.ganhadores .box:hover .content span.title {
        color: var(--c-bluelight1);
        transition: all 0.2s ease-in-out;
    }

    .section.ganhadores .box .content span.description {
        position: relative;
        display: inline-block;
        font-size: 2.5rem;
        line-height: 1;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
        color: var(--c-white);
        padding: 0rem 0rem 2rem 0rem;
        text-align: left;
        transition: all 0.7s ease-in-out;
    }

.section.ganhadores .input-group > .custom-select:not(:last-child),
.section.ganhadores .input-group > .form-control:not(:last-child) {
    /*padding: 1.6rem 1.5rem 1.2rem 1.5rem;*/
    height: auto;
    border-radius: 0.7rem 0rem 0rem 0.7rem;
    border: none;
    margin: 12px 0px 6px 0px;
    font-size: 1.4rem;
    line-height: 1;
    background: var(--c-gray);
}

.section.ganhadores .float-placeholder {
    display: none;
}

.section.ganhadores .no-results {
    padding: 2rem;
    border-radius: 0.7rem;
    font-size: 1.6rem;
    line-height: 1.4;
    color: var(--c-white);
    border: 1px solid;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    background: var(--c-bluelight1);
    border-color: var(--c-bluelight1);
    margin-top: 5px;
}

/* Filtro letra */
.section#ganhadores button.btn {
    position: relative;
    font-size: 1.5rem;
    line-height: 18px;
    margin: 3px 1px;
    width: 28px;
    height: 28px;
    border-radius: 100px;
    background: var(--c-bluelight1);
    color: var(--c-white);
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 800 !important;
    font-style: normal !important;
    opacity: 1;
    border-color: #ffffff !important;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-weight: inherit;
    text-align: center;
    vertical-align: middle;
    padding: 0.5rem 0.45rem;
}

    .section#ganhadores button.btn.active {
        background: var(--c-yellow1);
        color: var(--c-white);
        opacity: 1;
        border-color: #ffffff !important;
    }

.section#ganhadores .btn.disabled,
.section#ganhadores .btn:disabled {
    opacity: 0.15;
    background: #000000;
    color: #f9f9f9;
}


@media (min-width: 992px) and (max-width: 1149px) {
    .section#ganhadores .scroll-container {
        margin: 35px 0;
        max-height: 255px;
    }
}

@media (max-width: 991px) {
    .section#ganhadores .padding {
    }

    .section#ganhadores .conteudo {
        position: relative;
        padding: 1rem;
        height: inherit;
        background: transparent;
        background-size: 100% auto;
    }

    /*.section#ganhadores table.table .title-table-mobile {
        padding: 0rem 2.5rem !important;
    }*/

    /*.section#ganhadores table.table tbody td {
        padding: 0.65rem 0.65rem 0rem 0.65rem !important;
    }*/

    /*.section#ganhadores table.table tbody tr td:last-child {
        padding: 0.65rem 0.65rem 2rem 0.65rem !important;
    }*/
}


/* SECTION - MINHAS PARTICIPAÇÕES */
.section.minhasparticipacoes {
    position: relative;
    background: url(../img/bkg2_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.minhasparticipacoes {
        background: url(../img/bkg2_991.webp) top center no-repeat;
        background-size: cover;
    }
}


/*SECTION - ESQUECI MINHA SENHA */
.section.redefinirsenha {
    position: relative;
    background: url(../img/bkg2_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.redefinirsenha {
        background: url(../img/bkg2_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.redefinirsenha .content-section {
    width: 85%;
    margin: auto;
}

@media (max-width: 991px) {
    .modal.popup-esquecisenha .btn {
        margin-top: 10px;
    }

    .modal.popup-esquecisenha .titulo span img,
    .modal.popup-esquecisenhasucesso .titulo span img {
        top: 26px !important;
    }

    .modal.popup-esquecisenhasucesso .descricao a {
        font-size: 13px;
        line-height: 1.5rem;
    }
}




/* Tabelas 

/*Tabelas - Protótipo base*/
table.table {
    border-collapse: separate;
    border-spacing: 0rem 0rem !important;
}

    table.table tr {
        transition: all 0.3s ease-in-out;
    }

        table.table tr:hover {
            transform: scale(1);
            transition: all 0.3s ease-in-out;
            cursor: pointer;
        }

    table.table thead tr:hover {
        transform: scale(1);
    }

    table.table th {
        color: var(--c-bluelight2);
        background: var(--c-bluelight2);
    }
    /**/
    table.table td,
    table.table th {
        font-size: 1.6rem;
        font-weight: 800;
        line-height: 1;
        color: var(--c-white);
        background: var(--c-bluelight1);
        padding: 2.2rem 1.5rem;
        text-transform: uppercase;
        border: 0 !important;
        border-radius: 0;
    }

    table.table tbody td {
        position: relative;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1;
        border: none;
        padding: 2.2rem 1rem;
        border-radius: 0rem;
        vertical-align: middle;
        color: var(--c-white);
        /*background: var(--c-bluedark2);*/
        background: rgb(9 19 47 / 66%);
        text-transform: none;
    }

        table.table tbody td span.validado {
            font-weight: 800;
            color: var(--c-white);
        }

        table.table tbody td span.emvalidacao {
            font-weight: 800;
            color: var(--c-white);
        }

    table.table tbody tr:nth-child(even) td {
        color: var(--c-white);
        /*background: var(--c-bluedark2);*/
        background: rgb(9 19 47 / 66%);
    }

    table.table .title-table-mobile {
        display: none;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.8;
        border-radius: 100px;
        padding: 0rem 2.5rem 1rem 2.5rem;
        background: transparent;
        color: var(--c-bluelight1);
    }

    table.table .filter-result {
        display: inline-block;
    }

    table.table .th-header {
        cursor: pointer;
        position: relative;
    }

        table.table .th-header:hover {
            opacity: 0.9;
        }

        table.table .th-header.headerSortDown::after {
            position: absolute;
            right: 10px;
            content: '\e9c5';
            font-family: 'icomoon', Arial, sans-serif;
            font-size: 25px;
            line-height: 25px;
            color: #FFFFFF;
        }

        table.table .th-header.headerSortUp::after {
            position: absolute;
            right: 10px;
            content: '\e9c6';
            font-family: 'icomoon', Arial, sans-serif;
            font-size: 25px;
            line-height: 25px;
            color: #FFFFFF;
        }

.table .thead-dark th {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1;
    color: var(--c-white);
    background: var(--c-bluelight1);
    padding: 2.2rem 1.5rem;
    text-transform: uppercase;
    border: 0 !important;
    border-radius: 0;
}

/*.table .thead-dark th:first-child {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.table .thead-dark th:last-child {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

table.table tbody tr td:first-child {
    border-top-left-radius: 1rem!important;
    border-bottom-left-radius: 1rem!important;
}

table.table tbody tr td:last-child {
    border-top-right-radius: 1rem!important;
    border-bottom-right-radius: 1rem!important;
}*/

table.table tbody td .contemplado {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    color: var(--c-check);
    line-height: 1.5;
}

table.table tbody td .naocontemplado {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    color: var(--c-black);
}

table.table tbody td .reprovado {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    color: var(--c-error1);
}

table.table tbody td .aguardando {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    color: #313131;
}

table.table tbody td i {
    font-size: 2rem;
    top: 2px;
    left: 2px;
    position: relative;
}

    table.table tbody td i:hover {
        color: var(--c-bluelight2);
    }

    table.table tbody td i.icon-cross2:before {
        display: none;
    }




@media (max-width: 991px) {

    /* Base protótipo */
    .main .header .content {
        width: auto;
    }

    .main .section .content {
        width: auto;
    }

    .main .footer .content {
        width: auto;
    }

    /* Tabela */
    table.table {
        border-spacing: 0rem 0rem !important;
    }

        table.table .title-table-mobile {
            display: inline-block !important;
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 800;
            font-size: 1.7rem;
            line-height: 1;
            border-radius: 0.6rem;
            padding: 1.3rem 2rem 1.3rem 2rem;
            background: var(--c-bluelight2);
            color: white;
            margin-bottom: 1.1rem;
            text-transform: uppercase;
        }

        table.table td,
        table.table th {
            border: 0;
        }

        table.table thead {
            display: none;
        }

        table.table tbody td {
            display: block;
            border: none;
            border-radius: 0px;
            padding: 2rem 2.5rem 2rem 2.5rem;
        }

        /*table.table tr {
        background: #df3e0d;
    }*/

        table.table tr:first-child {
            background: var(--c-bluedark1);
        }

        table.table tbody tr:nth-child(even) td {
            background: var(--c-bluedark3);
            ;
        }
}

.table th.sort {
    cursor: pointer;
}

    .table th.sort.asc:after {
        padding-left: 10px;
        display: inline-block;
        content: "\f0d8";
        font-family: 'FontAwesome', Arial, sans-serif;
    }

    .table th.sort.desc:after {
        padding-left: 10px;
        display: inline-block;
        content: "\f0d7";
        font-family: 'FontAwesome', Arial, sans-serif;
    }


/*Tela de Erro*/
#erro {
    position: relative;
    height: 100%;
}

    #erro .selo-geral {
        /*        left: 6%;*/
    }

    #erro .contagem {
        position: relative;
        z-index: 1;
    }

@media (max-width: 991px) {
    #erro .contagem {
        position: relative;
        display: inline-block;
        margin-top: 4%;
        right: inherit;
        max-width: 450px;
        z-index: 1;
    }
}

#erro .title {
    font-family: 'DINPro', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 0px;
    color: var(--c-white);
}

@media (max-width: 991px) {
    #erro .title {
        font-size: 2.5rem !important;
        line-height: 1.2 !important;
    }
}

#erro .padding {
    max-width: 1366px;
}

#erro .content-section {
    position: relative;
    height: 100%;
}

#erro .header-section {
    margin-bottom: 0px;
}

@media (min-width: 320px) and (max-width: 374px) {
    #erro .content-section {
        height: 533px !important;
    }
}

@media (min-width: 375px) and (max-width: 413px) {
    #erro .content-section {
        height: 777px !important;
    }
}

@media (min-width: 375px) and (height: 667px) {
    #erro .content-section {
        height: 822px !important;
    }
}

#erro .logo-promocao {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

    #erro .logo-promocao img {
        width: 100%;
        max-width: 550px;
    }

.section.inicio.aguarde .foto {
    top: 0rem;
    right: -4%;
    width: 55%;
}

.section.inicio.aguarde .premiacao {
    margin-bottom: 0%;
}

@media (max-width: 991px) {
    .section.inicio.aguarde .foto {
        top: -5rem;
        right: inherit;
        width: 150%;
        left: -5%;
    }

    .section.inicio.aguarde .premiacao {
        margin-bottom: 0%;
    }
}

.section#erro .chamada img {
    max-width: 350px;
}

.section.aguarde .logopromocao .img-logopromocao {
    position: relative;
    max-width: 100%;
}

.section#erro .aguarde {
    position: absolute;
    z-index: 3;
    top: 60%;
    left: 5%;
    width: 36%;
}

    .section#erro .aguarde .img-aguarde {
        width: 100%;
        transition: all 0.3s ease-in-out;
    }

.section.aguarde .header-section h1 {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    color: var(--c-white);
    font-size: 3.5rem;
    line-height: 120%;
}

.section.aguarde .icone-aguarde1 {
    position: absolute;
    top: 0%;
    left: -7%;
}

    .section.aguarde .icone-aguarde1 img {
        max-width: 100%
    }

.section.aguarde .icone-aguarde2 {
    position: absolute;
    top: 0%;
    right: -7%;
}

    .section.aguarde .icone-aguarde2 img {
        max-width: 100%
    }

.section.aguarde h2.titulo.tituloaguarde {
    font-style: italic !important;
    text-transform: none !important;
    font-size: 60px !important;
    line-height: 60px !important;
}

@media (max-width: 412px) {
    .section.aguarde h2.titulo.tituloaguarde {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    .section.aguarde .header-section h1 {
        font-size: 25px;
        line-height: 120%;
        margin-top: -40px !important;
        margin-bottom: 5px !important;
    }

    .section.aguarde .logopromocao {
        margin-top: 30px;
    }
}


@media (max-width: 991px) {
    .section#erro .aguarde {
        position: absolute;
        z-index: 3;
        top: 28%;
        left: 5%;
        width: 86%;
    }

        .section#erro .aguarde .img-aguarde {
            width: 100%;
            transition: all 0.3s ease-in-out;
        }

    .section#erro .logopromocao {
        width: 100% !important;
    }

    #erro .header-section {
        margin-top: 30px;
    }
}

#erro .titulo {
    position: relative;
    font-size: 3.5rem;
    line-height: 40px;
    color: var(--c-white);
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

#erro .texto {
    position: relative;
    font-size: 20px;
    line-height: 25px;
    color: var(--c-white);
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
}

    #erro .texto span {
    }

#erro .call-to-action {
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    #erro .content-section {
        /*height: 100vh !important;*/
    }

    #erro .titulo {
    }

    #erro .texto {
        position: relative;
        font-size: 20px;
        line-height: 25px;
    }

    #erro .titulo {
        margin-bottom: 10px !important;
    }
}

/* Faixa de encerramento da promocão */
.encerramento {
    display: none !important;
    position: fixed;
    z-index: 99999999;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem 3rem;
    text-align: center;
    font-weight: 400;
    line-height: 100%;
    color: var(--c-white);
    background: var(--c-error1);
    font-family: 'DINPro', Arial, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.7rem;
    line-height: 1.3;
    font-weight: 800;
}

    .encerramento i {
        color: var(--c-white);
        display: block;
        margin-bottom: 1rem;
        display: none;
    }

    .encerramento[data-enable-shutdown='false'] {
        display: none !important;
    }

    .encerramento[data-enable-shutdown='true'] {
        display: block !important;
    }

@media (max-width: 991px) {
    .encerramento i {
        margin-bottom: 1.5rem;
    }
}

[class*="vld-"] + .select2 + .error {
    text-align: left;
    display: inline-block;
    width: 100%;
    margin-top: 3px;
    font-size: 1.5rem !important;
    line-height: 1.5rem !important;
    padding: 5px 1.5rem 7px 1.5rem !important;
    background: #d30c0c;
    border-radius: 4px !important;
    color: var(--c-white);
    font-family: 'Knockout-HTF29', Arial, sans-serif;
    margin-bottom: 7px;
}

[class*="vld-"] + .select2 + .error {
    font-size: 12px;
    line-height: 12px;
    color: #fff4fa;
    display: block;
    background: red;
    padding: 8px 1.5rem;
    border-radius: 11px 0px 10px 0px;
}

[class*="vld-"]:not(.error) + .select2 + .error {
    display: none;
}


/*PDF*/
.rtp .panel {
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    padding: 1.5rem;
    border: 0;
    border-radius: 10px;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    background: #ffffff;
    min-height: 200px;
}

.rtp .loading {
    color: #000000 !important;
}

    .rtp .loading i[class^="icon-"] {
        color: #fd8830 !important;
    }

.ipgs-theme-default .ipgs-book-loading-info {
    background: rgb(226 0 25) !important;
}

.ipgs-theme-default .ipgs-stage {
    background-color: var(--c-white);
    /*box-shadow: 0 0 50px rgba(0, 0, 0, 0.5) inset;*/
    box-shadow: none !important;
}

.ipgs-theme-default .ipgs-page .ipgs-extra .ipgs-number {
    display: none !important;
}

.ipgs-theme-default .ipgs-book-loading {
    background: var(--c-white);
}

.ipgs-theme-default .ipgs-control-pagenumber .ipgs-pagenumber-label {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    color: #000000 !important;
}

.ipgs-control {
    transition: all 0.3s ease-in-out !important;
}

    .ipgs-control:hover {
        transform: scale(1.1) !important;
    }

    .ipgs-control.ipgs-control-download {
        cursor: pointer !important;
        background: var(--c-bluelight2);
        border-radius: 5px !important;
    }

        .ipgs-control.ipgs-control-download .ipgs-icon-download {
            opacity: 1 !important;
            filter: invert() !important;
        }


/* SECTION - CADASTRO CUPOM; */
.section.cadastro-cupom {
    position: relative;
    background: url(../img/bkg3_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.cadastro-cupom {
        background: url(../img/bkg3_991.webp) top center no-repeat;
        background-size: cover;
    }
}

.section.cadastro-cupom .content-section {
    width: 90%;
    margin: auto;
}

.section.cadastro-cupom .box {
    background: transparent;
    padding: 0px;
    border-radius: 20px;
    margin-bottom: 0px;
}

.section.cadastro-cupom .responsabilidade {
    background: var(--c-bluelight1);
    padding: 2rem;
    position: relative;
    border-radius: 0.6rem;
    color: var(--c-white);
    font-size: 1.5rem;
    line-height: 1.3;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    margin-top: 1rem;
    margin-bottom: 0rem;
    font-style: normal;
}

.section.cadastro-cupom .titulo-step {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    color: var(--c-white);
    font-size: 28px;
    line-height: 29px;
    text-align: left;
    text-transform: uppercase;
}

.section.cadastro-cupom a.icone {
    position: absolute;
    color: var(--c-brown3);
    top: 27px;
    right: 25px;
    z-index: 1;
    font-size: 23px;
    cursor: pointer;
}

.section.cadastro-cupom .enviar .vld-img.vld-error {
    font-size: 1.5rem;
    line-height: 23px;
    color: #e90a2a;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
}

.section.cadastro-cupom .total {
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 800;
    font-size: 2rem;
    line-height: 1;
    color: var(--c-yellow1);
    letter-spacing: 0px;
    text-transform: inherit;
    text-align: center;
    margin-bottom: 20px;
}

    .section.cadastro-cupom .total span {
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 800;
        color: var(--c-yellow1);
    }

.section.cadastro-cupom .title-excluir a {
    color: var(--c-error1);
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 100%;
}

/*.section.cadastro-cupom label#ProdutoItemError, .section.cadastro-cupom label#erroProduto, .section.cadastro-cupom label#erroProdutoGranel, .section.cadastro-cupom label#ProdutoSaborError {
    color: #edd40f;
}*/

label#QtdProdutos-error {
    text-align: center;
}

#frm-cadastrocupom table.table tbody td i {
    display: none !important;
}

#frm-cadastrocupom .custom-control-label {
    display: contents;
}

/*#frm-cadastrocupom .custom-control-label::before,
#frm-cadastrocupom .custom-control-label::after {
    opacity: 0;
}*/

#frm-cadastrocupom .custom-control-label {
    display: contents;
}

/*#frm-cadastrocupom .custom-control-label::before,
#frm-cadastrocupom .custom-control-label::after {
    opacity: 0;
}*/

.cadastro-cupom [data-tbitems="Produtos"][data-items="0"] thead {
    display: contents;
}


@media (max-width: 991px) {
    .cadastro-cupom [data-tbitems="Produtos"][data-items="0"] thead {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .section.cadastro-cupom .content-section {
        width: 100%;
    }

    .section.cadastro-cupom .titulo {
        text-align: center;
    }

    .section.cadastro-cupom .total {
        margin-bottom: 15px;
    }

    .cadastro-cupom table.table .title-table-mobile {
        text-transform: uppercase !important;
    }

    .cadastro-cupom table.table tbody tr td:first-child {
        font-weight: 400 !important;
    }

    #frm-cadastrocupom table.table tbody td {
        padding: 10px 10px !important;
    }

        #frm-cadastrocupom table.table tbody td i {
            display: none !important;
        }
}

/*Imagem cupom fiscal*/
.vercupom {
    margin: auto;
    display: inherit;
}

    .vercupom a {
        height: 35px;
        width: 35px;
        text-decoration: none !important;
        position: absolute;
        color: var(--c-yellow1);
        background: transparent;
        border-radius: 100px;
        top: 26px;
        right: 20px;
        z-index: 1;
        font-size: 21px;
        line-height: 30px;
        cursor: pointer;
        transition: all .3s ease;
    }

        .vercupom a:hover {
            color: var(--c-yellow1);
            background: transparent;
        }

.popup-vercupom .cupomfiscal {
    position: relative;
}

    .popup-vercupom .cupomfiscal img {
        width: 100%;
        max-width: 350px;
    }

.popup-vercupom .carousel-item {
    padding-left: 10px;
    padding-right: 10px;
}

.popup-vercupom .cupom-de-exemplo {
    position: relative;
    margin-top: 20px;
}

    .popup-vercupom .cupom-de-exemplo .img-cupom-de-exemplo {
        width: 100%;
        max-width: 520px;
    }

@media (max-width: 991px) {
    .popup-vercupom {
        right: 20px;
        position: absolute;
    }

        .popup-vercupom a {
            text-align: center;
            font-size: 25px;
            line-height: 25px;
        }

        .popup-vercupom .carousel-item {
            padding-left: 20px;
            padding-right: 20px;
        }
}


/* Cta Participe */
.barra-participe {
    position: fixed;
    z-index: 10;
    bottom: 15px;
    left: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    text-decoration: none;
    background: transparent;
}

    .barra-participe .btn {
        width: 100%;
        max-width: 700px;
        padding: 10px 30px 10px 30px;
        font-size: 42px;
        border-radius: 50rem;
        background: var(--c-bluelight1);
        color: var(--c-white) !important;
        border: 0;
    }

@media (max-width: 991px) {
    .barra-participe .btn {
        font-size: 26px;
        width: auto;
        max-width: inherit;
    }
}

.barra-participe .btn:hover {
    border: 0;
    transform: scale(0.95);
}


/* Arquivo de sobreposição para o desenvolvedor */
[data-plugin="formsteps"] [data-step] + [data-step]:not(.active) {
    display: none !important;
}

[data-plugin="formsteps"]:not(.plugin-loaded) .formsteps-btn-finish,
[data-plugin="formsteps"]:not(.plugin-loaded) .formsteps-btn-prev {
    display: none !important;
}

[data-step]:first-child.active ~ .formsteps-buttons .formsteps-btn-prev {
    display: none !important;
}


/* ENVIAR CUPOM #IMG */
/*IMG1*/
#img1 {
    display: table;
    margin: auto;
    border-spacing: 20px 15px;
    width: 100%;
    padding: 2rem;
    border-radius: 1rem;
    background: rgb(9 19 47 / 66%);
    margin-bottom: 1rem;
}

    #img1 > div {
        display: grid;
        vertical-align: inherit;
        margin: auto;
        text-align: center !important;
        margin-top: 0px;
    }

        #img1 > div [class*="vld-"] + .error {
            background: var(--c-white);
        }

        #img1 > div [class*="vld-"] + .error {
            background: var(--c-white);
        }

    #img1:not(.loaded) .upload-reset,
    #img1.loaded .upload-change,
    #img1:not(.loaded) .filename,
    #img1.loaded .placeholder {
        display: none;
    }

    #img1 .txt-envie {
        font-size: 1.7rem;
        line-height: 1.1;
        color: var(--c-white);
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 800;
        margin-top: 1.5rem;
        margin-bottom: 1rem !important;
    }

    #img1 .icone-arquivo-carregado {
        /* color: #ece113; */
        display: none;
    }

    #img1 .arquivo-carregado,
    #img1 .filename {
        font-size: 1.5rem;
        line-height: 1.1;
        color: var(--c-white);
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    #img1 .upload-preview {
        width: 90px;
        height: 90px;
        background: var(--c-black);
        border-radius: 7px;
        border: 0;
    }

p.guardarcupom {
    font-size: 14px;
    line-height: 140%;
    color: var(--c-black);
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    margin-top: 0px;
}

label#CupomImagem-error {
    text-align: center;
}

/*Não exibe o hover, após a imagem carregada*/
[data-plugin="upload"].loaded .upload-preview:hover > div {
    opacity: 0 !important;
}

#img1 [data-plugin="upload"] .upload-preview > div {
    display: grid !important;
}

@media (max-width: 991px) {
    #img1 {
        margin-left: 0;
        border-spacing: 0;
        width: 100%;
    }

        #img1 > div {
            text-align: center !important;
            width: 100% !important;
            display: grid;
            vertical-align: inherit !important;
            margin: auto !important;
        }

            #img1 > div [class*="vld-"] + .error {
                background: var(--c-white);
            }

            #img1 > div [class*="vld-"] + .error {
                background: var(--c-white);
            }

        #img1:not(.loaded) .upload-reset,
        #img1.loaded .upload-change,
        #img1:not(.loaded) .filename,
        #img1.loaded .placeholder {
            display: none;
        }

        #img1:not(.loaded) .upload-reset,
        #img1.loaded .upload-change,
        #img1:not(.loaded) .filename,
        #img1.loaded .placeholder {
            display: none;
        }

        #img1 .txt-envie {
            /*margin-top: 15px;*/
            /*color: #ffffff;*/
            /*font-size: 1.5rem;*/
            /*line-height: 17px;*/
            /*font-family: 'DINPro', Arial, sans-serif;*/
            /*font-weight: 400;*/
        }

        #img1 .icone-arquivo-carregado {
            /* color: #ece113; */
            display: none;
        }

        #img1 .arquivo-carregado,
        #img1 .filename {
            font-size: 1.2rem;
            /*color: var(--c-white);*/
            /*font-family: 'DINPro', Arial, sans-serif;*/
            /*font-weight: 400;*/
        }

        #img1 .upload-preview {
            /*width: 100px;*/
            /*height: 100px; */
            /*background-color: #f5efdd;*/
            /*border-radius: 7px;*/
            /*border: 0;*/
        }
}

/*IMG2*/
#img2 {
    display: table;
    margin: auto;
    border-spacing: 20px 15px;
    /*width: 450px;*/
    width: 100%;
}

    #img2 > div {
        display: grid;
        vertical-align: inherit;
        margin: auto;
        text-align: center !important;
        margin-top: 10px;
    }

        #img2 > div [class*="vld-"] + .error {
            background: var(--c-white);
        }

        #img2 > div [class*="vld-"] + .error {
            background: var(--c-white);
        }

    #img2:not(.loaded) .upload-reset,
    #img2.loaded .upload-change,
    #img2:not(.loaded) .filename,
    #img2.loaded .placeholder {
        display: none;
    }

    #img2 .txt-envie {
        margin-top: 15px;
        color: #ffffff;
        font-size: 1.5rem;
        line-height: 17px;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
    }

    #img2 .icone-arquivo-carregado {
        /* color: #ece113; */
        display: none;
    }

    #img2 .arquivo-carregado,
    #img2 .filename {
        font-size: 1.5rem;
        line-height: 23px;
        color: #ffffff;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
    }

    #img2 .upload-preview2 {
        width: 130px;
        height: 130px;
        background-color: #f5efdd;
        border-radius: 7px;
        border: 0;
    }

    #img2 [data-plugin="upload"] .upload-preview2 > div {
        display: grid !important;
    }

@media (max-width: 991px) {
    #img2 {
        margin-left: 0;
        border-spacing: 0;
        width: 100%;
    }

        #img2 > div {
            text-align: center !important;
            width: 100% !important;
            display: grid;
            vertical-align: inherit !important;
            margin: auto !important;
        }

            #img2 > div [class*="vld-"] + .error {
                background: var(--c-white);
            }

            #img2 > div [class*="vld-"] + .error {
                background: var(--c-white);
            }

        #img2:not(.loaded) .upload-reset,
        #img2.loaded .upload-change,
        #img2:not(.loaded) .filename,
        #img2.loaded .placeholder {
            display: none;
        }

        #img2 .txt-envie {
            margin-top: 15px;
            color: #ffffff;
            font-size: 1.5rem;
            line-height: 17px;
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 400;
        }

        #img2 .icone-arquivo-carregado {
            /* color: #ece113; */
            display: none;
        }

        #img2 .arquivo-carregado,
        #img2 .filename {
            font-size: 12px;
            color: #ffffff;
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 400;
        }

        #img2 .upload-preview2 {
            width: 100px;
            height: 100px;
            background-color: #f5efdd;
            border-radius: 7px;
            border: 0;
        }
}


/*IMG3*/
#img3 {
    display: table;
    margin: auto;
    border-spacing: 20px 15px;
    /*width: 450px;*/
    width: 100%;
}

    #img3 > div {
        display: grid;
        vertical-align: inherit;
        margin: auto;
        text-align: center !important;
        margin-top: 10px;
    }

        #img3 > div [class*="vld-"] + .error {
            background: var(--c-white);
        }

        #img3 > div [class*="vld-"] + .error {
            background: var(--c-white);
        }

    #img3:not(.loaded) .upload-reset,
    #img3.loaded .upload-change,
    #img3:not(.loaded) .filename,
    #img3.loaded .placeholder {
        display: none;
    }

    #img3 .txt-envie {
        margin-top: 15px;
        color: #ffffff;
        font-size: 1.5rem;
        line-height: 17px;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
    }

    #img3 .icone-arquivo-carregado {
        /* color: #ece113; */
        display: none;
    }

    #img3 .arquivo-carregado,
    #img3 .filename {
        font-size: 1.5rem;
        line-height: 23px;
        color: #ffffff;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
    }

    #img3 .upload-preview3 {
        width: 130px;
        height: 130px;
        background-color: #f5efdd;
        border-radius: 7px;
        border: 0;
    }

    #img3 [data-plugin="upload"] .upload-preview3 > div {
        display: grid !important;
    }

@media (max-width: 991px) {
    #img3 {
        margin-left: 0;
        border-spacing: 0;
        width: 100%;
    }

        #img3 > div {
            text-align: center !important;
            width: 100% !important;
            display: grid;
            vertical-align: inherit !important;
            margin: auto !important;
        }

            #img3 > div [class*="vld-"] + .error {
                background: var(--c-white);
            }

            #img3 > div [class*="vld-"] + .error {
                background: var(--c-white);
            }

        #img3:not(.loaded) .upload-reset,
        #img3.loaded .upload-change,
        #img3:not(.loaded) .filename,
        #img3.loaded .placeholder {
            display: none;
        }

        #img3 .txt-envie {
            margin-top: 15px;
            color: #ffffff;
            font-size: 1.5rem;
            line-height: 17px;
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 400;
        }

        #img3 .icone-arquivo-carregado {
            /* color: #ece113; */
            display: none;
        }

        #img3 .arquivo-carregado,
        #img3 .filename {
            font-size: 12px;
            color: #ffffff;
            font-family: 'DINPro', Arial, sans-serif;
            font-weight: 400;
        }

        #img3 .upload-preview3 {
            width: 100px;
            height: 100px;
            background-color: #f5efdd;
            border-radius: 7px;
            border: 0;
        }
}

#img1 .upload-preview,
#img2 .upload-preview2,
#img3 .upload-preview3 {
    background-color: var(--c-bluelight1);
    border: 0px solid #ffffff;
    background-size: auto;
    background-repeat: no-repeat;
}

/* Contador */
#erro .countdown {
    position: relative;
    top: 0%;
    right: 0%;
    z-index: 9;
    margin-bottom: 5px;
    width: 330px;
}

    #erro .countdown .digits {
        background: var(--c-bluedark1);
        !important;
        border-radius: 6px;
        padding-bottom: 10px;
        padding-right: 2px;
        padding-left: 2px;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 400;
        box-shadow: 0px 11px 10px 1px rgba(0, 0, 0, 0.2);
        margin-top: 0.5rem;
    }

span.line {
    position: absolute;
    z-index: 0;
    left: 12.6%;
    top: 43px;
    content: "";
    width: 77.7px;
    height: 1px;
    border: 1px solid #5b5b5b;
}

#erro .countdown .digits span {
    /*    color: #000000;*/
    color: var(--c-white);
}

@media (max-width: 991px) {
    #erro .countdown {
        margin-bottom: 15px;
        margin-top: 5px;
        width: 100%;
    }
}

#erro .countdown .info {
    font-size: 1.6rem;
    padding: 0px;
    line-height: 100%;
    color: #f3ebda;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
}

#erro .countdown .digits div {
    font-size: 50px;
    color: var(--c-white);
    background: transparent;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    width: 70px;
    height: 60px;
    line-height: 76px;
    z-index: 1;
    position: relative;
    margin-bottom: 0.5rem;
}


/* Geral */
.max-w-1300 {
    max-width: 1300px !important;
}

.header-section.right {
    text-align: end !important;
}

.header-section.left {
    flex-direction: column;
    text-align: start !important;
}


    .header-section.left span,
    .header-section.right span {
        font-family: 'DINPro', Arial, DINPro, sans-serif;
        font-weight: 400;
        letter-spacing: 5px;
        font-size: 3rem;
    }

    .header-section.left strong,
    .header-section.right strong {
        font-size: 90px !important;
        font-family: 'DINPro', Arial, DINPro, sans-serif;
        color: var(--c-white);
        font-weight: 800;
        text-transform: uppercase;
        margin-right: 6rem;
    }

.img-background {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(50%);
}

.text-xl {
    font-size: 24px;
}

.text-sm {
    font-size: 14px;
}

/* Premios */
.premio-container {
    position: relative;
}

    .premio-container .premio-mockup {
        position: relative;
        bottom: -80px;
    }

/* Duvidas */
.section.duvidas .header-section {
    display: flex;
    flex-direction: column;
    text-align: start;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}

    .section.duvidas .header-section .titulo {
        font-family: 'DINPro', Arial, DINPro, sans-serif;
        font-size: 3.7rem;
        font-weight: 400;
        text-transform: none;
    }

.subtitle-container {
    font-family: 'DINPro', Arial, DINPro, sans-serif;
    font-size: 2.3rem;
    border-radius: 50rem;
    font-weight: 400;
    padding: 1rem 2rem;
    background-color: var(--c-bluelight1);
}

.btn-vermais {
    width: 44px;
    height: 44px;
    padding: 0;
}

.subtitle-normal {
    font-family: 'DINPro', Arial, DINPro, sans-serif;
    font-weight: 400;
    letter-spacing: 5px;
    font-size: 18px;
}

.box-contato {
    align-items: center;
    width: 100%;
    margin-top: 40px;
    background-color: var(--c-bluedark3);
    border-radius: 20px;
    padding: 3.2rem 2rem;
}

@media (max-width: 991px) {
    .box-contato {
        width: auto;
        padding: 2rem 2rem;
    }
}

.info-box-contato h3 {
    font-size: 2.3rem;
    text-align: start;
    font-family: 'DINPro', Arial, DINPro, sans-serif;
    font-weight: 900;
    font-style: normal;
    margin-bottom: 12px;
    color: var(--c-yellow1);
    text-transform: uppercase;
}

.info-box-contato p {
    font-size: 1.7rem;
    text-align: start;
    font-weight: 400;
    color: var(--c-white);
    text-transform: uppercase;
}

.formulario-box-contato {
    margin-top: 2rem;
}

.section.duvidas .box-contato a {
    color: var(--c-bluedark1) !important;
    text-decoration: underline;
}

    .section.duvidas .box-contato a:hover {
        color: var(--c-bluedark1) !important;
        text-decoration: none;
    }

/* Login */
.section.login .descricao {
    font-size: 2rem;
    font-weight: 400;
    color: var(--c-white);
}

.cta-cadastro-login {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: start;
    color: var(--c-bluelight2);
}

/* Cadastro */

/* Tabela */
table.table .thead-dark th {
    /*    background: var(--c-bluelight1);*/
}

table.table tbody td {
    /*    color: var(--c-bluelight1);*/
    /*    background: var(--c-white);*/
}

table.table tbody tr:nth-child(even) td {
    /*color: var(--c-bluelight1);*/
    /*background: var(--c-white);*/
}

table.table tbody td:nth-child(even) td {
    border-top-right-radius: 1.6rem !important;
    border-bottom-right-radius: 1.6rem !important;
}

.bkg-orange3 table.table .thead-dark th {
    /*    background-color: #564e33;*/
}

.bkg-orange3 table.table tbody td {
    /*    background-color: #a4765a;*/
}

.bkg-orange3 table.table tbody tr:nth-child(even) td {
    /*    background-color: #936346;*/
}

/* Selo */
.selo-container.importado .selo {
    bottom: -36px;
}

@media (max-width: 991px) {
    .selo-container.importado .selo {
        bottom: -12px;
    }

    .selo-container.importado {
        bottom: -92px;
    }
}

@media (max-width: 768px) {
    .selo-container.importado .selo {
        transform: scale(1.3);
    }

        .selo-container.importado .selo:hover {
            transform: scale(1.25);
        }
}

@media (max-width: 640px) {
    .section.inicio .selo-geral .selo {
        bottom: -20px;
    }

    .selo-container.importado .selo {
        bottom: 16px;
    }
}


/* Central de mensagens */
.section.centralmensagens {
    position: relative;
    background: url(../img/bkg2_1920.webp) top center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section.centralmensagens {
        position: relative;
        background: url(../img/bkg2_991.webp) top center no-repeat;
        background-size: cover;
    }
}


/* Meus dados */
.section.meusdados .form-control {
    position: relative;
    margin: 20px 0px 15px 0px;
}


/* Select2 */
.select2-container {
    display: block !important;
    width: auto !important;
}

.select2-container--default .select2-selection--single:focus {
    outline-color: #ffd998;
}

.select2-container--default .select2-selection--single {
    padding: 2.1rem 2rem !important;
    height: 50px !important;
    border-radius: 0.6rem !important;
    border: none !important;
    margin: 20px 0px 4px 0px !important;
    font-size: 1.3rem !important;
    line-height: 1 !important;
    background: var(--c-white) !important;
    font-family: 'DINPro', Arial, sans-serif !important;
    font-weight: 400 !important;
    color: #878e95 !important;
    width: 100%;
    text-transform: none;
    overflow: hidden;
    outline-color: var(--c-white);
    outline-width: 0;
    outline-offset: 0;
    outline-style: solid;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
    .select2-container--default .select2-selection--single {
        height: 45px !important;
    }
}

.select2-container--open .select2-dropdown {
    top: -1px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    word-break: break-all !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    font-family: 'DINPro', Arial, sans-serif !important;
    font-weight: 400;
    font-size: 12px;
    border-radius: 2rem;
    border: 1px solid var(--c-white) !important;
    color: black;
    background: #e9e9e9;
    outline: none;
    padding: 1rem 1.6rem;
}

    .select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
        color: black;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    position: relative;
    /*    top: -7px;*/
    color: #111111 !important;
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.3rem !important;
    color: #495057 !important;
    padding: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: var(--form-control-letter-spacing);
    text-align: left;
    padding-left: 0 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    overflow: hidden;
    word-break: break-all;
    white-space: initial;
}

.select2-container--default .select2-results__option--disabled {
    color: var(--c-bluelight2) !important;
    background: var(--c-gray) !important;
    padding: 1rem !important;
    font-weight: 400 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    opacity: 0;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: var(--c-white) !important;
    background: var(--c-bluelight1) !important;
    padding: 1rem !important;
    font-weight: 400 !important;
}

.select2-results__option--selectable {
    color: var(--c-black);
    font-size: 1.6rem;
    padding: 1rem !important;
}

.select2-results__option {
    color: var(--c-black);
    font-family: 'DINPro', Arial, sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1;
    text-shadow: none;
    text-transform: none;
}

.select2-dropdown {
    border: 0px solid #ffffff !important;
    border-radius: 50rem;
    overflow: hidden;
}

label#ProdutoItemError,
label#erroProduto,
label#erroProdutoGranel,
label#ProdutoSaborError {
    text-align: left;
    display: block;
    width: 100%;
    font-size: 1.3rem;
    font-weight: 800;
    font-style: normal;
    line-height: 1;
    font-family: 'DINPro', Arial, sans-serif;
    margin-top: 1px;
    margin-bottom: 0.8rem !important;
    padding: 0rem;
    background: transparent;
    color: var(--c-error1);
}

.select2-results::-webkit-scrollbar-thumb {
    background: var(--c-bluelight2) !important;
    border-radius: 5rem !important;
}

.btn-chamado {
    text-decoration: none !important;
}

/* Fale Conosco */
.box-contato .float-placeholder {
    /*color: var(--c-bluelight1) !important;*/
}

.box-contato label#AceiteRegulamento-error, label#AceiteContato-error {
    color: var(--c-bluelight1) !important;
}

#btn-fechar-faleconosco {
    background-color: transparent !important;
    font-size: 4rem;
    position: relative;
    right: -40%;
    color: var(--c-yellow1) !important;
    transform: none;
}

    #btn-fechar-faleconosco:hover, #btn-fechar-faleconosco:focus {
        font-size: 4.2rem;
    }

#frm-contato .custom-control-label {
    /*color: var(--c-black);*/
}


@media (max-width: 991px) {
    .box-contato.opened .action-box-contato {
        order: -1;
    }

    #btn-fechar-faleconosco {
        padding: 0rem !important;
        right: -45%;
        margin-top: 0 !important;
        margin-bottom: 1.2rem !important;
    }
}


/* Login */
@media (max-width: 991px) {
    .section.login .header-section h2 {
        margin-bottom: 1rem;
    }

    .section.login .header-section h3 {
        text-transform: uppercase;
        font-weight: 400;
        max-width: 24ch;
        text-align: center;
        margin: auto;
    }

    .section.login .box-login {
        padding: 1.6rem 2.4rem;
    }

    .login-form-container {
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
    }

        .login-form-container .form-control::placeholder {
            text-align: center;
            text-transform: uppercase;
        }
}

/* Dropdown menu */
#cta-button {
    padding: 1rem 2rem !important;
}

.dropdown-menu {
    width: 100%;
    border: none;
    background: #fff;
    border-radius: 12px;
    margin-top: 1.5rem;
}

    .dropdown-menu::before {
        content: "\edc4";
        font-family: 'icomoon', Arial, sans-serif;
        width: 35px;
        height: 12px;
        text-align: center;
        font-size: 30px;
        line-height: 100%;
        border-radius: 0;
        margin-right: 0px;
        display: inline-block;
        background: transparent;
        color: var(--c-white);
        position: absolute;
        top: -18px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }


    .dropdown-menu .dropdown-item {
        text-align: center;
        color: var(--c-bluelight1);
        text-decoration: none;
        line-height: 1;
        font-family: 'DINPro', Arial, sans-serif;
        font-weight: 900;
        font-style: normal;
        text-transform: uppercase;
        font-size: 1.6rem;
        padding: 1rem 2rem;
    }

        .dropdown-menu .dropdown-item:hover {
            background: transparent;
            text-decoration: underline;
        }


.compre-links-container {
    display: none !important;
}


@media (max-width: 991px) {
    .compre-links-container {
        display: flex !important;
        flex-direction: column;
        gap: 1rem;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0 2rem;
        margin-bottom: 2rem;
    }

        .compre-links-container .btn {
            font-size: 1.8rem !important;
        }
}


/*Formulário de multiplas escolhas*/
.custom-checkbox-radio {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ccc; /* cinza claro padrão */
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease;
}

    .custom-checkbox-radio input {
        display: none;
    }

    .custom-checkbox-radio span {
        border-radius: 50%;
        display: inline-block;
        margin-right: 8px;
        position: relative;
        transition: border-color 0.3s ease;
        background: #dfdfdf;
        color: var(--c-bluelight1);
        border: 1px solid #dfdfdf !important;
        width: 2.4rem;
        height: 2.4rem;
    }

    /* Círculo amarelo quando selecionado */
    .custom-checkbox-radio input:checked + span {
        border-color: var(--c-yellow1) !important;
        background-color: var(--c-yellow1) !important;
    }

        .custom-checkbox-radio input:checked + span::after {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            width: 8px;
            height: 8px;
            background-color: transparent;
            border-radius: 50%;
            border: 1px solid var(--c-yellow1) !important;
        }

        /* Texto amarelo quando selecionado */
        .custom-checkbox-radio input:checked + span + * {
            color: #FFD600;
        }

/* Section GIRAR ROLETA */
.section#girar {
    position: relative;
    background: url(../img/bkg2_1920.webp) center center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .section#girar {
        position: relative;
        background: url(../img/bkg2_991.webp) center center no-repeat;
        background-size: cover;
    }
}

.section#girar .roleta-premios {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

    .section#girar .roleta-premios .base {
        position: relative;
        z-index: 1;
        width: 100%;
    }

@keyframes setaRoleta {
    0% {
        transform: translateX(0) rotate(90deg);
    }

    50% {
        transform: translateX(-10%) rotate(90deg);
    }

    100% {
        transform: translateX(0) rotate(90deg);
    }
}

.section#girar .roleta-premios .seta {
    position: absolute;
    z-index: 4;
    width: 14%;
    top: 32%;
    left: 90%;
    transform: rotate(90deg);
    transition: all 1s ease-in-out;
}

    .section#girar .roleta-premios .seta.active {
        animation-name: setaRoleta;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

@keyframes botaoGirar {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

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

.section#girar .roleta-premios .botao-girar {
    position: absolute;
    z-index: 4;
    width: 18%;
    top: 35.5%;
    left: 41.1%;
    animation-name: botaoGirar;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .section#girar .roleta-premios .botao-girar.disable {
        animation-name: none;
    }

    .section#girar .roleta-premios .botao-girar:hover {
        animation-name: none;
        transform: scale(1);
    }

    .section#girar .roleta-premios .botao-girar .botao {
        position: absolute;
        top: -7%;
        left: 0;
        width: 100%;
        transition: all 0.3s ease-in-out;
    }

    .section#girar .roleta-premios .botao-girar.disable .botao {
        top: -2%;
        cursor: default;
    }

    .section#girar .roleta-premios .botao-girar .botao .circulo {
        position: relative;
        width: 100%;
        transition: all 0.3s ease-in-out;
    }

    .section#girar .roleta-premios .botao-girar .botao .texto {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transition: all 0.5s ease-in-out;
    }

    .section#girar .roleta-premios .botao-girar.disable .botao .texto {
        opacity: 0;
    }


    .section#girar .roleta-premios .botao-girar:hover .botao {
        top: -2%;
    }

    .section#girar .roleta-premios .botao-girar .sombra {
        width: 100%;
        transition: all 0.3s ease-in-out;
    }

.section#girar .roleta-premios .marcador {
    position: absolute;
    z-index: 3;
    top: 15.3%;
    left: 49.9%;
    width: 46%;
    transform: rotate(90deg);
}

@keyframes marcadorRoleta {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.section#girar .roleta-premios .marcador img {
    opacity: 0;
    width: 100%;
    transition: all 1s ease-in-out;
}

.section#girar .roleta-premios .marcador.active img {
    opacity: 0;
    animation-name: marcadorRoleta;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

.section#girar .roleta-premios .premios {
    position: absolute;
    z-index: 2;
    top: 4%;
    left: 4.9%;
    width: 90.4%;
}

@keyframes rodaRoletaPremio1-nao {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(1170deg);
    }
}

@keyframes rodaRoletaPremioEsmirilhadeira {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(900deg);
    }
}

@keyframes rodaRoletaPremio2-nao {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(1170deg);
    }
}

@keyframes rodaRoletaPremioMochila {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(1125deg);
    }
}

@keyframes rodaRoletaPremio3-nao {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(1170deg);
    }
}

@keyframes rodaRoletaPremioKit {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(1215deg);
    }
}

@keyframes rodaRoletaPremio4-nao {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(1170deg);
    }
}

@keyframes rodaRoletaPremioEsmirilhadeira {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(900deg);
    }
}

@keyframes rodaRoletaPremio5-nao {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(1170deg);
    }
}

@keyframes rodaRoletaPremioMochila {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(1125deg);
    }
}

@keyframes rodaRoletaPremio6-nao {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(1170deg);
    }
}

@keyframes rodaRoletaPremioKit {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(1215deg);
    }
}

.section#girar .roleta-premios .premios .roda {
    width: 100%;
}

    .section#girar .roleta-premios .premios .roda.animate {
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .section#girar .roleta-premios .premios .roda.premio1-nao {
        animation-name: rodaRoletaPremio1-nao;
    }

    .section#girar .roleta-premios .premios .roda.premio-esmirilhadeira {
        animation-name: rodaRoletaPremioEsmirilhadeira;
    }

    .section#girar .roleta-premios .premios .roda.premio2-nao {
        animation-name: rodaRoletaPremio2-nao;
    }

    .section#girar .roleta-premios .premios .roda.premio-mochila {
        animation-name: rodaRoletaPremioMochila;
    }

    .section#girar .roleta-premios .premios .roda.premio3-nao {
        animation-name: rodaRoletaPremio3-nao;
    }

    .section#girar .roleta-premios .premios .roda.premikit {
        animation-name: rodaRoletaPremioKit;
    }

    .section#girar .roleta-premios .premios .roda.premio4-nao {
        animation-name: rodaRoletaPremio4-nao;
    }

    .section#girar .roleta-premios .premios .roda.premio-esmirilhadeira {
        animation-name: rodaRoletaPremioEsmirilhadeira;
    }

    .section#girar .roleta-premios .premios .roda.premio5-nao {
        animation-name: rodaRoletaPremio5-nao;
    }

    .section#girar .roleta-premios .premios .roda.premio-mochila {
        animation-name: rodaRoletaPremioMochila;
    }

    .section#girar .roleta-premios .premios .roda.premio6-nao {
        animation-name: rodaRoletaPremio6-nao;
    }

    .section#girar .roleta-premios .premios .roda.premio-kit {
        animation-name: rodaRoletaPremioKit;
    }

.section#girar .roleta-premios .premios .imagens {
    display: none;
    overflow: hidden;
}

    .section#girar .roleta-premios .premios .imagens img {
        position: absolute;
        left: -5555;
        width: 20px;
    }

.section#girar .nao-ganhou .titulo, .section#girar .ganhou .titulo {
    padding: 0px;
    margin-bottom: 2rem;
    font-size: 3.2rem;
    font-style: italic;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'PFDinTextPro', Arial, sans-serif;
    font-weight: 900;
    letter-spacing: 0px;
    color: var(--c-white);
    text-align: center;
    background: none !important;
    text-shadow: -5px 3px 0px #570010;
}

    .section#girar .nao-ganhou .titulo.big, .section#girar .ganhou .titulo.big {
        font-size: 5.2rem;
    }

.section#girar .nao-ganhou .btn, .section#girar .ganhou .btn {
    text-decoration: none !important;
}

    .section#girar .nao-ganhou .btn:hover, .section#girar .ganhou .btn:hover, .section#girar .nao-ganhou .btn:focus, .section#girar .ganhou .btn:focus {
        color: var(--c-red1);
    }