@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;900&display=swap');

body{
    font-family: "Montserrat", sans-serif;
    margin: 0 !important; 
    padding: 0 !important;
    max-width: 100% !important;
}

* {
    margin: 0px;
    padding: 0px;
}

span {
    /*font-size: 2vh;*/
}

a {
    cursor:pointer;
    text-decoration: none;
    color: inherit;
}

.container {
    display: flex;
    width: 100%;
}

.item {
    width: 1280px;
    margin: 0 auto !important;
}

.img {
    width: 100%;
    margin-bottom: -3px;
}

.sectInfo {
    justify-content: center;
    display: flex;
    padding: 15px;
}

.chancesBlock {
    display: block;
    padding-left: 21px;
    margin: 0 auto !important;
    color: #FFF;
    padding-bottom: 56px;
}

.bgImgEstrelas {
    /*background: url('../../imgs/26anos/2022/bg-como_funciona.jpg') no-repeat top center / cover;*/
    background: #00346e;
}

.aumente {
    font-weight: bold;
    padding-bottom: 10px;
}

.bgParticipe {
    text-align: center;
    margin: 40px auto !important;
}

.container bgImgEstrelas .p .saiba {
    color: #005CAC;
}

/* buttons */
.btnConfira {
    background-color: #0e1f4a;
    font-size: 30px;
    padding: 10px 20px;
    color: #FFF;
    border: none;
    border-radius: 7px;
    font-weight: bold;
    margin-right: 14px;
}

.spConfira {
    color: #0e1f4a;
    font-size: 27px;
    font-weight: bold;
    padding-top: 10px;
}

.pDescricao2 {
    color: #FFF;
}

.colocacao {
    display: flex;
    flex-direction: row;
    margin: 0 auto !important;
    padding-top: 20px;
    padding-bottom: 40px;
}

.col {
    margin: 0 auto !important;
    text-align: center;
    display: block;
}

.colMarcas {
    text-align: center;
    display: block;
    padding: 8px !important;
}
.colMarcas:hover {
    opacity: 0.7;
}
.pValor {
    color: #fab400;
    font-weight: bold;
    font-size: 26px;
}

.pDescricao {
    color: #FFF;
}

.chances {
    display: flex;
    margin: 0 auto !important;
    max-width: 800px;
    padding-top: 25px;
}

.more {
    height: 66px;
}

/* backgrounds */
.bgAmarelo {
    background-color: #fab400;
}

.bgAzul {
    background-color: #00acea;
}
.bgDarkAzul {
    background-color: #0079ac;
}

.validade {
    color: #0f1e48;
    text-align: center;
    font-size: 2vh;
    font-weight: bold;
    padding: 10px;
}

.regulamento {
    font-weight: normal;
    text-decoration: underline;
}

.descricao {
    width: 283px;
    padding-top: 23px;
    color: #FFFFFF;
    font-size: 16px;
}

.title {
    color: #00cdff;
    font-weight: bold;
    font-size: 30px;
    padding-top: 10px;
}

#patrocinadores p {
    color: #FFFFFF;
    text-align: center;
    font-size: 45px;
    font-weight: bold !important;
    padding: 50px;
}

.txtParticipar {
    color: #FFF;
    text-align: center;
    font-size: 6vh;
    font-weight: bold;
    padding-bottom: 28px;
}

.txtPatrocinador {
    padding-top: 40px;
    color: #005CAC;
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    padding-bottom: 28px;
}

.BtnMaisDuvidas {
    color: #005CAC;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: #005CAC;
    background-color: #FFF;
    font-weight: bold;
    padding: 14px 35px;
    font-size: 18px;
    margin: 10px;
    width: 250px;
}

#saiba .BtnReg {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 19px;
    font-weight: 900;
    width: 293px;
}

#saiba h3{
    color: #ffcb00;
    text-align: center;
    font-size: 45px;
    font-weight: 900 !important;
    padding: 0px 50px 50px 50px;
}

.BtnReg {
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: #FFFFFF;
    background-color: transparent;
    padding: 14px 35px;
    font-size: 18px;
    margin: 50px 10px;
    cursor: pointer;
    width: 293px;
}

#saiba .BtnParticipar {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 19px;
    font-weight: bold;
    width: 293px;
}


.imgBanner{
    background-image: url('../../imgs/26anos/fullbanner_campanha_institucional_1920x500.jpg');
}

#duvidas .BtnParticipar{
    background-color: #00cdff;
}

