/* Arquivo de sobreposição para o desenvolvedor */

/* Label I.A — home KV */
.section.inicio-cadastro .kv .kv-ai-label {
    position: absolute;
    left: 1%;
    bottom: 24%;
    z-index: 5;
    writing-mode: sideways-lr;
    /* transform: rotate(180deg); */
    font-family: var(--f-body, inherit);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0.03em;
    color: rgba(255, 255, 255);
    padding: 0.35rem 0.2rem;
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
}

@media (max-width: 991px) {
    .section.inicio-cadastro .kv .kv-ai-label {
        font-size: 1.6rem;
        left: 2%;
        bottom: 46%;
    }
}

@media (max-width: 575px) {
    .section.inicio-cadastro .kv .kv-ai-label {
        font-size: 1.6rem;
        left: 2%;
        bottom: 46%;
    }
}

/*Personalização do protótipo*/
.section.inicio-cadastro .kv.desktop .semanaturbo {
    position: absolute;
    z-index: 4;
    top: 18%;
    left: 1%;
    width: 26%;
    transition: all 0.3s ease-in-out;
}
.section.inicio-cadastro .kv.desktop .img-semanaturbo {
    width: 100%;
    max-width: 400px;
    transition: all 0.3s ease-in-out;
}

/*.section.inicio-cadastro .kv.mobile .semanaturbo {
position: absolute;
z-index: 4;
top: 2%;
left: 2%;
width: 30%;
transition: all 0.3s ease-in-out;
}
.section.inicio-cadastro .kv.mobile .img-semanaturbo {
width: 100%;
max-width: 400px;
transition: all 0.3s ease-in-out;
}*/



/*Geral*/
#loader {
    z-index: 999999999 !important;
}


/* 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: 1.5rem 2rem 1.5rem 2rem!important;
    height: 42px!important;
    border-radius: 0.7rem !important;
    border: none!important;
    margin: 15px 0px 6px 0px!important;
    font-size: 1.3rem!important;
    line-height: 1!important;
    background: var(--c-gray)!important;
    font-family: 'Grotesca', Arial, sans-serif!important;
    font-weight: 400!important;
    color: var(--c-black)!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;
}

.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: 'Grotesca', Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    border-radius: 0.4rem;
    border: 1px solid var(--c-black) !important;
    background: #e9e9e9;
    outline: none;
    padding: 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    position: relative;
    top: -7px;
    color: var(--c-black)!important;
    font-family: 'Grotesca', Arial, sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0;
    text-shadow: none;
    text-transform: none;
    letter-spacing: var(--form-control-letter-spacing);
    text-align: left;
    padding-left: 0!important;
}

@media (max-width: 991px){
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px!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-black)!important;
    background: var(--c-gray2)!important;
    padding: 1rem!important;
    font-weight: 800!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-black)!important;
    background: var(--c-yellow1)!important;
    padding: 1rem !important;
    font-weight: 800!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: 'Grotesca', 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#ProdutoQtdError,
label#ProdutoItemError,
label#erroProduto ,
label#erroProdutoGranel {
    text-align: left;
    display: block;
    width: 100%;
    font-size: 1.3rem;
    line-height: 1;
    font-family: "Outfit", Arial, sans-serif;
    font-weight: 800;
    margin-top: 1px;
    margin-bottom: 8px;
    padding: 0;
    background: transparent;
    color: var(--c-error);
    letter-spacing: 0.3px;
}

.select2-results ::-webkit-scrollbar-thumb {
    background: var(--c-yellow1)!important;
    border-radius: 5rem!important;
}


/*Mapa*/
.mapa img {
    display: none;
}

@media (max-width: 991px){
    .mapsvg svg {
        width: 80%!important;
        margin-top: 50px!important;
    }
}

.section#ganhadores .mapa .quantidade {
    position: relative;
    top: -50px;
    display: inline-block;
    padding: 10px;
    border-radius: 3px;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 110%;
    color: white;
    background: red;
    font-family: "GrotescaCondensed", Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}
@media (max-width: 991px){
    .section#ganhadores .mapa .quantidade {
        top: 0px;
    }
}
.section#ganhadores .mapa .atualizacao {
    font-size: 1.5rem;
    line-height: 110%;
    font-family: "GrotescaCondensed", Arial, sans-serif;
    font-weight: 800;
}

.section#ganhadores .mapa .ilustracao-mapa {
    /*padding: 20px 10px;*/
    overflow: hidden;
}
@media (max-width: 991px){
    .section#ganhadores .mapa .ilustracao-mapa {
        overflow: hidden;
    }
}
.section#ganhadores .mapa .ilustracao-mapa .mapsvg {
    overflow: inherit;
}