#duvidas h3 {
    color: #005CAC;
    text-align: center;
    font-size: 45px;
    font-weight: 900 !important;
    padding: 15px;
}

.BtnParticipar {
    color: #fff;
    border: none;
    border-radius: 5px;
    background-color: #00cdff;
    padding: 15px 35px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin: 50px 10px;
    width: 250px;
}

.indique {
    padding-bottom: 35px;
}
.indique .BtnIndicar{
    color: #ffff;
    border: none;
    border-radius: 5px;
    background-color: #00cdff;
    margin-left: 10px;
    display: block;
    font-size: 18px;
    width: 250px;
}
.line {
    display: flex;
    justify-content: center;
}
.line img {
    margin: 20px;
}

.inputs {
    display: flex;
    margin:  0 auto !important;
    justify-content: center;
    padding-bottom: 20px;
}

.inputs input {
    width: 361px;
    height: 51px;
    border-radius: 5px;
    border-width: 1px;
    box-sizing: border-box;
    border-color: #005CAC;
    color: #626262;
    font-size: 16px;
    padding: 0 10px;
    background-color: #fff;
}

.inputs ::-webkit-input-placeholder {
    color: #626262;
    font-size: 16px;
}

.ui-corner-all {
    border-radius: 0;
}
.ui-state-default {
    box-shadow: none;
}
.dispFlex {
    display: flex;
    justify-content: center;
    padding: 53px 0px;
}

.dispBlock {
    display: block;
    padding-top: 65px;
}

.spParticipe {
    color: #0e1f4a;
    font-size: 7vh;
    font-weight: bold;
    padding-top: 10px;
}

.pInfo {
    color: #0e1f4a;
    font-size: 4vh;
}

.infoAtivacao {
    color: #005CAC;
    font-weight: bold;
    padding: 20px;
    font-size: 45px;
}

.infoSorteio {
    color: #005CAC;
    font-size: 45px;
    display: block;
    font-weight: bold;
    padding: 20px;
}

.pCadastro {
    color: #005CAC;
    font-size: 10px;
}

.pCadastroTitle {
    color: #005CAC;
    font-weight: bold;
    font-size: 20px;
}

.pValue {
    color: #dd9300;
    font-size: 7vh;
    font-weight: bold;
}


.Login {
    padding: 30px;
}
.Login ::-webkit-input-placeholder {
    color: #626262;
    font-size: 16px;
}

.inputLogin {
    color: #626262;
    border-width: 1px;
    border-radius: 5px;
    width: 277px;
    height: 51px;
    border-style: solid;
    border-color: #9bc4ff;
    padding: 0 10px;
    margin-left: 10px;
}

.pLogin {
    color: #005CAC;
    font-weight: 900;
    text-align: center;
    padding: 10px;
    font-size: 30px;
}
.pLogin span { 
   display: block;
   color: #FFC431;
}

.btnLogin {
    background-color: #005CAC !important;
    border-radius: 5px;
    color: #fff;
    width: 130px;
    border-style: none;
    width: 300px;
    height: 50px;
    margin-bottom: 0px;
}
.btnLogin .ui-button-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px;
    font-weight: 900;
}
.BtnLoginNav:hover {
    background-color: #ddc000;
    color: #005CAC;
}
.btnLogin:hover {
    background-color: #FFC431 !important; 
    color: #005CAC;
}

.mgBottom {
    margin-top: 10px;
    margin-bottom: 60px;
}

/* Dialog Regulamento Modal */
.dlgRegulamentoModal.ui-dialog {
    width: 90% !important;
    max-width: 900px !important;
    max-height: 85vh !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
    background: #ffffff !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.dlgRegulamentoModal .ui-dialog-titlebar {
    background: #005CAC !important;
    color: #ffffff !important;
    padding: 15px 20px !important;
    border: none !important;
    border-radius: 8px 8px 0 0 !important;
}

.dlgRegulamentoModal .ui-dialog-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #ffffff !important;
}

.dlgRegulamentoModal .ui-dialog-titlebar-close {
    color: #ffffff !important;
    margin-top: 2px !important;
}

.dlgRegulamentoModal .ui-dialog-content {
    max-height: calc(85vh - 65px) !important;
    height: auto !important;
    overflow-y: auto !important;
    padding: 30px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

.dlgRegulamentoModal .ui-panel,
.dlgRegulamentoModal .ui-panel-content {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

.backToTop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
}

/* Minha Conta */
.conta {
    padding: 40px 0;
    display: block;
    margin: 0 auto !important;
    color: #005CAC;
    text-align: center;
}
.conta .cupons {
    padding-top: 53px;
}

.numeros {
    padding: 10px 0;
    text-align: left;
}

.options {
    display: flex;
    max-width: 75%;
    justify-content: space-between;
    margin: 0 auto !important;
    padding: 50px 0 20px 0;
}

.resultPontos {
    max-width: 80%;
    margin: 0 auto !important;
}
.detalhes {
    text-align: center;
    padding: 20px 0;
}
.detalhes h1 {
    color: #005CAC;
    padding-bottom: 20px;
}

.Ative{
    background-color:#f3f5f7;
    padding: 40px 0;
}
.Ative .logo {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
.Ative .pedido {
    color: #1A2349;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #1A2349;
    padding: 20px 0;
    font-size: 30px;
    width: 50%
}
.Ative .pedido::-webkit-input-placeholder {
    color: #1A2349;
}

.sorte {
    margin: 45px 20px;
}

.pAmarelo {
    color: #dd9300
}

.detalhes hr {
    width: 500px;
    margin: 0 auto !important;
}

.marcar {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
.marcar table {
    border: none;
}

.marcar input {
    margin-top: 5px !important;
}

.marcar label {
    color: #0082ff;
    padding: 0 15px 0 10px;
}

@media (max-width: 480px) {
    .infoNumAtencao{
        padding: 20px;
    }
    .btnRecuperarSenha {
        display: block;
    }
    .btnRecuperarSenha .ui-button-text-only .ui-button-text {
        font-size: 10px !important;
        padding: 10px 10px;
    }
    .ui-outputpanel ui-widget {
        padding: 0px !important;
    }
    .button {
        width: 121px !important;
    }
    .infoNumAtive p {
        font-size: 30px !important;
    }
    #participar .colocacao {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    .cart_header {
        display: none !important;
    }
    #rodape .midiasSociais {
        padding: 20px !important;
        display: block;
    }
    #rodape {
        height: 650px; 
    }
    #patrocinadores p{
        padding: 28px;
    }
    .infoNumAtive{
        padding: 20px;
    }
    .container-parceiros {
        display: flex;
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .container-parceiros .item .line {
        display: block;
    }
    .info {
        padding: 20px;
    }

    nav{
        display: none;
    }

    .one,
    .two,
    .three {
        background-color: #fff;
        height: 5px;
        width: 100%;
        margin: 6px auto;
    }

    .menu-toggle {
        width: 40px;
        height: 30px;
        margin-right: 20px;
    }
}