.section#ganhadores .mapa .mapsvg,
.section#ganhadores .mapa .mapsvg * {
    touch-action: pan-y;
}

/*Ajustes no cookies*/
.cmp-revoke-consent {
    position: static!important;
    padding: 0!important;
}


/*Página: Aguarde New */
.aguardenew {
    background: transparent!important;
}
@media (max-width: 991px){
    .aguardenew {
        padding-top: 0rem !important;
    }
}

.aguardenew .section {
    background: transparent;
}

/*Logo*/
.aguardenew .logo {
    position: absolute;
    top: 2%;
    right: 1.5%;
}
.aguardenew .logo img {
    max-width: 150px;
}
@media (max-width: 991px){
    .aguardenew .logo {
        position: relative;
        top: inherit;
        right: inherit;
    }
    .aguardenew .logo img {
        max-width: 150px;
    }
}

.aguardenew .section .padding {
    padding: 5rem 5rem 2rem 5rem!important;
}
@media (max-width: 991px){
    .aguardenew .section {
        padding-top: 3rem !important;
    }
    .aguardenew .section .padding {
        padding: 4rem 3rem 2rem 3rem!important;
    }
}

/*Aviso*/
.aguardenew .section .padding .aviso {
    width: 100%;
    margin: 4rem auto 0 auto;
    border: 3px solid #fff;
    border-radius: 30px;
    padding: 4rem;
    background: #2229FF;
    background: -webkit-linear-gradient(125deg, rgba(34, 41, 255, 1) 69%, rgba(0, 109, 250, 1) 100%);
    background: -moz-linear-gradient(125deg, rgba(34, 41, 255, 1) 69%, rgba(0, 109, 250, 1) 100%);
    background: linear-gradient(125deg, rgba(34, 41, 255, 1) 69%, rgba(0, 109, 250, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2229FF", endColorstr="#006DFA", GradientType=0);
}
.aguardenew .section .padding .title {
    padding: 0px;
    margin-bottom: 1rem;
    font-size: 5rem;
    line-height: 1;
    font-family: "Outfit", Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}
.aguardenew .section .padding .aviso p {
    padding: 0px;
    margin-bottom: 1rem;
    font-size: 2.2rem;
    line-height: 1;
    font-family: "GrotescaCondensed", Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
    color: var(--c-white);
    text-align: center;
    margin-bottom: 0rem;
}
@media (max-width: 991px){
    .aguardenew .section .padding .title {
        font-size: 4rem;
    }
    .aguardenew .section .padding .aviso {
        padding: 3rem 3rem;
    }
    .aguardenew .section .padding .aviso p {
        font-size: 2.4rem;
        line-height: 1.1;
    }
}
@media (min-width: 992px) and (max-width: 1100px){
    .aguardenew .section .padding .aviso {
        padding: 4rem 4rem;
    }
    .aguardenew .section .padding .aviso p {
        font-size: 2.2rem;
    }
}




/*App*/
.aguardenew .section .padding .app {
    font-size: 2.4rem;
    padding: 0px;
    line-height: 120%;
    color: var(--c-white);
    font-family: "GrotescaCondensed", Arial, sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 4rem;
}



/*Footer*/
.aguardenew .footer {
    background: transparent;
}

.aguardenew .footer .padding {
    padding: 0rem 3rem 3rem 3rem;
}

.aguardenew .footer p {
    font-family: "GrotescaCondensed", Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.1rem !important;
}

/* Contador */
#aguardenew .countdown {
    position: relative;
    z-index: 9;
    margin-top: 0px;
    width: 850px;
    margin-bottom: 0;
}

#aguardenew .countdown .count {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#aguardenew .countdown .count > div {
    font-size: 1.6rem;
    padding: 0px;
    line-height: 100%;
    color: var(--c-white);
    font-family: "GrotescaCondensed", Arial, sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#aguardenew .countdown .digits {
    height: 132px;
    background: #8bd2ef !important;
    border-radius: 6px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    font-family: "Grotesca", Arial, sans-serif;
    font-weight: 400;
    overflow: hidden;
    margin: 7px;
}

#aguardenew .countdown .time {
    font-size: 2.4rem;
    padding: 0px;
    line-height: 100%;
    color: #8bd2ef;
    font-family: "GrotescaCondensed", Arial, sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#aguardenew span.line {
    position: absolute;
    z-index: 0;
    left: 12.6%;
    top: 43px;
    content: "";
    width: 77.7px;
    height: 1px;
    border: 1px solid #5b5b5b;
}