@media (max-width: 1280px) {
    .infoNumAtencao{
        padding: 20px;
    }
    #participar .colocacao {
        padding-top: 20px !important;
    }
    .infoNumAtive{
        padding: 20px;
    }
    #premiacao .col{
        padding: 12px;
    }
    #rodape .colocacao {
        display: grid;
        padding-bottom: 20px;
    }
    #rodape {
        height: 391px;
    }
    #rodape .midiasSociais {
        padding-bottom: 0px !important;
    }
    #rodape .menuFooter {
        padding-bottom: 20px;
    }
    .BtnParticipar {
        margin-top: 10px;
    }
    .container-parceiros .item .line {
        display: block;
    }
    .BtnReg {
        margin-bottom: 10px
    }
    .info {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .dlgRegulamentoModal.ui-dialog {
        width: 95% !important;
        max-width: 95% !important;
        max-height: 90vh !important;
        left: 2.5% !important;
        top: 5vh !important;
        margin: 0 !important;
    }
    .dlgRegulamentoModal .ui-dialog-content {
        max-height: calc(90vh - 60px) !important;
        padding: 15px !important;
    }
    .indique .BtnIndicar {
        height: 41px;
    }
    .indique .BtnIndicar {
        margin-left: 0px;
    }
    .cart_header {
        display: none !important;
    }
    .BtnLoginNav {
        margin-left: 0px !important;
        margin-right: 10px !important;
        padding: 5px 15px 5px 9px !important;
        width: 100% !important;
        max-height: 37px;
    }
    #duvidas h3 {
        font-size: 30px;
    }
    .dark-blue h1 {
        font-size: 31px !important; 
    }
    #recupSenha .btnRecuperarSenha {
        display: block;
    }
    .btnRecuperarSenha .ui-button-text-only .ui-button-text {
        font-size: 10px !important;
        padding: 10px 10px;
    }
    #patrocinadores p {
        font-size: 25px;
    }
    .inputs input {
        margin-bottom: 31px;
    }
    .Dados h2 {
        margin: 0px !important;
    }
    .conta {
        padding: 0px !important;
    }
    .ui-outputlabel {
        padding: 0px !important;
        font-size: 20px !important;
    }
    .fontButton {
        font-size: 12px !important;
        margin-top: 15px;
        display: inline-block;
        align-items: center !important;
    }
    .button {
        height: 48px !important;
        padding: 0px !important;
    }
    .container-footer h3 {
        padding: 2px 2px 10px 15px !important;
    }
    #participar .colocacao {
        padding-top: 0px;
    }
    #rodape .menuFooter .col {
        padding-right: 0px !important;
    }
    .container-parceiros .line img {
        max-width: 97px;
    }
    .BtnReg {
        margin-top: 0px !important;
        margin-bottom: 8px !important;
    }
    #rodape .col {
        width: 100%;
    }
    #rodape .midiasSociais {
        padding: 0px !important;
        display: block !important;
    }

    #rodape .line {
        text-align: -webkit-center;
        padding-bottom: 20px;
    }
    #rodape .menuFooter {
        display: flex;
        padding: 16px !important;
    }
    #rodape .colocacao {
        padding-bottom: 20px;
    }
    #rodape {
        height: 510px;
    }
    #rodape .infoDesenv {
        padding: 5px;
        display: flex;
    }
    .container-parceiros .line img {
        width: 118px;
    }
    img.Logo {
        padding: 20px;
    }
    #menuToggle div {
        padding-left: 50px;
        padding-bottom: 20px;
        text-align: left;
        border-style:  1px #fff solid; 
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }
    #menuToggle {
        display: block;
        top: 50px;
        left: 50px;

        z-index: 1;

        -webkit-user-select: none;
        user-select: none;
    }
    #menuToggle a {
        text-decoration: none;
        color: #232323;

        transition: color 0.3s ease;
    }
    #menuToggle a:hover {
        color: tomato;
    }
    #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;

        cursor: pointer;

        opacity: 0; /* hide this */
        z-index: 2; /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }
    #menuToggle span {
        display: block;
        width: 31px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;

        background: #cdcdcd;
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0px;

        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
            background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
            opacity 0.55s ease;
    }
    #menuToggle span:first-child {
        transform-origin: 0% 0%;
    }
    #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }
    #menuToggle input:checked ~ span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #fff;
    }
    #menuToggle input:checked ~ span:nth-last-child(3)
    {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }
    #menuToggle input:checked ~ span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
    }
    #menu {
        position: absolute;
        width: 300px;
        margin: -100px 0 0 -50px;
        padding-bottom: 20px;
        padding-top: 125px;

        background: #005CAC;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);

        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }
    #menu li {
        padding: 10px 0;
        font-size: 14px;
        color: #fff;
        list-style-type: none !important;
    }
    #menuToggle input:checked ~ ul {
        transform: none;
        list-style-type: none !important;
    }
    .bgImgEstrelas {
        /*background-image: url('../../imgs/24anos/background_amarelo_estrelas.png');*/
        /*background: #005CAC;*/
    }
    .action {
        align-content: flex-end;
        padding-left: 15px 0px;
    }
    .bgImgBalao img {
        max-width: 281px;
    }

    .ganhadores {
        display: block;
    }

    .btnConfira {
        display: block;
        margin: 0 auto !important;
        font-size: 20px;
        width: 160px;
    }
    .sectInfo {
        display: block;
        text-align: center;
    }

    .spConfira {
        display: flex;
        justify-content: center;
        font-size: 15px;
    }
    .p-premiacao2 {
        padding: 0 40px;
        text-align: center;
        margin: 0 auto;
    }

    .colocacao {
        display: block;
    }

    .pDescricao {
        padding-bottom: 40px;
    }

    .chances {
        display: block;
        margin: 0 auto !important;
    }

    .chancesBlock {
        padding: 15px 26px;
    }

    .pValor {
        font-size: 27px;
    }

    .more {
        width: 139px;
        height: 139px;
        display: flex;
        margin: 0 auto !important;
    }

    .aumente {
        display: flex;
        justify-content: center;
    }

    .regulamento {
        display: block;
    }
    .descricao {
        padding-bottom: 47px;
        text-align: center;
        margin: 0 auto;
    }
    .BtnReg {
        margin-bottom: 50px;
    }
    .BtnParticipar {
        margin-bottom: 50px;
    }
    .header .item nav {
        display: none !important;
    }
    .Logo img {
        max-width: 90px !important;
    }
    .Duvidas .BtnParticipar {
        margin-bottom: 0;
    }
    .Duvidas .Accordion {
        margin: 10px !important;
    }
    .Duvidas .Phone {
        margin: 20px !important;
    }
    .line {
        display: block;
    }
    .line img {
        width: 366px;
    }
    .inputs input {
        width: 100%;
    }

    .btnEnviar {
        padding: 13px 7px;
    }
    .dispFlex {
        display: block;
    }

    .dispFlex img {
        max-width: 100%;
    }

    .btnLogin {
        width: 80%;
    }

    .inputLogin {
        margin: 5px;
        width: 90%;
    }

    .dispBlock {
        text-align: center;
        padding-top: 10px;
    }

    .header .item {
        width: 98%;
    }
    .backToTop {
        right: 30px;
        bottom: 20px;
    }

    .backToTop img{
        width: 34px;
    }

    /* Minha Conta */
    .btn {
        width: 205px;
        border-style: none;
        height: 45px;
        margin: 0 20px;
        color: #FFF;
        font-weight: bold;
        font-size: 15px;
    }

    .btnPorPedido {
        cursor: pointer;
    }

    .btnPorNumero {
        cursor: pointer;
    }

    .options {
        max-width: 100%;
    }

    .conta {
        padding: 20px 10px;
    }

    .resultPontos {
        max-width: 100%;
    }
    .Ative .logo {
        display: block;
    }

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

    .Ative .pedido {
        width: 90%;
    }

    .sorte {
        margin: 0px 20px;
    }

    .detalhes {
        padding: 20px 10px;
    }
    .detalhes hr {
        width: 95%;
        margin: 0 auto !important;
    }
    .button {
        margin: 10px auto !important;
    }
    .Cadastro fieldset {
        width: 100% !important;
    }
    .Abas a {
        font-size: 12px;
        padding: 5px;
        line-height: 20px !important;
    }
    .inputs {
        margin: 0 auto !important;
        text-align: center;
    }
    .lembreSe {
        width: 100% !important;
    }
}


.blue {
    color: #005CAC;
}
.dark-blue {
    color: #005CAC;
}
.light-blue {
    color: #ffff!important;
}

img.Logo {
    max-width: 180px;
}

/* Menu */
.header {
    overflow: hidden;
    background-color: #005CAC;
    padding-left: 20px;
    padding-right: 20px;
}
.header .item {
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header a {
    color: #ffffff;
    text-align: center;
    font-size: 14px;
}
.header a.logo {
    font-size: 25px;
}

nav {
    display: flex;
    align-items: center;
}

.header .item nav {
    flex-grow: 2;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 15px;
}

.header .item nav a,
.header .item nav a.ui-commandlink,
.header .item nav a.ui-widget {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #ffffff !important;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    line-height: normal;
    transition: color 0.2s ease;
}

.header .item nav a:hover,
.header .item nav a.ui-commandlink:hover {
    opacity: 0.85;
}

.header .item .action {
    display: flex;
    justify-content: flex-end;
}
.header .item .action a:first-child {
    padding-left: 0;
}

.header .item .action a {
    display: flex;
    align-items: center;
    color: #005CAC;
    padding-left: 10px;
}
.header .item .action a.light-blue.login:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../imgs/common/login.svg);
    background-repeat: no-repeat;
    position: relative;
    left: -5px;
}
.logout:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../imgs/common/logout.svg);
    background-repeat: no-repeat;
    position: relative;
    left: -5px;
}
.header .item .action a.light-blue.loja:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 20px;
    background-image: url(../../imgs/26anos/carrinho_white.png);
    position: relative;
    left: -15px;
}


/* Rodapé */
.Rodape{
    padding: 50px 0;
    text-align: center;
}
.Rodape .Certificado{
    margin: 20px 0 40px 0;
}
.Rodape .Social{
    list-style:none;
    margin:0;
    padding:0;
}
.Rodape .Social li{
    display:inline-block;
    margin: 0 5px;
    vertical-align:middle;
    list-style-type: none !important;
}
.Rodape .Social li a{
    display:block;
    list-style-type: none !important;
}
.Rodape .Social img {
    width: 45px;
}