#aguardenew .countdown .digits span {
    color: #ffffff;
    margin-top: 7px;
}

@media (max-width: 991px) {
    #aguardenew .countdown {
        position: relative;
        top: inherit;
        bottom: inherit;
        right: inherit;
        z-index: 9;
        margin-bottom: inherit;
        margin-top: inherit;
        width: 100%;
    }
}

#aguardenew .countdown .info {
    font-size: 2rem;
    padding: 0px;
    line-height: 120%;
    color: var(--c-white);
    font-family: "GrotescaCondensed", Arial, sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#aguardenew .countdown .descricao {
    font-size: 1.3rem;
    padding: 0px;
    line-height: 1.3;
    color: var(--c-yellow1);
    font-family: "Grotesca", Arial, sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: none;
    text-shadow: 0px 0px 11px #fdc200;
}

#aguardenew .countdown .descricao2 {
    font-size: 1.4rem;
    padding: 0px;
    line-height: 1.3;
    color: var(--c-yellow1);
    font-family: "Grotesca", Arial, sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: none;
    text-shadow: 0px 0px 11px #fdc200;
}

#aguardenew .countdown .digits div {
    font-size: 90px;
    color: white;
    background: #14A4DE;
    font-family: "GrotescaCondensed", Arial, sans-serif;
    font-weight: 800;
    width: 120px;
    height: 61px;
    line-height: 120px;
    z-index: 1;
    position: relative;
    border-radius: 0;
    border-bottom: 1px solid #072262;
    margin: 0;
    letter-spacing: -5px;
    opacity: 1;
}




/*Leitura do QR Code*/
.cadastro-qrcode-foto .container {
    text-align: center;
}
.cadastro-qrcode-foto #reader {
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
    position: relative;
}
.cadastro-qrcode-foto .qr-reader-logo {
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    max-width: 45%;
    height: auto;
    pointer-events: none;
    z-index: 2;
}
.cadastro-qrcode-foto .qr-reader-logo.hide {
    display: none;
}
.cadastro-qrcode-foto #qr-canvas {
    width: 100%;
    display: block;
    border: 1px solid #ffcb00;
    background-color: #0c2768;
}
.cadastro-qrcode-foto #qr-result {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid var(--c-yellow1);
    background-color: var(--c-yellow1);
    border-radius: 5px;
    display: none;
}
.cadastro-qrcode-foto #qr-result p {
    color: var(--c-bluedark1);
    text-align: center;
    font-weight: 600;
}
.cadastro-qrcode-foto #chave-acesso {
    font-size: 18px;
    font-weight: bold;
    word-break: break-all;
    margin-top: 10px;
    padding: 10px;
    background-color: #ffdc54;
    color: var(--c-bluedark1);
    border-radius: 4px;
}
.cadastro-qrcode-foto #file-input {
    display: none;
}
.cadastro-qrcode-foto .btn {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin: 10px 5px;
}
.cadastro-qrcode-foto .btn:hover {
    background-color: #45a049;
}
.cadastro-qrcode-foto .fallback {
    margin-top: 20px;
    display: none;
}
.cadastro-qrcode-foto .fallback p {
    text-align: center;
    color: var(--c-yellow1) !important;
    text-shadow: 0px 0px 11px #fdc200;
}
.cadastro-qrcode-foto .error {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.4;
    font-family: "Grotesca", Arial, sans-serif;
    font-weight: 800;
    background: transparent;
    color: var(--c-red2);
    padding: 20px;
    border: 0px solid var(--c-red2);
    background-color: transparent;
    border-radius: 5px;
    text-transform: uppercase;
}


#adopt-controller-button {
    z-index: 99999999 !important;
}


/*Faixa*/
.tarja-contador{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    display: inline-block;
    width: 100%;
    max-width: 630px;
    padding: 10px 25px 10px 5px;
    color: #00015c;
    font-family: 'Grotesca', Arial, sans-serif !important;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    background: #ffcb00;
    transition: all 0.5s ease-in-out;
    top: 77px;
    border-radius: 0.7rem;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}

.tarja-contador.close{
    display: none;
}

@media (max-width: 991px){
    .tarja-contador{
        font-size: 13px;
        line-height: 1.1;
        bottom: inherit;
        top: 90px;
        padding: 17px 25px 15px 25px;
        border-radius: 0.5rem !important;
        max-width: 370px;
    }
}