/* Dúvidas */
.Duvidas{
    color: #1A2349;
}
.Duvidas .Text {
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    margin: 0 auto;
}
.Duvidas .Botoes {
    text-align: center;
}
.Duvidas .Info {
    margin-top: 30px;
    text-align: center;
}
.Duvidas .Phone {
    margin: 50px;
    font-weight: bold;
    font-size: 20px;
}
.Duvidas .Phone a {
    color: #1A2349;
}

/* Accordion */
.Duvidas .Accordion {
    color:#005CAC;
    max-width:735px;
    margin: 40px auto;
}
.Duvidas .Accordion-Panel{
    border-bottom:1px solid #f3f3f3;
}
.Duvidas .Accordion-Panel:last-child{
    border-color:transparent;
}
.Duvidas .Accordion-Header{
    cursor:pointer;
    display:block;
    font-size: 16px;
    padding: 30px 100px 30px 0;
    position:relative;
}
.Duvidas .Accordion-Header::after{
    border-bottom:1px solid #005CAC;
    border-right:1px solid #005CAC;
    content:"";
    height:10px;
    width:10px;
    position:absolute;
    right:0;
    top:50%;
    transform:rotate(45deg) translateX(-50%);
}
.Duvidas .Accordion-Panel.Accordion-Ativo .Accordion-Header::after{
    border-color:#20558B;
    transform:rotate(225deg) translateY(-50%);
}
.Duvidas .Accordion-Content p {
    color: #707a84;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px 15px;
}
.Duvidas .Accordion-Content{
    display:none;
}
.esqueciSenha {
    display: inline-flex;
    padding-bottom: 20px;
    font-size: 10px;
    color: #005CAC !important;

}
.infoNumAtive {
    margin: 0 auto !important;
    text-align: left;
    display: block;   
    font-size: 45px;       
}
.infoNumAtive p {
    font-size: 38px;
}

.infoNumAtive span {
    display: block;
    color: #FFC431;
    border-bottom: 3px solid #FFC431;
}

.infoNumAtencao {
    margin: 0 auto !important;
    text-align: left;  
    display: block;
    line-height: 1.5;
}
.infoNumAtencao span {
    font-size: 38px;
    font-weight: 900;
    color: #FFC431;
}
.infoNumAtencao p {
    font-size: 14px;
    color: #005CAC;
}
.regInfo {
    margin: 60px 0px 20px 0px;
    font-weight: 900;
    color: #FFFFFF;
    text-align: center;
    font-size: 17px;
}

.container-parceiros .item .line {
    display: block;
}
.container-parceiros {
    display: flex;
    width: 100%;
    padding-bottom: 50px;
}

footer {
    display: flex;
    width: 100%;
    background-color: #005CAC;
    height: 361px;
}
.container-footer {
    display: flex;
    align-items: center;
    width: 100%;
}

.container-footer h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    text-align: left;
    font-weight: 500;
    padding: 6px 0;
    margin: 0;
    color: #fff;
}

.container-footer .logo{
    max-width: 40px;
}
.container-footer img {
    margin: 0px;
    padding: 5px;
}

.buttonFooter {
    color: #005CAC;
    border: none;
    border-radius: 5px;
    display: flex;
    background-color: #FFC431;
    font-size: 14px;
    height: 44px;
    padding: 0 16px;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}
.buttonFooter p {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    color: #005CAC;
    font-size: 14px;
    margin: 0 0 0 8px;
}
.buttonFooter img {
    max-width: 24px;
    max-height: 24px;
    margin: 0;
    padding: 0;
}

.line ul {
    display: flex;
    list-style-type: none !important;
}
.redes ul li {
    display: inline-block;
    list-style-type: none !important;
}
.esqueciSenha div {
    display: inline-flex;
    padding: 10px;
    align-items: baseline !important;
    list-style-type: none !important;
}
.esqueciSenha a {
    font-size: 11px;
}
.info p {
    font-size: 14px;
    color: #005CAC;
}
.BtnLoginNav {
    color: #005CAC;
    border: none;
    border-radius: 5px;
    background-color: #FFC431;
    padding: 2px 0px 3px 10px;
    font-size: 18px;
    margin: 60px 30px;
    width: 139px;
}

.BtnLoginNav p {
    font-size: 22px;
    text-align: left;
}
.BtnLoginNav h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}
#patrocinadores {
    text-align: center;
}
#rodape .midiasSociais {
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    text-align: center;
    align-items: center;
    display: flex;
    gap: 20px;
}

#rodape .midiasSociais .flex {
    align-items: center;
    display: flex;
    gap: 8px;
}

#rodape .midiasSociais .flex h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 6px 0 0;
    padding: 0;
    white-space: nowrap;
}

#rodape .midiasSociais .flex .logo {
    max-width: 36px;
    max-height: 36px;
    padding: 0;
    margin: 0;
}

#rodape .infoDesenv {
    font-size: 11px;
    color: #fff;
    text-align: center;
}

.cart_header {
    display: flex;
    color: #fff;
    align-items: center;
}
.cart_header p {
    color: #fff;
}
.cart_header img {
    max-width: 25px;
    max-height: 25px;
}

.bgImgBalao {
    background: url('../../imgs/26anos/bg_image_premiacao.png');
    background-repeat: no-repeat;
}
.imgColocado{
    max-width: 326px;
}

#premiacao h3 {
    padding-top: 60px;
    color: #FFC431;
    font-size: 45px;
    text-align: center;
}

#participar .colocacao {
    padding-top: 90px;
}

#participar .colocacao .col {
    width: 50%;
    padding: 0px 15px;
}

.menuToggle {
    display: none;
}

#rodape .menuFooter {
    display: flex;
    align-items: flex-start;
    padding-right: 20px;
}

#rodape .menuFooter .col {
    padding-right: 40px;
}

#rodape .menuFooter a,
#rodape .menuFooter .ui-commandlink {
    text-decoration: none !important;
    display: block;
    cursor: pointer;
}

#rodape .menuFooter h3,
#rodape .menuFooter .ui-commandlink h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #ffffff !important;
    padding: 6px 0;
    margin: 0;
    text-align: left;
}

#rodape .menuFooter a:hover h3,
#rodape .menuFooter .ui-commandlink:hover h3 {
    color: #FFC431 !important;
}

.flex {
    align-items: center;
    display: flex;
}

.account .ui-datagrid .ui-widget-header {
    background-color: #005CAC !important;
}
.ui-panel .ui-panel-titlebar {
    border-bottom: solid #005CAC 1px !important;
}
.ui-panel .ui-panel-titlebar .ui-panel-title {
    color: #005CAC !important;
}
.btnSair {
    margin: auto;
}

.btnSair a{
    color: #005CAC !important;
}

.lembreSe {
    background: #FFC431; 
    margin-top: 20px; 
    padding-bottom: 5px; 
    padding-top: 5px; 
    border-radius: 5px; 
    width: 64%;
}


#participar { padding-bottom: 30px; }
#duvidas { margin-top: 50px; }
#marcasParceiras .titulo { margin: 50px 0px 15px 0px; font-size: 30px; font-weight: 900; color: #005CAC; }
#marcasParceiras span { color: #FFC431; }
#marcasParceiras hr { width: 48%; height: 3px; margin: 0 auto 40px auto; background: #FFC431; border: none; }
#marcasParceiras img { max-width: 150px; max-height: 150px; width: 80%; margin: 0px; }