.tarja-contador .close-contador{
    position: absolute;
    float: inherit;
    opacity: 1;
    z-index: 2;
    cursor: pointer;
    top: 9px;
    right: 5px;
    color: var(--c-blue1);
    line-height: 10px;
    transition: all 0.3s ease-in-out;
}

.tarja-contador .close-contador:hover{
    transform: scale(1.3);
}

.tarja-contador .close-contador i{
    font-size: 25px;
}

.tarja-contador svg{
    top: -3px;
    position: relative;
    margin-right: 7px;
    transition: all 0.3s ease-in-out;
}

.tarja-contador svg:hover{
    transform: scale(1.3);
    transition: all 0.3s ease-in-out;
}

.tarja-contador svg i{
    font-size: 25px;
}

@media (max-width: 991px){
    .tarja-contador {
        font-size: 13px;
        line-height: 1.1;
        bottom: inherit;
        top: 85px;
        padding: 17px 35px 15px 15px;
        border-radius: 0.5rem !important;
        max-width: 370px;
    }
    
    .tarja-contador svg {
        top: 7px;
    }
    
    .tarja-contador .close-contador {
        top: 23px;
    }
}


body[data-encerrado='true'] .encerramento-show {
    display: block !important;
}

body[data-encerrado='true'] .encerramento,
body[data-encerrado='true'] .encerramento-hide,
body:not([data-encerrado='true']) .encerramento-show {
    display: none !important;
}



/* Bolha de participação */
/* Bolha - CTA Participe */
.bolha-participe {
    display: none;
    position: fixed;
    z-index: 999999;
    top: 90px;
    left: 10px;
    /*width: 500px;*/
    width: 100px;
}

.bolha-participe a {
    cursor: pointer;
    height: inherit;
    position: absolute;
}

/*body.scrolled2 .bolha-participe {
display: block;
transition: all 0.3s ease-in-out;
}*/

.bolha-participe {
    display: block;
    transition: all 0.3s ease-in-out;
}

#bolhaMagnet{
    position: fixed;
    left: 16px; top: 120px;   /*posição inicial */
    z-index: 10000;
    cursor: grab;
    touch-action: none;
    transition: left .25s ease, top .25s ease, transform .15s ease; /* suaviza o snap */
}
#bolhaMagnet.dragging{
    cursor: grabbing;
    transition: none; /* sem animação enquanto arrasta */
}

@media (max-width: 991px){
    body.body-index #bolhaMagnet{
        left: 16px; top: 400px;
    }
}

/* Bolha — overlay/fade PNG→GIF */
.bolha-participe [data-login="desconectado"]{
    inset: 0;
    width: 100%;
    display: block;
}

.bolha-participe .cta-bolha-wrap{
    position: relative;
    display: block;
    width: 100%;
    border-radius: inherit;
}

.bolha-participe .cta-static,
.bolha-participe .cta-gif{
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
    will-change: opacity;
    transition: opacity .3s ease;
}

.bolha-participe .cta-static{
    position: relative;
    z-index: 2;
    opacity: 1;
}

.bolha-participe .cta-gif{
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}

/* Estado “play”: troca as opacidades */
.bolha-participe .cta-bolha-wrap.play .cta-static{ opacity: 0; }
.bolha-participe .cta-bolha-wrap.play .cta-gif{ opacity: 1; }

/* Acessibilidade: reduzir movimento */
@media (prefers-reduced-motion: reduce){
    .bolha-participe .cta-bolha-wrap.play .cta-static{ opacity: 1; }
    .bolha-participe .cta-bolha-wrap.play .cta-gif{ opacity: 0; }
}

/* estados extras para a timeline */
.bolha-participe .cta-bolha-wrap.play.fadeout .cta-gif{
    opacity: 0; /* GIF some após 2s, PNG ainda oculto por .play */
}

.bolha-participe .cta-bolha-wrap{
    transition: opacity .25s ease; /* para o hold→visível no 7s */
}
.bolha-participe .cta-bolha-wrap.hold{
    opacity: 0;
    pointer-events: none;
}

/*
* Safari/iOS: zoom automático ao focar campos com fonte computada menor que 16px.
* Regra global — carrega após ype.css e sobrescreve valores em rem menores.
*/
textarea,
select,
input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="hidden"]) {
    font-size: 16px !important;
}

@media (min-width: 1151px) and (max-width: 1366px){
    textarea,
    select,
    input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="hidden"]) {
        font-size: 14px !important;
    }
}