#apresentacao div{
    margin-bottom: -1px !important;
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 769px) and (max-width: 1199.98px) {
    header .item { width: 100%; }
    header .BtnLoginNav { display: none; }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #marcasParceiras img { min-width: 99px; min-height: 85px; }
    #participar .colocacao { padding-top: 90px !important; }
    #participar br { display: none; }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #saiba .colocacao .col { width: 29%; margin: 0px 15px !important; float: left; }
    #saiba .colocacao p { display: block; width: auto !important; }
    #participar br { display: none; }
    #participar .colocacao { overflow: hidden; }
    #participar .colocacao .col { width: 46% !important; float: left; }
    #participar .colocacao .infoNumAtive p { margin-top: 60px; font-size: 30px; }
    #participar .colocacao .infoNumAtencao span { font-size: 30px; }
    #participar .Login { overflow: hidden; }
    #participar .Login input { width: 45%; float: left; }
    #patrocinadores .colocacao { width: 90%; }
    #patrocinadores .colocacao input { width: 65%; float: left; }
    #patrocinadores .colocacao button { width: 30%; height: 50px; float: right; }
    #marcasParceiras .box .col { width: 25%; height: 132px; float: left; }
    
    
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {  
    br { display: none; }
    #saiba br { display: block; }
    #saiba .regInfo { font-size: 16px;}
    #saiba h3 { font-size: 30px; }
    #saiba .item a { width: 46%; }
    #saiba .item a.btnEsquerda { margin-left: 2%; float: left; }
    #saiba .item a.btnDireita { margin-right: 2%; float: right; }
    #saiba .item .acessos { margin-bottom: 60px !important;  overflow: hidden; }
    #saiba .BtnReg { width: 100%; padding: 14px 0px; margin: 0px !important; }
    #saiba .BtnParticipar { width: 100%; margin: 0px !important; padding: 15px 0px !important; }
    #participar .colocacao { overflow: hidden; }
    #participar .colocacao .col { width: 42% !important; float: left; }
    #participar .colocacao .infoNumAtive p { margin-top: 80px; font-size: 22px; }
    #participar .colocacao .infoNumAtencao span { font-size: 22px; }
    #participar .Login { padding: 30px 0px !important; overflow: hidden; }
    #participar .Login input { width: 42%; margin: 0px !important; }
    #participar .Login .inputLeft { margin-left: 2% !important; float: left; }
    #participar .Login .inputRight { margin-right: 2% !important; float: right; }
    #participar .esqueciSenha {}
    #participar .esqueciSenha a { font-size: 14px; }
    #patrocinadores .colocacao { width: 90%; }
    #patrocinadores .colocacao input { width: 65%; float: left; }
    #patrocinadores .colocacao button { width: 30%; height: 50px; float: right; }
    #marcasParceiras .box .col { width: 25%; height: 100px; float: left; }
    
    /*Janela recuperar senha*/
    .recuperarSenha p.subTitle { width: 90%; margin: 15px 0px !important; }
    .recuperarSenha .btnRecuperarSenha { width: 90%; }
    .recuperarSenha .btnRecuperarSenha button { width: 48% !important; margin: 0px !important; }
    .recuperarSenha .btnRecuperarSenha button.btnRecSenha { margin-right: 2% !important; float: left; }
    .recuperarSenha .btnRecuperarSenha button.cancelarSenha { margin-left: 2% !important; float: right; }
    
    
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    br { display: none; }
    /*#saiba br { display: block; }*/
    #saiba .regInfo { font-size: 16px;}
    #saiba h3 { font-size: 24px; }
    #saiba .title { font-size: 24px; }
    #saiba .descricao { min-width: 290px;  font-size: 14px; }
    #saiba .item a { width: 90%; }
    #saiba .item .acessos { margin-bottom: 50px !important; }
    #saiba .BtnReg { width: 90%; padding: 14px 0px; margin: 10px 0px !important; }
    #saiba .BtnParticipar { width: 90%; margin: 10px 0px !important; padding: 15px 0px !important; }
    
    #participar .colocacao { overflow: hidden; }
    #participar .colocacao .col { width: 90% !important; }
    #participar .colocacao .infoNumAtive p { margin-top: 30px; font-size: 22px !important; }
    #participar .colocacao .infoNumAtencao { margin-top: 30px !important; }
    #participar .colocacao .infoNumAtencao span { display: block; margin: 30px 0px 10px 0px; text-align: center; font-size: 22px; }
    #participar .pLogin { font-size: 24px; }
    #participar .Login { padding: 30px 0px !important; overflow: hidden; }
    #participar .Login input { display: block; width: 90%; margin: 0px auto !important; }
    #participar .Login .inputLeft { margin-bottom: 15px !important; }
    #participar .esqueciSenha {}
    #participar .esqueciSenha a { font-size: 14px; }
    #patrocinadores .colocacao { width: 90%; }
    #patrocinadores .colocacao input { width: 100%; float: left; }
    #patrocinadores .colocacao button { width: 100%; height: 50px; float: right; }
    #marcasParceiras .titulo { font-size: 24px; }
    #marcasParceiras .box .col { width: 50%; height: 100px; float: left; }
    
    /*Janela recuperar senha*/
    .recuperarSenha p.subTitle { width: 90%; margin: 15px 0px !important; }
    .recuperarSenha .btnRecuperarSenha { width: 90%; }
    .recuperarSenha .btnRecuperarSenha button { width: 100% !important; margin: 0px !important; }
    .recuperarSenha .btnRecuperarSenha button.btnRecSenha { margin-bottom: 20px !important; }
    .recuperarSenha .btnRecuperarSenha button.cancelarSenha {}
}