@media (min-width: 992px) and (max-width: 1150px){
    textarea,
    select,
    input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="hidden"]) {
        font-size: 12px !important;
    }
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 16px !important;
}

/* [DESATIVADO] Cadastro cupom sucesso — intro vídeo (~8s). Reativar se o cliente solicitar.
body.cadastrosucesso-intro-active .cadastrosucesso-intro-content {
    display: none !important;
}

.section.cadastrosucesso-intro {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    margin-top: -10rem !important;
}

.section.cadastrosucesso-intro.cadastrosucesso-intro--ready {
    opacity: 1;
    visibility: visible;
}

.cadastrosucesso-intro__cover {
    position: relative;
    width: 100%;
    line-height: 0;
    margin-bottom: -4rem !important;
}

.cadastrosucesso-intro__video {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0;
    vertical-align: top;
    background: transparent;
}

.cadastrosucesso-intro__caption {
    position: absolute;
    left: 50%;
    bottom: 8%;
    transform: translateX(-50%);
    z-index: 2;
    width: 92%;
    max-width: 820px;
    margin: 0;
    padding: 0 1rem;
    font-family: "Outfit", Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.35;
    font-weight: 400;
    text-align: center;
    color: var(--c-white, #fff);
    pointer-events: none;
}

@media (max-width: 991px) {
    .cadastrosucesso-intro__caption {
        bottom: 6%;
        line-height: 1.1;
        width: 94%;
    }
}

.cadastrosucesso-intro--leaving {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.65s ease, visibility 0.65s ease;
}

@media (prefers-reduced-motion: reduce) {
    .section.cadastrosucesso-intro {
        transition-duration: 0.01ms !important;
    }
}
*/



/* Box - Cadastro */
#boxParticipe {
    z-index: 999999999 !important;
    display: none;
}

#boxParticipe .boxParticipe {
  position: fixed;
  z-index: 999999999 !important;
  left: calc(50% - 202px);
  bottom: 50px;
  border-radius: 10px;
  max-width: 520px;
  transition: none;
  color: var(--c-bluedark1);
  background: var(--c-white);
}

#boxParticipe .boxParticipe .btn-fechar {
  width: 20px;
  height: 20px;
  background: #FF3A00;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 0;
  margin: 0px 0px 0 0;
  padding: 0rem;
  position: absolute;
  top: 7px;
  right: 7px;
}

#boxParticipe .boxParticipe .btn-fechar i {
  color: var(--c-white);
  font-size: 16px;
  line-height: 21px;
  transition: all 0.3s ease-in-out;
}

#boxParticipe .boxParticipe .btn-fechar i:hover {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
    #boxParticipe .boxParticipe {
      left: 15px;
      bottom: 10px;
      max-width: calc(100% - 30px);
    }
}
#boxParticipe .padding {
    max-width: 400px;
    padding: 2rem 3rem 3rem 3rem;
}

#boxParticipe .padding .title {
    padding: 0px;
    margin-bottom: 1rem;
    margin-top: 0;
    font-size: 3rem;
    line-height: 1;
    font-family: "GrotescaCondensed", Arial, sans-serif;
    font-weight: 800;
    text-transform: none;
    letter-spacing: 0;
    color: var(--c-bluedark1);
    text-align: center;
}


#boxParticipe .form-control {
  height: 45px;
}
#boxParticipe [class*="vld-"] + .error {
  position: absolute;
  text-align: left;
  display: block;
  width: 100%;
  font-size: 1.1rem;
  line-height: 1;
  font-family: "Grotesca", Arial, sans-serif;
  font-weight: 800;
  margin-top: 0px;
  margin-bottom: 8px;
  padding: 0 0 0 19px;
  background: transparent;
  color: #ff494b;
}
#boxParticipe .float-placeholder {
  display: none;
}

#boxParticipe .padding  .btn {
  position: relative;
  height: 45px;
  font-family: 'Grotesca', Arial, sans-serif;
  font-weight: 800;
  color: var(--c-white);
  background: var(--c-check);
  font-size: 2rem;
  line-height: 1;
  padding: 1rem 0rem 1.4rem 0rem;
  transition: all 0.3s ease-in-out;
  text-transform: none;
  text-decoration: none;
  border-radius: 0.7rem;
  margin: 15px 0px 6px 0px;
  transform: scale(1.1);
}
#boxParticipe .padding  .btn:focus,
#boxParticipe .padding  .btn:hover,
#boxParticipe .padding  .btn.active {
  color: var(--c-white);
  background: var(--c-check);
  transform: scale(1.2);
}