/* =========================================================
   GERAL
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    width: 100%;
    min-height: 100%;
}

body {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    background: #070707;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}

input,
select,
textarea,
button {
    font-family: Arial, Helvetica, sans-serif;
}

input,
select,
textarea,
button {
    outline: none;
}

button {
    border: 0;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

.hidden,
.esconder {
    display: none;
}

.cursor {
    cursor: pointer;
}

.centralizar-input {
    text-align: center;
}

.area {
    width: 100%;
    min-height: 100vh;
    padding-bottom: 90px;
    background:
        radial-gradient(circle at 90% 5%, rgba(215, 255, 63, .15), transparent 24%),
        linear-gradient(135deg, #050505, #101010);
}

.content {
    padding: 0 16px 30px;
}

#loading {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    z-index: 99999999;
    background: rgba(0, 0, 0, .70);
}

.loading-spinner {
    width: 58px;
    height: 58px;
    border: 5px solid rgba(255, 255, 255, .12);
    border-top: 5px solid #d7ff3f;
    border-right: 5px solid #d7ff3f;
    border-radius: 50%;
    animation: loading_girar .8s linear infinite;
    box-shadow: 0 0 18px rgba(215, 255, 63, .25);
}

@keyframes loading_girar {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#area_alerta{
    position:fixed;
    top:-120px;
    left:0;
    width:100%;
    display:flex;
    justify-content:center;
    padding:14px;
    z-index:999999999;
    transition:.28s ease;
    pointer-events:none;
}

#alerta{
    min-width:220px;
    max-width:90%;
    min-height:54px;
    padding:14px 20px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    font-size:14px;
    font-weight:800;
    backdrop-filter:blur(12px);
    box-shadow:0 15px 45px rgba(0,0,0,.28);
}


/* =========================================================
   LOGIN
========================================================= */

.login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.login-card {
    width: 100%;
    max-width: 320px;
    background: #fff;
    color: #111;
    border-radius: 34px;
    padding: 28px 24px;
    box-shadow: 0 26px 70px rgba(0, 0, 0, .35);
}

.login-logo {
    text-align: center;
    margin-bottom: 22px;
}

.login-logo img {
    width: 200px;
}

.login-titulo {
    font-size: 12px;
    font-weight: 900;
    color: #666;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 8px;
    letter-spacing: .4px;
}

.login-subtitulo {
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    color: #111;
    margin-bottom: 24px;
}

.login-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.login-form input,
.login-center {
    width: 100%;
    height: 58px;
    border: 1px solid #e1e1e1;
    background: #f6f6f6;
    border-radius: 20px;
    padding: 0 16px;
    font-size: 17px;
    font-weight: 800;
    color: #111;
    text-align: center;
    outline: none;
}

.login-form input:focus,
.login-center:focus {
    background: #fff;
    border-color: #111;
}

.login-botao {
    width: 100%;
    height: 60px;
    margin-top: 16px;
    border-radius: 22px;
    background: #d7ff3f;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
}

.login-link2 {
    margin-top: 18px;
    text-align: center;
    font-size: 13px;
    font-weight: 900;
    color: #666;
    cursor: pointer;
}


/* =========================================================
   CABEÇALHO
========================================================= */

.jb-header {
    position: relative;
    z-index: 50;
    width: 100%;
    min-height: 82px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 90% 0%, rgba(215, 255, 63, .13), transparent 35%),
        rgba(7, 7, 7, .96) !important;
    border-bottom: 1px solid rgba(215, 255, 63, .14);
    box-shadow: 0 14px 35px rgba(0, 0, 0, .28);
    cursor: pointer;
}

.jb-header::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 70px;
    height: 3px;
    border-radius: 10px 10px 0 0;
    background: #d7ff3f;
    transform: translateX(-50%);
}

.jb-header-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.jb-header-logo img {
    display: block;
    width: auto;
    height: 48px;
    max-width: 180px;
    object-fit: contain;
}

.aviso-sem-sorteios-icone {
    width: 52px;
    height: 52px;
    margin: 0 auto 13px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.aviso-sem-sorteios-icone i {
    font-size: 19px;
}

.aviso-sem-sorteios-titulo {
    color: #111;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
}

.aviso-sem-sorteios-texto {
    margin-top: 7px;
    color: #666;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
}

.aviso-sem-sorteios-botao {
    margin-top: 16px;
    gap: 8px;
}

.aviso-sem-sorteios-botao i {
    font-size: 14px;
}


/* =========================================================
   HOME
========================================================= */

.jb-page {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding-top: 9px;
}

.jb-card-principal {
    width: 100%;
    margin: 0;
    padding: 12px;
    background: #fff;
    color: #111;
    border-radius: 26px;
    box-shadow: 0 22px 55px rgba(0, 0, 0, .32);
}

.jb-card-principal select,
.jb-card-principal input {
    font-family: Arial, Helvetica, sans-serif;
}

.jb-selecione {
    margin-bottom: 6px;
    color: #666;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.jb-modalidade {
    width: 100%;
    padding: 9px 11px;
    border: 1px solid #e1e1e1;
    border-radius: 18px;
    background: #f6f6f6;
}

.jb-modalidade select {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #dedede;
    border-radius: 14px;
    background: #fff;
    color: #111;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
}

.jb-modalidade select:focus {
    border-color: #111;
}

#area_aposta {
    margin-top: 8px;
}

.jb-configuracao {
    width: 100%;
    min-height: 56px;
    padding: 6px;
    border: 1px solid #e1e1e1;
    border-radius: 18px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    background: #f6f6f6;
}

.jb-horario {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
    font-size: 18px;
    cursor: pointer;
}

.jb-horario:active {
    transform: scale(.97);
}

.jb-premio {
    width: 100%;
    min-width: 0;
    display: block;
}

.jb-premio-titulo {
    display: none;
}

.jb-premio-campos {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr);
    align-items: center;
    gap: 5px;
}

.jb-premio-campos select {
    width: 100%;
    min-width: 0;
    height: 42px;
    padding: 0 8px;
    border: 1px solid #dedede;
    border-radius: 13px;
    background: #fff;
    color: #111;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.jb-premio-campos select:disabled {
    color: #555;
    background: #eee;
    opacity: 1;
}

.jb-ao {
    color: #111;
    font-size: 9px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.jb-apostas {
    margin-top: 8px;
    padding: 9px 11px 11px;
    border: 1px solid #e2e2e2;
    border-radius: 18px;
    background: #f8f8f8;
}

.jb-numeros {
    width: 100%;
}

.apostas-input {
    width: 100%;
    height: 62px;
    padding: 0 12px;
    border: 2px solid #111;
    border-radius: 17px;
    background: #fff;
    color: #111;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 2px;
    text-align: center;
}

.apostas-input:focus {
    background: #fff;
    border-color: #111;
}

.apostas-botoes-area {
    margin-top: 8px;
}

.apostas-botao-valor {
    position: relative;
    width: 100%;
    height: 54px;
    padding: 0 14px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    background: #111;
    border: 1px solid rgba(215, 255, 63, .25);
}

.apostas-botao-valor::before {
    content: "R$";
    flex: 0 0 auto;
    margin-right: 8px;
    color: #d7ff3f;
    font-size: 18px;
    font-weight: 900;
}

.apostas-botao-valor input:not([style*="display:none"]) {
    width: 100%;
    height: 50px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    text-align: right;
}

.jb-flex-area-radio {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 8px;
}

.jb-flex-radio {
    min-height: 44px;
    padding: 0 9px;
    border: 1px solid #e1e1e1;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 7px;
    background: #f6f6f6;
    color: #111;
    cursor: pointer;
}

.jb-flex-radio:has(input:checked) {
    border-color: #d7ff3f;
    background: rgba(215, 255, 63, .22);
}

.jb-flex-radio input {
    width: 17px;
    height: 17px;
    accent-color: #111;
    cursor: pointer;
}

.jb-flex-titulo {
    color: #111;
    font-size: 12px;
    font-weight: 900;
}

.apostas-botao1 {
    width: 100%;
    min-height: 50px;
    padding: 0 14px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    cursor: pointer;
    transition: transform .18s ease;
}

.apostas-botao1:active {
    transform: scale(.985);
}

.cor-bg-botao {
    background: #d7ff3f !important;
    color: #111 !important;
}

.jb-grupos-botao {
    width: 100%;
    min-height: 46px;
    margin: 9px auto 0;
    padding: 0 14px;
    border: 1px solid rgba(215, 255, 63, .28);
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(215, 255, 63, .10);
    color: #d7ff3f;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
    cursor: pointer;
}

.jb-card-aviso {
    padding: 18px;
}

.aviso-sem-sorteios {
    padding: 22px 16px;
    border-radius: 20px;
    background: #f6f6f6;
    border: 1px solid #e1e1e1;
    color: #555;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.45;
    text-align: center;
}

.jb-carrinho {
    width: 100%;
    min-height: 46px;
    margin: 0 0 8px;
    padding: 5px 8px;
    border-radius: 16px;
    background: #d7ff3f !important;
    color: #111;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
    cursor: pointer;
}

.jb-carrinho,
.jb-carrinho * {
    background-image: none !important;
}

.jb-carrinho-conteudo {
    position: relative;
    width: 100%;
    min-height: 36px;
}

.jb-carrinho-conteudo > * {
    position: relative !important;
    width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
}

.jb-carrinho-conteudo > :has(#apostas_livre),
.jb-carrinho-conteudo > :has(#apostas_qt) {
    position: relative !important;
    width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
}

.jb-carrinho i {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    z-index: 2;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    background: #111 !important;
    color: #d7ff3f !important;
    font-size: 15px !important;
}

#apostas_livre {
    display: block;
}

#apostas_qt {
    display: none;
}

#apostas_livre,
#apostas_qt {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    transform: translate(-50%, -50%) !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap;
    box-shadow: none !important;
}

#apostas_livre *,
#apostas_qt * {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #111 !important;
    line-height: 1 !important;
}

#apostas_livre[style*="display: none"],
#apostas_livre[style*="display:none"],
#apostas_qt[style*="display: none"],
#apostas_qt[style*="display:none"] {
    display: none !important;
}

#apostas_livre[style*="display: block"],
#apostas_livre[style*="display:block"],
#apostas_qt[style*="display: block"],
#apostas_qt[style*="display:block"],
#apostas_livre[style*="display: flex"],
#apostas_livre[style*="display:flex"],
#apostas_qt[style*="display: flex"],
#apostas_qt[style*="display:flex"] {
    display: block !important;
}


/* =========================================================
   MODAIS
========================================================= */

.jb-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    display: none !important;
    overflow-y: auto;
    background:
        radial-gradient(circle at 90% 5%, rgba(215, 255, 63, .12), transparent 24%),
        #070707;
}

.jb-modal[style*="display: block"],
.jb-modal[style*="display:block"],
.jb-modal[style*="display: flex"],
.jb-modal[style*="display:flex"] {
    display: block !important;
}

.jb-modal .title {
    position: sticky;
    top: 0;
    z-index: 20;
    width: 100%;
    min-height: 58px;
    padding: 9px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(7, 7, 7, .96) !important;
    border-bottom: 1px solid rgba(215, 255, 63, .20);
    backdrop-filter: blur(16px);
}

.jb-modal .title-text {
    color: #fff !important;
    font-size: 17px;
    font-weight: 900;
}

.jb-modal .title-icon {
    width: 25px;
    min-width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #111 !important;
    cursor: pointer;
}

.jb-modal .title-icon i {
    color: #111 !important;
    font-size: 12px;
}

.modal-area {
    width: 100%;
    padding: 14px 14px 110px;
}

.jb-modal-card {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 16px;
    background: #fff;
    color: #111;
    border-radius: 26px;
    box-shadow: 0 24px 65px rgba(0, 0, 0, .35);
}

.jb-horarios {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 8px;
}

.jb-flex-checkbox {
    min-height: 54px;
    padding: 0 12px;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 9px;
    background: #f6f6f6;
    cursor: pointer;
}

.jb-flex-checkbox:has(input:checked) {
    background: rgba(215, 255, 63, .24);
    border-color: #d7ff3f;
}

.jb-flex-checkbox2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.jb-flex-checkbox input {
    width: 18px;
    height: 18px;
    accent-color: #111;
    cursor: pointer;
}

.jb-flex-titulo2 {
    color: #111;
    font-size: 13px;
    font-weight: 900;
}

.apostas-botoes-area2 {
    margin-top: 12px;
}


/* =========================================================
   TABELA DE GRUPOS
========================================================= */

.jb-modal-grupos .modal-area {
    padding: 16px 14px 110px;
}

.jb-modal-card-grupos {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.grupo-area {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.grupo-itens {
    display: contents;
}

.grupo-top {
    margin: 0;
}

.grupo-item,
.grupo-left,
.grupo-right {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.grupo-item {
    cursor: pointer;
}

.grupo-quadrado {
    width: 100%;
    min-height: 104px;
    padding: 11px 7px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #111 !important;
    border: 1px solid rgba(255, 255, 255, .20) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
    transition: transform .18s ease;
}

.grupo-item:active .grupo-quadrado {
    transform: scale(.97);
}

.cor-bg-grupo-impar {
    background: #fff !important;
    border-color: #fff !important;
    color: #111 !important;
}

.cor-bg-grupo-par {
    background: #d7ff3f !important;
    border-color: #d7ff3f !important;
    color: #111 !important;
}

.grupo-quadrado-nome-impar,
.grupo-quadrado-nome-par {
    max-width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    color: #111 !important;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .3px;
    line-height: 1.1;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.grupo-quadrado-numero-impar,
.grupo-quadrado-numero-par {
    margin-bottom: 5px;
    color: #111 !important;
    font-size: 29px;
    font-weight: 900;
    line-height: 1;
}

.grupo-quadrado-dezenas-impar,
.grupo-quadrado-dezenas-par {
    color: #111 !important;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .15px;
    line-height: 1.2;
    text-align: center;
}

/* =========================================================
   MENU
========================================================= */

.menu {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9990;
    width: 100%;
    padding: 10px 10px calc(14px + env(safe-area-inset-bottom));
    background: rgba(7, 7, 7, .92);
    border-top: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.menus {
    --menu-colunas: 4;

    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(
        var(--menu-colunas),
        minmax(0, 1fr)
    );
    gap: 8px;
}

/* SEM RIFA: JB, Apostas, Extrato e Perfil */
.menus.menu-itens-4 {
    --menu-colunas: 4;
}

/* COM RIFA: JB, Rifa, Apostas, Extrato e Perfil */
.menus.menu-itens-5 {
    --menu-colunas: 5;
}

.menu-item {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 64px;
    padding: 5px 3px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .06);
    text-align: center;
    cursor: pointer;
    transition:
        transform .15s ease,
        background .15s ease,
        border-color .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.menu-item:active {
    transform: scale(.96);
}

.menu-item-conteudo {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.menu-item i {
    color: #ddd;
    font-size: 18px;
    line-height: 1;
    transition: color .15s ease;
}

.menu-item label {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 2px;
    overflow: hidden;
    color: #ddd;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: color .15s ease;
}

.menu-item-ativo {
    background: rgba(215, 255, 63, .12);
    border-color: rgba(215, 255, 63, .22);
}

.menu-item-ativo i,
.menu-item-ativo label {
    color: #d7ff3f;
}

.menu-button-qt {
    position: absolute;
    top: 5px;
    right: 7px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border: 2px solid #070707;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}

.menu-button-qt.hidden {
    display: none !important;
}

/* Com cinco itens, reduz levemente para manter tudo confortável */
.menus.menu-itens-5 .menu-item {
    padding-right: 2px;
    padding-left: 2px;
}

.menus.menu-itens-5 .menu-item-conteudo {
    gap: 4px;
}

.menus.menu-itens-5 .menu-item i {
    font-size: 17px;
}

.menus.menu-itens-5 .menu-item label {
    padding: 0 1px;
    font-size: 9px;
}

.menus.menu-itens-5 .menu-button-qt {
    right: 4px;
}

/* =========================================================
   CARRINHO
========================================================= */

.carrinho-page {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 18px 16px 170px;
}

.carrinho-resumo {
    width: 100%;
    min-height: 92px;
    padding: 18px;
    border-radius: 28px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: #d7ff3f;
    color: #111;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
}

.carrinho-resumo-icone {
    width: 54px;
    min-width: 54px;
    height: 54px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.carrinho-resumo-icone i {
    font-size: 21px;
}

.carrinho-resumo-conteudo {
    min-width: 0;
}

.carrinho-resumo-label {
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
    opacity: .62;
}

.carrinho-resumo-valor {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
}

.carrinho-resumo-valor span {
    display: block;
    margin-top: 3px;
    font-size: 25px;
}

.carrinho-card {
    width: 100%;
    margin-top: 16px;
    padding: 18px;
    border-radius: 30px;
    background: #fff;
    color: #111;
    box-shadow: 0 22px 50px rgba(0, 0, 0, .22);
}

.carrinho-card-topo {
    min-height: 55px;
    margin-bottom: 15px;
    padding: 0 2px 14px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.carrinho-card-label {
    margin-bottom: 5px;
    color: #777;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.carrinho-card-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.15;
}

.carrinho-card-quantidade {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 15px;
    font-weight: 900;
}

.carrinho-lista {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.carrinho-item {
    position: relative;
    width: 100%;
    padding: 15px;
    border: 1px solid #e7e7e7;
    border-left: 5px solid #d7ff3f;
    border-radius: 22px;
    background: #f7f7f7;
    overflow: hidden;
}

.carrinho-item-topo {
    margin-bottom: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.carrinho-item-selo {
    min-height: 27px;
    padding: 0 11px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.carrinho-item-valor {
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.carrinho-item-titulo {
    color: #111;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.carrinho-item-detalhes {
    margin-top: 13px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.carrinho-item-detalhe {
    min-width: 0;
    min-height: 58px;
    padding: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 9px;
    background: #fff;
}

.carrinho-item-detalhe i {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 12px;
}

.carrinho-item-detalhe div {
    min-width: 0;
}

.carrinho-item-detalhe span {
    display: block;
    margin-bottom: 3px;
    color: #888;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.carrinho-item-detalhe strong {
    display: block;
    color: #111;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.carrinho-remover {
    width: 100%;
    height: 42px;
    margin-top: 12px;
    padding: 0 14px;
    border: 0;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #111;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .15s ease, opacity .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.carrinho-remover i {
    color: #d7ff3f;
    font-size: 12px;
}

.carrinho-remover:active {
    transform: scale(.98);
}

.carrinho-vazio {
    min-height: 230px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.carrinho-vazio-icone {
    width: 70px;
    height: 70px;
    margin-bottom: 17px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.carrinho-vazio-icone i {
    font-size: 25px;
}

.carrinho-vazio-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
}

.carrinho-vazio-texto {
    margin-top: 7px;
    color: #777;
    font-size: 13px;
    font-weight: 700;
}

.apostas-botoes-area-flutuante {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(78px + env(safe-area-inset-bottom));
    z-index: 9980;
    padding: 12px 16px;
    background: linear-gradient(
        to top,
        rgba(7, 7, 7, .98),
        rgba(7, 7, 7, .88),
        rgba(7, 7, 7, 0)
    );
}

.carrinho-confirmar-area {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.carrinho-confirmar-botao {
    width: 100%;
    min-height: 60px;
    padding: 10px 18px;
    border: 0;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: #d7ff3f;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .35);
    transition: transform .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.carrinho-confirmar-botao i {
    font-size: 14px;
}

.carrinho-confirmar-botao span {
    padding: 7px 10px;
    border-radius: 999px;
    background: #111;
    color: #d7ff3f;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.carrinho-confirmar-botao:active {
    transform: scale(.98);
}

/* =========================================================
   MODAIS MENU 
========================================================= */

.menu-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: flex-end;
    justify-content: center;
    padding: 18px;
}

.menu-modal-fundo {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .76);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.menu-modal-conteudo {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 760px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 30px;
    background: #fff;
    color: #111;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .55);
    animation: menuModalSubir .2s ease-out;
}

@keyframes menuModalSubir {

    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

.menu-modal-topo {
    min-height: 58px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.menu-modal-topo-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.menu-modal-icone {
    width: 47px;
    min-width: 47px;
    height: 47px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.menu-modal-icone i {
    font-size: 18px;
}

.menu-modal-label {
    margin-bottom: 4px;
    color: #777;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.menu-modal-titulo {
    color: #111;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.15;
}

.menu-modal-fechar {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.menu-modal-fechar i {
    font-size: 13px;
}

.menu-modal-corpo {
    padding-top: 17px;
}

.menu-modal-texto {
    margin-bottom: 14px;
    color: #666;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.menu-modal-campo {
    width: 100%;
    height: 58px;
    padding: 0 13px;
    border: 1px solid #e2e2e2;
    border-radius: 19px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f5f5f5;
}

.menu-modal-campo:focus-within {
    border-color: #111;
    background: #fff;
}

.menu-modal-campo-icone {
    width: 34px;
    min-width: 34px;
    height: 34px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.menu-modal-campo-icone i {
    font-size: 14px;
}

.menu-modal-campo input {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 900;
    outline: none;
}

.menu-modal-campo input::placeholder {
    color: #999;
    font-weight: 700;
}

.menu-modal-principal,
.menu-modal-secundario {
    width: 100%;
    min-height: 54px;
    padding: 10px 15px;
    border: 0;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.menu-modal-principal {
    margin-top: 11px;
    background: #d7ff3f;
    color: #111;
}

.menu-modal-principal i {
    font-size: 12px;
}

.menu-modal-secundario {
    margin-top: 13px;
    border: 1px solid #e1e1e1;
    background: #f3f3f3;
    color: #555;
}

.menu-modal-principal:active,
.menu-modal-secundario:active,
.menu-modal-fechar:active {
    transform: scale(.98);
}

/* =========================================================
   RESULTADOS
========================================================= */

.resultados-page {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 18px 16px 120px;
}

.resultados-topo {
    width: 100%;
    min-height: 88px;
    padding: 17px 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
}

.resultados-topo-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
}

.resultados-topo-icone {
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.resultados-topo-icone i {
    font-size: 20px;
}

.resultados-topo-label {
    margin-bottom: 5px;
    color: #999;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.resultados-topo-titulo {
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    line-height: 1.1;
}

.resultados-compartilhar {
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(215, 255, 63, .22);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(215, 255, 63, .10);
    color: #d7ff3f;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.resultados-compartilhar i {
    font-size: 16px;
}

.resultados-compartilhar:active {
    transform: scale(.96);
}

.resultados-filtros {
    width: 100%;
    margin-top: 14px;
    padding: 18px;
    border-radius: 28px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .23);
}

.resultados-filtros-topo {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.resultados-filtros-label {
    margin-bottom: 5px;
    color: #888;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.resultados-filtros-titulo {
    color: #111;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.15;
}

.resultados-filtros-icone {
    width: 38px;
    min-width: 38px;
    height: 38px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.resultados-filtros-icone i {
    font-size: 14px;
}

.resultados-filtros-campos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.resultados-filtros-campos > .resultados-filtro-campo:only-child {
    grid-column: 1 / -1;
}

.resultados-filtro-campo {
    min-width: 0;
}

.resultados-filtro-campo label {
    display: block;
    margin: 0 0 7px 3px;
    color: #666;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.resultados-filtro-campo select {
    width: 100%;
    height: 56px;
    padding: 0 15px;
    border: 1px solid #e1e1e1;
    border-radius: 18px;
    background: #f5f5f5;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    outline: none;
}

.resultados-data-area {
    width: 100%;
    height: 56px;
    padding: 0 13px;
    border: 1px solid #e1e1e1;
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f5f5f5;
}

.resultados-data-area:focus-within {
    border-color: #111;
    background: #fff;
}

.resultados-data-area i {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 12px;
}

.resultados-data-area input {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    outline: none;
}

.resultados-filtro-campo .select2-container {
    width: 100% !important;
}

.resultados-filtro-campo .select2-container .select2-selection--single {
    height: 56px;
    border: 1px solid #e1e1e1;
    border-radius: 18px;
    background: #f5f5f5;
}

.resultados-filtro-campo .select2-container .select2-selection--single .select2-selection__rendered {
    height: 54px;
    padding: 0 42px 0 15px;
    color: #111;
    font-size: 13px;
    font-weight: 900;
    line-height: 54px;
}

.resultados-filtro-campo .select2-container .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 13px;
    width: 22px;
    height: 22px;
    transform: translateY(-50%);
}

.resultados-lista {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.resultado-card {
    width: 100%;
    padding: 17px;
    border-radius: 28px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.resultado-card-topo {
    min-height: 62px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.resultado-card-topo-info {
    min-width: 0;
}

.resultado-card-data {
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #777;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: .15px;
}

.resultado-card-data i {
    color: #111;
    font-size: 11px;
}

.resultado-card-data span {
    display: block;
}

.resultado-card-titulo {
    color: #111;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2;
}

.resultado-card-horario {
    min-height: 35px;
    padding: 0 12px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #111;
    color: #d7ff3f;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.resultado-card-horario i {
    font-size: 11px;
}

.resultado-tabela {
    width: 100%;
    border: 1px solid #e7e7e7;
    border-radius: 20px;
    overflow: hidden;
}

.resultado-tabela-cabecalho,
.resultado-tabela-linha {
    display: grid;
    grid-template-columns:
        minmax(84px, 1.15fr)
        minmax(65px, .9fr)
        minmax(55px, .7fr)
        minmax(75px, 1fr);
    align-items: center;
}

.resultado-tabela-cabecalho {
    min-height: 43px;
    background: #111;
    color: #d7ff3f;
}

.resultado-tabela-cabecalho div {
    padding: 10px 8px;
    font-size: 9px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.resultado-tabela-linha {
    min-height: 53px;
    background: #fff;
}

.resultado-tabela-linha:nth-child(odd) {
    background: #f6f6f6;
}

.resultado-tabela-linha + .resultado-tabela-linha {
    border-top: 1px solid #e7e7e7;
}

.resultado-tabela-linha > div {
    min-width: 0;
    padding: 10px 7px;
    color: #111;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    overflow-wrap: anywhere;
}

.resultado-premio {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.resultado-premio span {
    min-width: 28px;
    height: 28px;
    padding: 0 5px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
    font-size: 10px;
    font-weight: 900;
}

.resultado-milhar {
    font-size: 15px !important;
    letter-spacing: 1px;
}

.resultado-bicho {
    font-size: 11px !important;
}

.resultados-vazio {
    min-height: 270px;
    margin-top: 14px;
    padding: 35px 20px;
    border-radius: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #111;
    text-align: center;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.resultados-vazio-icone {
    width: 70px;
    height: 70px;
    margin-bottom: 17px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.resultados-vazio-icone i {
    font-size: 23px;
}

.resultados-vazio-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
}

.resultados-vazio-texto {
    max-width: 310px;
    margin-top: 7px;
    color: #777;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.apostas-page {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 12px 10px 110px;
}

.apostas-topo {
    width: 100%;
    min-height: 82px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
}

.apostas-topo-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.apostas-topo-icone {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.apostas-topo-icone i {
    font-size: 18px;
}

.apostas-topo-label {
    margin-bottom: 5px;
    color: #aaa;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.apostas-topo-titulo {
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
}

.apostas-topo-acoes {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
}

.apostas-topo-botao {
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(215, 255, 63, .24);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(215, 255, 63, .11);
    color: #d7ff3f;
    cursor: pointer;
    transition: transform .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.apostas-topo-botao i {
    font-size: 15px;
}

.apostas-topo-botao:active {
    transform: scale(.95);
}

.apostas-resumo {
    width: 100%;
    margin-top: 12px;
    padding: 14px;
    border-radius: 25px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.apostas-saldo {
    min-height: 94px;
    padding: 16px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: #d7ff3f;
}

.apostas-saldo-info {
    min-width: 0;
}

.apostas-saldo-label {
    margin-bottom: 5px;
    color: rgba(17, 17, 17, .62);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.apostas-saldo-titulo {
    color: #111;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
}

.apostas-saldo-valor {
    margin-top: 6px;
    color: #111;
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
}

.apostas-saldo-icone {
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.apostas-saldo-icone i {
    font-size: 19px;
}

.apostas-resumo-grid {
    margin-top: 11px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.apostas-resumo-item {
    min-width: 0;
    min-height: 68px;
    padding: 11px 12px;
    border: 1px solid #e4e4e4;
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 11px;
    background: #f6f6f6;
}

.apostas-resumo-item-icone {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.apostas-resumo-item-icone i {
    font-size: 14px;
}

.apostas-resumo-item > div:last-child {
    min-width: 0;
}

.apostas-resumo-item span {
    display: block;
    margin-bottom: 5px;
    color: #777;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.apostas-resumo-item strong {
    display: block;
    color: #111;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.apostas-lista-card {
    width: 100%;
    margin-top: 12px;
    padding: 14px;
    border-radius: 25px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.apostas-lista-topo {
    min-height: 60px;
    margin-bottom: 14px;
    padding: 0 2px 13px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
}

.apostas-lista-label {
    margin-bottom: 5px;
    color: #888;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.apostas-lista-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.15;
}

.apostas-lista-quantidade {
    min-width: 44px;
    height: 44px;
    padding: 0 11px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 15px;
    font-weight: 900;
}

.apostas-lista {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.apostas-dia {
    min-height: 72px;
    margin-top: 7px;
    padding: 12px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #111;
    color: #fff;
}

.apostas-dia:first-child {
    margin-top: 0;
}

.apostas-dia-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.apostas-dia-icone {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.apostas-dia-icone i {
    font-size: 15px;
}

.apostas-dia-label {
    margin-bottom: 5px;
    color: #aaa;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .35px;
}

.apostas-dia-titulo {
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.15;
    text-transform: capitalize;
}

.apostas-dia-total {
    min-width: 0;
    text-align: right;
}

.apostas-dia-total span {
    display: block;
    margin-bottom: 5px;
    color: #aaa;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.apostas-dia-total strong {
    display: block;
    color: #d7ff3f;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.15;
    white-space: nowrap;
}

.apostas-pule {
    min-height: 66px;
    padding: 11px 13px;
    border: 1px solid #e1e1e1;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #f5f5f5;
}

.apostas-pule-info {
    min-width: 0;
}

.apostas-pule-label {
    margin-bottom: 4px;
    color: #888;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .35px;
}

.apostas-pule-numero {
    color: #111;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.15;
}

.apostas-pule-dados {
    flex: 0 0 auto;
    text-align: right;
}

.apostas-pule-dados strong {
    display: block;
    color: #111;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.15;
}

.apostas-pule-dados span {
    display: block;
    margin-top: 4px;
    color: #777;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.aposta-item {
    width: 100%;
    padding: 13px;
    border: 1px solid #e3e3e3;
    border-left: 5px solid #d7ff3f;
    border-radius: 21px;
    background: #fafafa;
}

.aposta-item-topo {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
}

.aposta-item-selo {
    min-height: 29px;
    padding: 0 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .35px;
}

.aposta-item-valor {
    min-height: 31px;
    padding: 0 12px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.aposta-item-titulo {
    color: #111;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.aposta-item-detalhes {
    margin-top: 11px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.aposta-item-detalhe {
    min-width: 0;
    min-height: 64px;
    padding: 9px;
    border: 1px solid #e3e3e3;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
}

.aposta-item-detalhe-unico {
    grid-column: 1 / -1;
}

.aposta-item-detalhe > i {
    width: 33px;
    min-width: 33px;
    height: 33px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 13px;
}

.aposta-item-detalhe > div {
    min-width: 0;
    flex: 1;
}

.aposta-item-detalhe span {
    display: block;
    margin-bottom: 4px;
    color: #888;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .15px;
}

.aposta-item-detalhe strong,
.aposta-item-detalhe-horario strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #111;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aposta-rifa-numeros {
    margin-top: 9px;
    padding: 11px;
    border: 1px dashed #d5d5d5;
    border-radius: 15px;
    background: #fff;
}

.aposta-rifa-numeros span {
    display: block;
    margin-bottom: 5px;
    color: #888;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.aposta-rifa-numeros strong {
    display: block;
    color: #111;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.aposta-item-rodape {
    margin-top: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.aposta-status {
    min-width: 0;
    min-height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    overflow: hidden;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aposta-status i {
    flex: 0 0 auto;
    font-size: 11px;
}

.aposta-status-ganhou {
    background: #d7ff3f;
    color: #111;
}

.aposta-status-perdeu {
    background: #ececec;
    color: #555;
}

.aposta-status-aguardando {
    background: #111;
    color: #d7ff3f;
}

.aposta-status-cancelada {
    background: #f1f1f1;
    color: #8a1d1d;
}

.aposta-status-rifa {
    border: 0;
    background: #111;
    color: #d7ff3f;
    font-family: inherit;
}

.aposta-item-acoes {
    flex: 0 0 auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 7px;
}

.aposta-item-acao {
    width: 38px;
    min-width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-family: inherit;
    cursor: pointer;
    transition: transform .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.aposta-item-acao i {
    font-size: 14px;
}

.aposta-item-acao:active {
    transform: scale(.93);
}

.apostas-paginacao {
    margin-top: 14px;
}

.apostas-carregar-mais,
.apostas-fim {
    width: 100%;
    min-height: 54px;
    padding: 10px 15px;
    border-radius: 18px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 900;
}

.apostas-carregar-mais {
    border: 0;
    background: #111;
    color: #d7ff3f;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.apostas-fim {
    border: 1px solid #e4e4e4;
    background: #f5f5f5;
    color: #777;
}

.apostas-carregar-mais i,
.apostas-fim i {
    font-size: 15px;
}

.apostas-vazio {
    min-height: 270px;
    padding: 34px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.apostas-vazio-icone {
    width: 70px;
    height: 70px;
    margin-bottom: 16px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.apostas-vazio-icone i {
    font-size: 24px;
}

.apostas-vazio-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
}

.apostas-vazio-texto {
    max-width: 320px;
    margin-top: 8px;
    color: #777;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.apostas-vazio-botao {
    min-height: 48px;
    margin-top: 17px;
    padding: 0 17px;
    border: 0;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #d7ff3f;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.apostas-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: flex-end;
    justify-content: center;
    padding:
        max(10px, env(safe-area-inset-top))
        10px
        max(10px, env(safe-area-inset-bottom));
    overflow: hidden;
}

.apostas-modal-horarios {
    z-index: 100010;
}

.apostas-modal-fundo {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .78);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.apostas-modal-conteudo {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 500px;
    min-height: 0;

    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - 20px);

    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 28px;
    background: #fff;
    color: #111;

    overflow-x: hidden;
    overflow-y: auto;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    touch-action: pan-y;

    box-shadow: 0 28px 80px rgba(0, 0, 0, .55);
    animation: apostasModalSubir .2s ease-out;
}

.apostas-modal-corpo {
    min-height: 0;
}

.apostas-modal-conteudo::-webkit-scrollbar {
    width: 4px;
}

.apostas-modal-conteudo::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d2d2d2;
}

@keyframes apostasModalSubir {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.apostas-modal-topo {
    min-height: 62px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.apostas-modal-topo-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.apostas-modal-icone {
    width: 46px;
    min-width: 46px;
    height: 46px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.apostas-modal-icone i {
    font-size: 17px;
}

.apostas-modal-label {
    margin-bottom: 5px;
    color: #777;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.apostas-modal-titulo {
    color: #111;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.15;
}

.apostas-modal-fechar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #fff;
    cursor: pointer;
    transition: transform .15s ease;
}

.apostas-modal-fechar i {
    font-size: 14px;
}

.apostas-modal-fechar:active {
    transform: scale(.94);
}

.apostas-modal-corpo {
    padding-top: 15px;
}

.apostas-modal-secao {
    width: 100%;
}

.apostas-modal-secao-topo {
    width: 100%;
}

.apostas-modal-secao-icone {
    display: none;
}

.apostas-modal-secao-titulo {
    color: #111;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.2;
}

.apostas-modal-secao-texto {
    margin-top: 5px;
    color: #777;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.apostas-modal-campo {
    width: 100%;
    min-height: 58px;
    margin-top: 14px;
    padding: 0 13px;
    border: 1px solid #dedede;
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f5f5f5;
}

.apostas-modal-campo:focus-within {
    border-color: #111;
    background: #fff;
}

.apostas-modal-campo-icone {
    width: 34px;
    min-width: 34px;
    height: 34px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.apostas-modal-campo-icone i {
    font-size: 13px;
}

.apostas-modal-campo input {
    width: 100%;
    height: 56px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 900;
    outline: none;
}

.apostas-modal-campo input::placeholder {
    color: #999;
    font-size: 15px;
    font-weight: 700;
}

.apostas-modal-divisor {
    width: 100%;
    height: 1px;
    margin: 17px 0;
    background: #ededed;
}

.apostas-modal-botao-principal,
.apostas-modal-botao-secundario {
    width: 100%;
    min-height: 56px;
    margin-top: 12px;
    padding: 11px 16px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.apostas-modal-botao-principal {
    border: 0;
    background: #d7ff3f;
    color: #111;
}

.apostas-modal-botao-secundario {
    border: 1px solid #dedede;
    background: #f4f4f4;
    color: #444;
}

.apostas-modal-botao-principal i,
.apostas-modal-botao-secundario i {
    font-size: 14px;
}

.apostas-modal-botao-principal:active,
.apostas-modal-botao-secundario:active {
    transform: scale(.98);
}

.apostas-horarios {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.apostas-horario-item {
    width: 100%;
    min-height: 68px;
    padding: 11px;
    border: 1px solid #e2e2e2;
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 11px;
    background: #f7f7f7;
    cursor: pointer;
}

.apostas-horario-checkbox {
    position: relative;
    width: 36px;
    min-width: 36px;
    height: 36px;
}

.apostas-horario-checkbox input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.apostas-horario-checkbox span {
    width: 36px;
    height: 36px;
    border: 2px solid #d5d5d5;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: transparent;
}

.apostas-horario-checkbox input:checked + span {
    border-color: #d7ff3f;
    background: #d7ff3f;
    color: #111;
}

.apostas-horario-checkbox span i {
    font-size: 12px;
}

.apostas-horario-info {
    min-width: 0;
    flex: 1;
}

.apostas-horario-label {
    margin-bottom: 5px;
    color: #888;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .25px;
}

.apostas-horario-titulo {
    color: #111;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
}

.apostas-horario-icone {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.apostas-horario-icone i {
    font-size: 13px;
}

.apostas-horarios-vazio {
    min-height: 190px;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.apostas-horarios-vazio-icone {
    width: 58px;
    height: 58px;
    margin-bottom: 13px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.apostas-horarios-vazio-icone i {
    font-size: 20px;
}

.apostas-horarios-vazio-titulo {
    color: #111;
    font-size: 17px;
    font-weight: 900;
}

.apostas-horarios-vazio-texto {
    max-width: 290px;
    margin-top: 7px;
    color: #777;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.apostas-modal-filtro .apostas-modal-conteudo {
    max-width: 500px;
}

.apostas-filtro-grid,
.apostas-filtro-grupo {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.apostas-filtro-grupo {
    position: relative;
    margin-top: 19px;
    padding-top: 22px;
    border-top: 1px solid #ededed;
}

.apostas-filtro-grupo-titulo {
    position: absolute;
    top: -7px;
    left: 0;
    padding-right: 10px;
    background: #fff;
    color: #777;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .35px;
}

.apostas-filtro-campo {
    min-width: 0;
}

.apostas-filtro-campo label {
    display: block;
    margin: 0 0 7px 3px;
    color: #666;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.apostas-filtro-input,
.apostas-filtro-select {
    width: 100%;
    min-height: 56px;
    padding: 0 12px;
    border: 1px solid #e0e0e0;
    border-radius: 17px;
    display: flex;
    align-items: center;
    gap: 9px;
    background: #f5f5f5;
}

.apostas-filtro-input:focus-within,
.apostas-filtro-select:focus-within {
    border-color: #111;
    background: #fff;
}

.apostas-filtro-input > i,
.apostas-filtro-select > i {
    width: 33px;
    min-width: 33px;
    height: 33px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 12px;
}

.apostas-filtro-input input,
.apostas-filtro-select select {
    width: 100%;
    min-width: 0;
    height: 54px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
    outline: none;
}

.apostas-filtro-input input::placeholder {
    color: #999;
    font-weight: 700;
}

.apostas-filtro-confirmar,
.apostas-filtro-limpar {
    width: 100%;
    min-height: 54px;
    padding: 10px 15px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
}

.apostas-filtro-confirmar {
    margin-top: 18px;
    border: 0;
    background: #d7ff3f;
    color: #111;
}

.apostas-filtro-limpar {
    margin-top: 10px;
    border: 1px solid #e0e0e0;
    background: #f5f5f5;
    color: #555;
}

.apostas-filtro-grupo-sem-titulo {
    margin-top: 12px;
    padding-top: 0;
    border-top: 0;
}

.apostas-filtro-tipo-final {
    width: 100%;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #ededed;
}

/* =========================================================
   EXTRATOS
========================================================= */

.extratos-page {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 12px 10px 110px;
}

.extratos-topo {
    width: 100%;
    min-height: 82px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
}

.extratos-topo-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.extratos-topo-icone {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.extratos-topo-icone i {
    font-size: 18px;
}

.extratos-topo-label {
    margin-bottom: 5px;
    color: #aaa;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.extratos-topo-titulo {
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
}

.extratos-topo-acoes {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
}

.extratos-topo-botao {
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(215, 255, 63, .24);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(215, 255, 63, .11);
    color: #d7ff3f;
    cursor: pointer;
    transition: transform .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.extratos-topo-botao i {
    font-size: 15px;
}

.extratos-topo-botao:active {
    transform: scale(.95);
}

.extratos-resumo {
    width: 100%;
    margin-top: 12px;
    padding: 14px;
    border-radius: 25px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.extratos-resumo-principal {
    min-height: 94px;
    padding: 16px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: #d7ff3f;
}

.extratos-resumo-conteudo {
    min-width: 0;
}

.extratos-resumo-label {
    margin-bottom: 5px;
    color: rgba(17, 17, 17, .62);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.extratos-resumo-titulo {
    color: #111;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
}

.extratos-resumo-valor {
    margin-top: 6px;
    color: #111;
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
}

.extratos-resumo-icone {
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.extratos-resumo-icone i {
    font-size: 19px;
}

.extratos-resumo-quantidade {
    min-width: 0;
    min-height: 68px;
    margin-top: 11px;
    padding: 11px 12px;
    border: 1px solid #e4e4e4;
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 11px;
    background: #f6f6f6;
}

.extratos-resumo-quantidade-icone {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.extratos-resumo-quantidade-icone i {
    font-size: 14px;
}

.extratos-resumo-quantidade > div:last-child {
    min-width: 0;
}

.extratos-resumo-quantidade span {
    display: block;
    margin-bottom: 5px;
    color: #777;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.extratos-resumo-quantidade strong {
    display: block;
    color: #111;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.extratos-lista-card {
    width: 100%;
    margin-top: 14px;
    padding: 18px;
    border-radius: 28px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.extratos-lista-topo {
    min-height: 58px;
    margin-bottom: 15px;
    padding: 0 2px 14px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.extratos-lista-label {
    margin-bottom: 5px;
    color: #888;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.extratos-lista-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.15;
}

.extratos-lista-quantidade {
    min-width: 42px;
    height: 42px;
    padding: 0 11px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 13px;
    font-weight: 900;
}

.extratos-lista {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.extratos-dia {
    min-height: 70px;
    margin-top: 8px;
    padding: 13px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    background: #111;
    color: #fff;
}

.extratos-dia:first-child {
    margin-top: 0;
}

.extratos-dia-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.extratos-dia-icone {
    width: 39px;
    min-width: 39px;
    height: 39px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.extratos-dia-icone i {
    font-size: 14px;
}

.extratos-dia-label {
    margin-bottom: 5px;
    color: #aaa;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.extratos-dia-titulo {
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.15;
    text-transform: capitalize;
}

.extratos-dia-total {
    min-width: 0;
    text-align: right;
}

.extratos-dia-total span {
    display: block;
    margin-bottom: 5px;
    color: #aaa;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.extratos-dia-total strong {
    display: block;
    color: #d7ff3f;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.15;
    white-space: nowrap;
}

.extrato-item {
    width: 100%;
    min-height: 76px;
    padding: 11px 12px;
    border: 1px solid #e1e1e1;
    border-left: 4px solid #d7ff3f;
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f8f8f8;
}

.extrato-item-icone {
    width: 38px;
    min-width: 38px;
    height: 38px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.extrato-item-icone i {
    font-size: 13px;
}

.extrato-pix-aviso {
    width: 100%;
    min-height: 48px;
    margin: -2px 0 10px;
    padding: 9px 11px;
    border: 1px solid #d7ff3f;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 9px;
    background: #f8ffe5;
}

.extrato-pix-aviso-icone {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.extrato-pix-aviso-icone i {
    font-size: 14px;
}

.extrato-pix-aviso-texto {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.extrato-pix-aviso-texto span {
    color: #777;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.extrato-pix-aviso-texto strong {
    color: #111;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.25;
}

.extrato-item-premio {
    flex-wrap: wrap;
}

.extrato-item-premio .extrato-pix-aviso {
    flex: 0 0 100%;
    width: 100%;
    margin: 2px 0 0;
}

.extrato-item-info {
    min-width: 0;
    flex: 1;
}

.extrato-item-label {
    margin-bottom: 3px;
    color: #777;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.extrato-item-titulo {
    color: #111;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.1;
}

.extrato-item-data {
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #777;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.extrato-item-data i {
    font-size: 10px;
}

.extrato-item-valor {
    min-width: 92px;
    display: flex;
    justify-content: flex-end;
    text-align: right;
}

.extrato-item-valor strong {
    color: #111;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.extratos-paginacao {
    margin-top: 16px;
}

.extratos-carregar-mais {
    width: 100%;
    min-height: 52px;
    padding: 10px 15px;
    border: 0;
    border-radius: 18px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #111;
    color: #d7ff3f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.extratos-carregar-mais:active {
    transform: scale(.98);
}

.extratos-fim {
    min-height: 52px;
    border: 1px solid #e5e5e5;
    border-radius: 18px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #f5f5f5;
    color: #777;
    font-size: 13px;
    font-weight: 900;
}

.extratos-fim i {
    color: #111;
    font-size: 15px;
}

.extratos-vazio {
    min-height: 270px;
    padding: 35px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.extratos-vazio-icone {
    width: 70px;
    height: 70px;
    margin-bottom: 17px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.extratos-vazio-icone i {
    font-size: 24px;
}

.extratos-vazio-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
}

.extratos-vazio-texto {
    max-width: 320px;
    margin-top: 7px;
    color: #777;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.extratos-vazio-botao {
    min-height: 45px;
    margin-top: 17px;
    padding: 0 17px;
    border: 0;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #d7ff3f;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}


/* MODAL DE FILTROS */

.extratos-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: flex-end;
    justify-content: center;
    padding: 10px;
}

.extratos-modal-fundo {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .78);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.extratos-modal-conteudo {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 500px;
    max-height: calc(100vh - 20px);
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 28px;
    background: #fff;
    color: #111;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .55);
    animation: extratosModalSubir .2s ease-out;
}

@keyframes extratosModalSubir {

    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

.extratos-modal-topo {
    width: 100%;
    min-height: 62px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.extratos-modal-topo-info {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 11px;
}

.extratos-modal-topo-info > div:last-child {
    min-width: 0;
    flex: 1;
}

.extratos-modal-icone {
    width: 46px;
    min-width: 46px;
    height: 46px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.extratos-modal-icone i {
    font-size: 17px;
}

.extratos-modal-label {
    margin-bottom: 5px;
    color: #777;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.extratos-modal-titulo {
    max-width: 100%;
    overflow: hidden;
    color: #111;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.extratos-modal-fechar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #fff;
    cursor: pointer;
    transition: transform .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.extratos-modal-fechar i {
    color: #fff;
    font-size: 14px;
    line-height: 1;
}

.extratos-modal-fechar:active {
    transform: scale(.94);
}

.extratos-modal-fechar i {
    font-size: 13px;
}

.extratos-modal-corpo {
    padding-top: 17px;
}

.extratos-modal-texto {
    margin-bottom: 15px;
    color: #777;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
}

.extratos-filtro-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.extratos-filtro-campo {
    width: 100%;
    min-width: 0;
}

.extratos-filtro-campo label {
    display: block;
    margin: 0 0 7px 3px;
    color: #666;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.extratos-filtro-input {
    width: 100%;
    min-height: 56px;
    padding: 0 12px;
    border: 1px solid #e0e0e0;
    border-radius: 17px;
    display: flex;
    align-items: center;
    gap: 9px;
    background: #f5f5f5;
}

.extratos-filtro-input:focus-within {
    border-color: #111;
    background: #fff;
}

.extratos-filtro-input i {
    width: 33px;
    min-width: 33px;
    height: 33px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 12px;
}

.extratos-filtro-input input {
    width: 100%;
    min-width: 0;
    height: 54px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
    outline: none;
}

.extratos-filtro-confirmar,
.extratos-filtro-limpar {
    width: 100%;
    min-height: 54px;
    padding: 10px 15px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    transition: transform .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.extratos-filtro-confirmar {
    margin-top: 18px;
    border: 0;
    background: #d7ff3f;
    color: #111;
}

.extratos-filtro-limpar {
    margin-top: 10px;
    border: 1px solid #e0e0e0;
    background: #f5f5f5;
    color: #555;
}

.extratos-filtro-confirmar i,
.extratos-filtro-limpar i {
    font-size: 14px;
}

.extratos-filtro-confirmar:active,
.extratos-filtro-limpar:active {
    transform: scale(.98);
}

/* =========================================================
   PERFIL
========================================================= */

.perfil-page {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 18px 16px 120px;
}

.perfil-topo {
    width: 100%;
    min-height: 105px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 28px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
}

.perfil-topo-avatar {
    width: 59px;
    min-width: 59px;
    height: 59px;
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
    font-size: 23px;
    font-weight: 900;
    text-transform: uppercase;
}

.perfil-topo-info {
    min-width: 0;
    flex: 1;
}

.perfil-topo-label {
    margin-bottom: 5px;
    color: #999;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.perfil-topo-nome {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.perfil-topo-ponto {
    margin-top: 7px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #aaa;
    font-size: 11px;
    font-weight: 800;
}

.perfil-topo-ponto i {
    color: #d7ff3f;
    font-size: 10px;
}

.perfil-topo-icone {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border: 1px solid rgba(215, 255, 63, .22);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(215, 255, 63, .10);
    color: #d7ff3f;
}

.perfil-topo-icone i {
    font-size: 15px;
}

.perfil-saldo {
    width: 100%;
    min-height: 112px;
    margin-top: 14px;
    padding: 20px;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: #d7ff3f;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.perfil-saldo-info {
    min-width: 0;
}

.perfil-saldo-label {
    margin-bottom: 5px;
    color: rgba(17, 17, 17, .58);
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.perfil-saldo-titulo {
    color: #111;
    font-size: 15px;
    font-weight: 900;
}

.perfil-saldo-valor {
    margin-top: 6px;
    color: #111;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.1;
}

.perfil-saldo-icone {
    width: 57px;
    min-width: 57px;
    height: 57px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.perfil-saldo-icone i {
    font-size: 21px;
}

.perfil-contato {
    width: 100%;
    min-height: 77px;
    margin-top: 12px;
    padding: 13px;
    border-radius: 21px;
    display: flex;
    align-items: center;
    gap: 11px;
    background: #fff;
    color: #111;
    box-shadow: 0 16px 35px rgba(0, 0, 0, .18);
}

.perfil-contato-icone {
    width: 43px;
    min-width: 43px;
    height: 43px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.perfil-contato-icone i {
    font-size: 17px;
}

.perfil-contato-info {
    min-width: 0;
    flex: 1;
}

.perfil-contato-info span {
    display: block;
    margin-bottom: 4px;
    color: #888;
    font-size: 8px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.perfil-contato-info strong {
    display: block;
    color: #111;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.perfil-contato-status {
    min-height: 31px;
    padding: 0 10px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 5px;
    background: #d7ff3f;
    color: #111;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
}

.perfil-contato-status i {
    font-size: 9px;
}

.perfil-menu-card {
    width: 100%;
    margin-top: 14px;
    padding: 18px;
    border-radius: 28px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.perfil-menu-topo {
    min-height: 57px;
    margin-bottom: 14px;
    padding: 0 2px 14px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.perfil-menu-label {
    margin-bottom: 5px;
    color: #888;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.perfil-menu-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.15;
}

.perfil-menu-topo-icone {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.perfil-menu-topo-icone i {
    font-size: 13px;
}

.perfil-menu-lista {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.perfil-menu-item {
    width: 100%;
    min-height: 69px;
    padding: 11px;
    border: 1px solid #e5e5e5;
    border-radius: 19px;
    display: flex;
    align-items: center;
    gap: 11px;
    background: #f7f7f7;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    cursor: pointer;
    transition: transform .15s ease, border-color .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.perfil-menu-item:active {
    transform: scale(.99);
}

.perfil-menu-item-icone {
    width: 43px;
    min-width: 43px;
    height: 43px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.perfil-menu-item-icone i {
    font-size: 15px;
}

.perfil-menu-item-info {
    min-width: 0;
    flex: 1;
}

.perfil-menu-item-info span {
    display: block;
    margin-bottom: 4px;
    color: #888;
    font-size: 8px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.perfil-menu-item-info strong {
    display: block;
    color: #111;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
}

.perfil-menu-item-seta {
    width: 31px;
    min-width: 31px;
    height: 31px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #111;
}

.perfil-menu-item-seta i {
    font-size: 10px;
}

.perfil-menu-item-sair {
    border-color: #e7e7e7;
}

.perfil-menu-item-sair .perfil-menu-item-icone {
    background: #111;
    color: #d7ff3f;
}

.perfil-seguranca {
    width: 100%;
    min-height: 76px;
    margin-top: 13px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 21px;
    display: flex;
    align-items: center;
    gap: 11px;
    background: rgba(255, 255, 255, .05);
}

.perfil-seguranca-icone {
    width: 41px;
    min-width: 41px;
    height: 41px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.perfil-seguranca-icone i {
    font-size: 15px;
}

.perfil-seguranca strong {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.perfil-seguranca span {
    display: block;
    margin-top: 4px;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
}

/* =========================================================
   COTAÇÃO
========================================================= */

.cotacao-page {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 18px 16px 120px;
}

.cotacao-topo {
    width: 100%;
    min-height: 88px;
    padding: 17px 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
}

.cotacao-topo-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
}

.cotacao-topo-icone {
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.cotacao-topo-icone i {
    font-size: 20px;
}

.cotacao-topo-label {
    margin-bottom: 5px;
    color: #999;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.cotacao-topo-titulo {
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    line-height: 1.1;
}

.cotacao-compartilhar {
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(215, 255, 63, .22);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(215, 255, 63, .10);
    color: #d7ff3f;
    cursor: pointer;
    transition: transform .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.cotacao-compartilhar i {
    font-size: 16px;
}

.cotacao-compartilhar:active {
    transform: scale(.96);
}

.cotacao-resumo {
    width: 100%;
    min-height: 112px;
    margin-top: 14px;
    padding: 19px;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #d7ff3f;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.cotacao-resumo-info {
    min-width: 0;
    flex: 1;
}

.cotacao-resumo-label {
    margin-bottom: 5px;
    color: rgba(17, 17, 17, .58);
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.cotacao-resumo-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.15;
}

.cotacao-resumo-texto {
    max-width: 410px;
    margin-top: 7px;
    color: rgba(17, 17, 17, .68);
    font-size: 11px;
    font-weight: 750;
    line-height: 1.4;
}

.cotacao-resumo-quantidade {
    width: 76px;
    min-width: 76px;
    height: 76px;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.cotacao-resumo-quantidade strong {
    font-size: 23px;
    font-weight: 900;
    line-height: 1;
}

.cotacao-resumo-quantidade span {
    margin-top: 5px;
    font-size: 7px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.cotacao-card {
    width: 100%;
    margin-top: 14px;
    padding: 18px;
    border-radius: 28px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.cotacao-card-topo {
    min-height: 58px;
    margin-bottom: 15px;
    padding: 0 2px 14px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.cotacao-card-label {
    margin-bottom: 5px;
    color: #888;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.cotacao-card-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.15;
}

.cotacao-card-icone {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.cotacao-card-icone i {
    font-size: 14px;
}

.cotacao-lista {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
}

.cotacao-item {
    min-width: 0;
    min-height: 82px;
    padding: 12px;
    border: 1px solid #e5e5e5;
    border-left: 5px solid #d7ff3f;
    border-radius: 19px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f8f8f8;
}

.cotacao-item-icone {
    width: 41px;
    min-width: 41px;
    height: 41px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.cotacao-item-icone i {
    font-size: 14px;
}

.cotacao-item-info {
    min-width: 0;
    flex: 1;
}

.cotacao-item-nome {
    color: #111;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.25;
}

.cotacao-item-descricao {
    margin-top: 4px;
    color: #777;
    font-size: 9px;
    font-weight: 750;
    line-height: 1.3;
}

.cotacao-item-valor {
    min-width: 89px;
    text-align: right;
}

.cotacao-item-valor span {
    display: block;
    margin-bottom: 4px;
    color: #888;
    font-size: 8px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.cotacao-item-valor strong {
    display: block;
    color: #111;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
}

.cotacao-vazio {
    min-height: 260px;
    padding: 35px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.cotacao-vazio-icone {
    width: 70px;
    height: 70px;
    margin-bottom: 17px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.cotacao-vazio-icone i {
    font-size: 24px;
}

.cotacao-vazio-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
}

.cotacao-vazio-texto {
    margin-top: 7px;
    color: #777;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.cotacao-aviso {
    width: 100%;
    min-height: 76px;
    margin-top: 13px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 21px;
    display: flex;
    align-items: center;
    gap: 11px;
    background: rgba(255, 255, 255, .05);
}

.cotacao-aviso-icone {
    width: 41px;
    min-width: 41px;
    height: 41px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.cotacao-aviso-icone i {
    font-size: 15px;
}

.cotacao-aviso strong {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.cotacao-aviso span {
    display: block;
    margin-top: 4px;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
}

/* =========================================================
   RIFAS
========================================================= */

.rifas-page {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 18px 16px 120px;
}

.rifas-topo {
    width: 100%;
    min-height: 88px;
    padding: 17px 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
}

.rifas-topo-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
}

.rifas-topo-icone {
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.rifas-topo-icone i {
    font-size: 20px;
}

.rifas-topo-label {
    margin-bottom: 5px;
    color: #999;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.rifas-topo-titulo {
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.1;
}

.rifas-topo-quantidade {
    width: 58px;
    min-width: 58px;
    height: 58px;
    border: 1px solid rgba(215, 255, 63, .22);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(215, 255, 63, .10);
    color: #d7ff3f;
}

.rifas-topo-quantidade strong {
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

.rifas-topo-quantidade span {
    margin-top: 4px;
    font-size: 7px;
    font-weight: 900;
    text-transform: uppercase;
}


/* CARRINHO */

.rifas-carrinho {
    width: 100%;
    min-height: 90px;
    margin-top: 14px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 13px;
    background: rgba(255, 255, 255, .06);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 17px 38px rgba(0, 0, 0, .22);
    transition:
        transform .15s ease,
        border-color .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.rifas-carrinho-ativo {
    border-color: rgba(215, 255, 63, .24);
    background: rgba(215, 255, 63, .09);
}

.rifas-carrinho:active {
    transform: scale(.99);
}

.rifas-carrinho-icone {
    position: relative;
    width: 51px;
    min-width: 51px;
    height: 51px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.rifas-carrinho-icone > i {
    font-size: 19px;
}

.rifas-carrinho-badge {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 23px;
    height: 23px;
    padding: 0 6px;
    border: 3px solid #111;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
    font-size: 9px;
    font-weight: 900;
}

.rifas-carrinho-info {
    min-width: 0;
    flex: 1;
}

.rifas-carrinho-label {
    margin-bottom: 4px;
    color: #999;
    font-size: 8px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.rifas-carrinho-titulo {
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
}

.rifas-carrinho-texto {
    margin-top: 4px;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
}

.rifas-carrinho-total {
    min-width: 105px;
    text-align: right;
}

.rifas-carrinho-total span {
    display: block;
    margin-bottom: 4px;
    color: #999;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
}

.rifas-carrinho-total strong {
    display: block;
    color: #d7ff3f;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.rifas-carrinho-total i {
    margin-top: 6px;
    color: #d7ff3f;
    font-size: 10px;
}

.rifas-carrinho-livre {
    min-height: 31px;
    padding: 0 12px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .5px;
}


/* CARD */

.rifas-card {
    width: 100%;
    margin-top: 14px;
    padding: 18px;
    border-radius: 28px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.rifas-card-topo {
    min-height: 58px;
    margin-bottom: 15px;
    padding: 0 2px 14px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.rifas-card-label {
    margin-bottom: 5px;
    color: #888;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.rifas-card-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.15;
}

.rifas-card-icone {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.rifas-card-icone i {
    font-size: 14px;
}

.rifas-lista {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 12px;
}


/* ITEM */

.rifa-item {
    min-width: 0;
    padding: 14px;
    border: 1px solid #e5e5e5;
    border-top: 5px solid #d7ff3f;
    border-radius: 22px;
    background: #f8f8f8;
    cursor: pointer;
    transition:
        transform .15s ease,
        box-shadow .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.rifa-item:active {
    transform: scale(.99);
}

.rifa-item-topo {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.rifa-item-selo {
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #111;
    color: #d7ff3f;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.rifa-item-selo i {
    font-size: 8px;
}

.rifa-item-seta {
    width: 31px;
    min-width: 31px;
    height: 31px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #111;
}

.rifa-item-seta i {
    font-size: 10px;
}

.rifa-item-nome {
    min-height: 42px;
    color: #111;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.rifa-item-premio {
    min-height: 74px;
    margin-top: 11px;
    padding: 12px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #d7ff3f;
}

.rifa-item-premio span {
    display: block;
    margin-bottom: 4px;
    color: rgba(17, 17, 17, .58);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.rifa-item-premio strong {
    display: block;
    color: #111;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.1;
}

.rifa-item-premio-icone {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.rifa-item-premio-icone i {
    font-size: 14px;
}

.rifa-item-rodape {
    width: 100%;
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.rifa-item-valor,
.rifa-item-sorteio {
    width: 100%;
    min-width: 0;
    min-height: 70px;
    padding: 11px;
    border: 1px solid #dedede;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background: #fff;
}

.rifa-item-valor span,
.rifa-item-sorteio span {
    display: block;
    margin-bottom: 6px;
    color: #888;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: .25px;
}

.rifa-item-valor strong,
.rifa-item-sorteio strong {
    display: block;
    max-width: 100%;
    color: #111;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.rifa-item-botao {
    width: 100%;
    min-height: 45px;
    margin-top: 10px;
    padding: 9px 13px;
    border: 0;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #111;
    color: #d7ff3f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.rifa-item-botao i {
    font-size: 13px;
}


/* VAZIO */

.rifas-vazio {
    min-height: 270px;
    padding: 35px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.rifas-vazio-icone {
    width: 70px;
    height: 70px;
    margin-bottom: 17px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.rifas-vazio-icone i {
    font-size: 24px;
}

.rifas-vazio-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
}

.rifas-vazio-texto {
    max-width: 310px;
    margin-top: 7px;
    color: #777;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}


/* AVISO */

.rifas-aviso {
    width: 100%;
    min-height: 76px;
    margin-top: 13px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 21px;
    display: flex;
    align-items: center;
    gap: 11px;
    background: rgba(255, 255, 255, .05);
}

.rifas-aviso-icone {
    width: 41px;
    min-width: 41px;
    height: 41px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.rifas-aviso-icone i {
    font-size: 15px;
}

.rifas-aviso strong {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.rifas-aviso span {
    display: block;
    margin-top: 4px;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
}

.rifa-detalhe-page {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 18px 16px 120px;
}

.rifa-detalhe-page > .jb-carrinho {
    margin-bottom: 14px;
}

.rifa-detalhe-topo {
    width: 100%;
    padding: 18px;
    border-radius: 28px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.rifa-detalhe-topo-cabecalho {
    min-height: 60px;
    padding: 0 2px 15px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rifa-detalhe-topo-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.rifa-detalhe-topo-icone {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.rifa-detalhe-topo-icone i {
    font-size: 18px;
}

.rifa-detalhe-topo-label {
    margin-bottom: 5px;
    color: #888;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.rifa-detalhe-topo-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.rifa-detalhe-status {
    min-height: 31px;
    padding: 0 10px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 5px;
    background: #d7ff3f;
    color: #111;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
}

.rifa-detalhe-status i {
    font-size: 9px;
}


/* =========================================================
   PREMIAÇÃO
========================================================= */

.rifa-detalhe-premio {
    min-height: 100px;
    margin-top: 15px;
    padding: 18px;
    border-radius: 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: #d7ff3f;
}

.rifa-detalhe-premio-info span {
    display: block;
    margin-bottom: 6px;
    color: rgba(17, 17, 17, .58);
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.rifa-detalhe-premio-info strong {
    display: block;
    color: #111;
    font-size: 27px;
    font-weight: 900;
    line-height: 1.1;
}

.rifa-detalhe-premio-icone {
    width: 55px;
    min-width: 55px;
    height: 55px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.rifa-detalhe-premio-icone i {
    font-size: 21px;
}


/* =========================================================
   INFORMAÇÕES
========================================================= */

.rifa-detalhe-informacoes {
    width: 100%;
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
}

.rifa-detalhe-informacao {
    width: 100%;
    min-width: 0;
    min-height: 76px;
    padding: 12px 13px;
    border: 1px solid #e3e3e3;
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f7f7f7;
}

.rifa-detalhe-informacao-icone {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.rifa-detalhe-informacao-icone i {
    font-size: 15px;
}

.rifa-detalhe-informacao > div:last-child {
    min-width: 0;
    flex: 1;
}

.rifa-detalhe-informacao span {
    display: block;
    margin-bottom: 5px;
    color: #777;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.rifa-detalhe-informacao strong {
    display: block;
    color: #111;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.rifa-detalhe-saiba-mais {
    width: 100%;
    min-height: 54px;
    margin-top: 10px;
    padding: 10px 13px;
    border: 1px solid #e3e3e3;
    border-radius: 17px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f5f5f5;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
}

.rifa-detalhe-saiba-mais i:first-child {
    width: 34px;
    min-width: 34px;
    height: 34px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 13px;
}

.rifa-detalhe-saiba-mais i:last-child {
    margin-left: auto;
    font-size: 11px;
}


/* =========================================================
   SEÇÕES
========================================================= */

.rifa-detalhe-cotas,
.rifa-detalhe-quantidade {
    width: 100%;
    margin-top: 14px;
    padding: 18px;
    border-radius: 28px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.rifa-detalhe-secao-topo {
    min-height: 57px;
    padding: 0 2px 14px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rifa-detalhe-secao-label {
    margin-bottom: 5px;
    color: #888;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.rifa-detalhe-secao-titulo {
    color: #111;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.15;
}

.rifa-detalhe-secao-icone {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.rifa-detalhe-secao-icone i {
    font-size: 14px;
}

.rifa-detalhe-cotas-texto,
.rifa-detalhe-quantidade-texto {
    margin: 14px 2px;
    color: #777;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.45;
}


/* =========================================================
   COTAS
========================================================= */

.rifa-detalhe-cotas-lista {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.rifa-detalhe-cota {
    min-width: 0;
    padding: 13px;
    border: 1px solid #e5e5e5;
    border-top: 5px solid #d7ff3f;
    border-radius: 20px;
    background: #f8f8f8;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    cursor: pointer;
    transition:
        transform .15s ease,
        border-color .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.rifa-detalhe-cota:active {
    transform: scale(.98);
}

.rifa-detalhe-cota-topo {
    margin-bottom: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.rifa-detalhe-cota-icone,
.rifa-detalhe-cota-seta {
    width: 35px;
    min-width: 35px;
    height: 35px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rifa-detalhe-cota-icone {
    background: #111;
    color: #d7ff3f;
}

.rifa-detalhe-cota-seta {
    background: #fff;
    color: #111;
}

.rifa-detalhe-cota-icone i,
.rifa-detalhe-cota-seta i {
    font-size: 12px;
}

.rifa-detalhe-cota-nome {
    color: #111;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.rifa-detalhe-cota-quantidade {
    margin-top: 5px;
    color: #777;
    font-size: 10px;
    font-weight: 800;
}

.rifa-detalhe-cota-valor {
    min-height: 60px;
    margin-top: 11px;
    padding: 10px;
    border-radius: 15px;
    background: #d7ff3f;
}

.rifa-detalhe-cota-valor span {
    display: block;
    margin-bottom: 4px;
    color: rgba(17, 17, 17, .58);
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
}

.rifa-detalhe-cota-valor strong {
    display: block;
    color: #111;
    font-size: 16px;
    font-weight: 900;
}

.rifa-detalhe-cota-botao {
    min-height: 39px;
    margin-top: 9px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 9px;
    font-weight: 900;
    text-align: center;
}


/* =========================================================
   CONTROLE DE QUANTIDADE
========================================================= */

.rifa-detalhe-controle {
    width: 100%;
    min-height: 104px;
    padding: 13px;
    border: 1px solid #e5e5e5;
    border-radius: 21px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 58px;
    align-items: center;
    gap: 11px;
    background: #f7f7f7;
}

.rifa-detalhe-controle-botao {
    width: 58px;
    height: 58px;
    padding: 0;
    border: 0;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    cursor: pointer;
    transition:
        transform .15s ease,
        opacity .15s ease;
}

.rifa-detalhe-controle-botao i {
    font-size: 16px;
}

.rifa-detalhe-controle-botao:active {
    transform: scale(.95);
}

.rifa-detalhe-controle-botao:disabled,
.rifa-detalhe-controle-desabilitado {
    background: #d8d8d8;
    color: #999;
    cursor: default;
    opacity: .75;
}

.rifa-detalhe-controle-valor {
    min-width: 0;
    text-align: center;
}

.rifa-detalhe-controle-valor span {
    display: block;
    margin-bottom: 2px;
    color: #888;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.rifa-detalhe-controle-valor input {
    width: 100%;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    outline: none;
}

.rifa-detalhe-controle-valor small {
    display: block;
    color: #888;
    font-size: 8px;
    font-weight: 800;
}


/* =========================================================
   TOTAL
========================================================= */

.rifa-detalhe-total {
    min-height: 77px;
    margin-top: 11px;
    padding: 13px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    background: #111;
}

.rifa-detalhe-total-info span {
    display: block;
    margin-bottom: 5px;
    color: #999;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.rifa-detalhe-total-info strong {
    display: block;
    color: #d7ff3f;
    font-size: 19px;
    font-weight: 900;
}

.rifa-detalhe-total-quantidade {
    min-height: 36px;
    padding: 0 11px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(215, 255, 63, .12);
    color: #d7ff3f;
    font-size: 9px;
    font-weight: 900;
    white-space: nowrap;
}

.rifa-detalhe-total-quantidade i {
    font-size: 10px;
}

.rifa-detalhe-adicionar {
    width: 100%;
    min-height: 60px;
    margin-top: 11px;
    padding: 10px 15px;
    border: 0;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #d7ff3f;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 13px 28px rgba(0, 0, 0, .16);
    transition: transform .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.rifa-detalhe-adicionar i {
    font-size: 13px;
}

.rifa-detalhe-adicionar span {
    min-height: 30px;
    margin-left: 4px;
    padding: 0 10px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 10px;
    white-space: nowrap;
}

.rifa-detalhe-adicionar:active {
    transform: scale(.98);
}


/* =========================================================
   AVISO
========================================================= */

.rifa-detalhe-aviso {
    width: 100%;
    min-height: 76px;
    margin-top: 13px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 21px;
    display: flex;
    align-items: center;
    gap: 11px;
    background: rgba(255, 255, 255, .05);
}

.rifa-detalhe-aviso-icone {
    width: 41px;
    min-width: 41px;
    height: 41px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.rifa-detalhe-aviso-icone i {
    font-size: 15px;
}

.rifa-detalhe-aviso strong {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.rifa-detalhe-aviso span {
    display: block;
    margin-top: 4px;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
}


/* =========================================================
   MODAL SAIBA MAIS
========================================================= */

.rifa-detalhe-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: flex-end;
    justify-content: center;
    padding: 18px;
}

.rifa-detalhe-modal-fundo {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .78);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.rifa-detalhe-modal-conteudo {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 500px;
    max-height: calc(100vh - 35px);
    padding: 18px;
    border-radius: 30px;
    background: #fff;
    color: #111;
    overflow-y: auto;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .55);
    animation: rifaDetalheModalSubir .2s ease-out;
}

@keyframes rifaDetalheModalSubir {

    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

.rifa-detalhe-modal-topo {
    min-height: 58px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.rifa-detalhe-modal-topo-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.rifa-detalhe-modal-icone {
    width: 47px;
    min-width: 47px;
    height: 47px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.rifa-detalhe-modal-icone i {
    font-size: 17px;
}

.rifa-detalhe-modal-label {
    margin-bottom: 4px;
    color: #777;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.rifa-detalhe-modal-titulo {
    color: #111;
    font-size: 18px;
    font-weight: 900;
}

.rifa-detalhe-modal-fechar {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #fff;
    cursor: pointer;
}

.rifa-detalhe-modal-fechar i {
    font-size: 13px;
}

.rifa-detalhe-modal-corpo {
    padding-top: 17px;
}

.rifa-detalhe-modal-rifa {
    min-height: 67px;
    padding: 11px;
    border: 1px solid #e5e5e5;
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f6f6f6;
}

.rifa-detalhe-modal-rifa-icone {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.rifa-detalhe-modal-rifa span {
    display: block;
    margin-bottom: 4px;
    color: #888;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.rifa-detalhe-modal-rifa strong {
    display: block;
    color: #111;
    font-size: 13px;
    font-weight: 900;
}

.rifa-detalhe-modal-descricao {
    margin-top: 13px;
    padding: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 18px;
    background: #fafafa;
    color: #555;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.rifa-detalhe-modal-confirmar {
    width: 100%;
    min-height: 52px;
    margin-top: 13px;
    padding: 10px 15px;
    border: 0;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #d7ff3f;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

/* =========================================================
   GUIA RÁPIDO
========================================================= */

.guia-novo-page {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 18px 16px 120px;
}

.guia-novo-topo {
    width: 100%;
    min-height: 112px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
}

.guia-novo-topo-info {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
}

.guia-novo-topo-icone {
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.guia-novo-topo-icone i {
    font-size: 21px;
}

.guia-novo-topo-label {
    margin-bottom: 5px;
    color: #999;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.guia-novo-topo-titulo {
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    line-height: 1.1;
}

.guia-novo-topo-texto {
    max-width: 430px;
    margin-top: 6px;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
}

.guia-novo-topo-ajuda {
    width: 47px;
    min-width: 47px;
    height: 47px;
    border: 1px solid rgba(215, 255, 63, .22);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(215, 255, 63, .10);
    color: #d7ff3f;
}

.guia-novo-topo-ajuda i {
    font-size: 17px;
}


/* MÓDULOS */

.guia-novo-modulos {
    width: 100%;
    min-height: 67px;
    margin-top: 13px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    background: rgba(255, 255, 255, .05);
}

.guia-novo-modulos-titulo {
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.guia-novo-modulos-lista {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.guia-novo-modulo {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 6px;
    background: #d7ff3f;
    color: #111;
    font-size: 9px;
    font-weight: 900;
}

.guia-novo-modulo i {
    font-size: 10px;
}


/* ÍNDICE */

.guia-novo-indice {
    width: 100%;
    margin-top: 14px;
    padding: 18px;
    border-radius: 28px;
    background: #fff;
    color: #111;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .22);
}

.guia-novo-indice-topo {
    min-height: 56px;
    padding: 0 2px 14px;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.guia-novo-indice-label {
    margin-bottom: 5px;
    color: #888;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.guia-novo-indice-titulo {
    color: #111;
    font-size: 18px;
    font-weight: 900;
}

.guia-novo-indice-icone {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.guia-novo-indice-lista {
    margin-top: 13px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.guia-novo-indice-lista button {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #e3e3e3;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #f5f5f5;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
    transition:
        transform .15s ease,
        background .15s ease;
}

.guia-novo-indice-lista button:active {
    transform: scale(.97);
}

.guia-novo-indice-lista button i {
    font-size: 10px;
}


/* CONTEÚDO */

.guia-novo-conteudo {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.guia-novo-card {
    width: 100%;
    border: 0;
    border-radius: 25px;
    background: #fff;
    color: #111;
    overflow: hidden;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .20);
    scroll-margin-top: 20px;
}

.guia-novo-card-topo {
    min-height: 79px;
    padding: 14px;
    display: flex;
    align-items: center;
    gap: 11px;
    cursor: pointer;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
}

.guia-novo-card-topo::-webkit-details-marker {
    display: none;
}

.guia-novo-card-numero {
    width: 46px;
    min-width: 46px;
    height: 46px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
    font-size: 11px;
    font-weight: 900;
}

.guia-novo-card-titulo-area {
    min-width: 0;
    flex: 1;
}

.guia-novo-card-titulo-area span {
    display: block;
    margin-bottom: 5px;
    color: #888;
    font-size: 8px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.guia-novo-card-titulo-area strong {
    display: block;
    color: #111;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
}

.guia-novo-card-icone {
    width: 35px;
    min-width: 35px;
    height: 35px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.guia-novo-card-icone i {
    font-size: 11px;
    transition: transform .2s ease;
}

.guia-novo-card[open] .guia-novo-card-icone i {
    transform: rotate(180deg);
}

.guia-novo-card[open] .guia-novo-card-topo {
    border-bottom: 1px solid #ededed;
}

.guia-novo-card-corpo {
    padding: 16px;
}

.guia-novo-card-corpo p {
    margin: 0;
    color: #555;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.65;
}

.guia-novo-card-corpo p + p {
    margin-top: 14px;
}

.guia-novo-card-corpo h3 {
    margin: 19px 0 11px;
    color: #111;
    font-size: 13px;
    font-weight: 900;
}


/* DESTAQUES */

.guia-novo-destaque,
.guia-novo-atencao,
.guia-novo-suporte {
    min-height: 72px;
    margin: 14px 0;
    padding: 12px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    gap: 11px;
}

.guia-novo-destaque,
.guia-novo-suporte {
    background: #d7ff3f;
}

.guia-novo-atencao {
    border: 1px solid #e2e2e2;
    background: #f5f5f5;
}

.guia-novo-destaque-icone,
.guia-novo-atencao-icone,
.guia-novo-suporte-icone {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
}

.guia-novo-destaque span {
    display: block;
    margin-bottom: 4px;
    color: rgba(17, 17, 17, .58);
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
}

.guia-novo-destaque strong,
.guia-novo-atencao strong,
.guia-novo-suporte strong {
    display: block;
    color: #111;
    font-size: 12px;
    font-weight: 900;
}

.guia-novo-atencao span,
.guia-novo-suporte span {
    display: block;
    margin-top: 4px;
    color: #666;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
}


/* EXEMPLO E LISTAS */

.guia-novo-exemplo {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.guia-novo-exemplo-item {
    min-height: 61px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 9px;
    background: #f7f7f7;
}

.guia-novo-exemplo-item i {
    width: 34px;
    min-width: 34px;
    height: 34px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 11px;
}

.guia-novo-exemplo-item span {
    color: #555;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
}

.guia-novo-lista {
    margin: 0;
    padding: 0;
    list-style: none;
}

.guia-novo-lista li {
    position: relative;
    min-height: 51px;
    padding: 12px 12px 12px 38px;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    background: #f7f7f7;
    color: #555;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
}

.guia-novo-lista li + li {
    margin-top: 8px;
}

.guia-novo-lista li::before {
    content: "\f00c";
    position: absolute;
    top: 13px;
    left: 13px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
    font-family: "Font Awesome 6 Free";
    font-size: 8px;
    font-weight: 900;
}


/* PASSOS */

.guia-novo-passo {
    min-height: 67px;
    padding: 11px;
    border: 1px solid #e5e5e5;
    border-radius: 18px;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    background: #f7f7f7;
}

.guia-novo-passo + .guia-novo-passo {
    margin-top: 9px;
}

.guia-novo-passo-numero {
    width: 37px;
    min-width: 37px;
    height: 37px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #d7ff3f;
    font-size: 11px;
    font-weight: 900;
}

.guia-novo-passo p {
    padding-top: 1px;
    font-size: 11px;
    line-height: 1.5;
}


/* DISPOSITIVOS */

.guia-novo-dispositivos {
    margin-bottom: 14px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.guia-novo-dispositivo {
    min-height: 75px;
    border-radius: 17px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #111;
    color: #d7ff3f;
}

.guia-novo-dispositivo i {
    font-size: 18px;
}

.guia-novo-dispositivo span {
    font-size: 9px;
    font-weight: 900;
}


/* HORÁRIOS */

.guia-novo-horarios {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.guia-novo-horarios-card {
    min-width: 0;
    padding: 11px;
    border: 1px solid #e5e5e5;
    border-radius: 18px;
    background: #f7f7f7;
}

.guia-novo-horarios-topo {
    min-height: 39px;
    margin-bottom: 8px;
    padding: 0 10px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    gap: 7px;
    background: #111;
    color: #d7ff3f;
    font-size: 9px;
    font-weight: 900;
}

.guia-novo-horario {
    min-height: 37px;
    padding: 7px 3px;
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.guia-novo-horario:last-child {
    border-bottom: 0;
}

.guia-novo-horario strong {
    color: #111;
    font-size: 10px;
    font-weight: 900;
}

.guia-novo-horario span {
    color: #666;
    font-size: 9px;
    font-weight: 750;
    line-height: 1.35;
    text-align: right;
}


/* PIX */

.guia-novo-pix-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.guia-novo-pix-card {
    min-width: 0;
    padding: 13px;
    border: 1px solid #e5e5e5;
    border-radius: 19px;
    background: #f7f7f7;
}

.guia-novo-pix-topo {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.guia-novo-pix-icone {
    width: 38px;
    min-width: 38px;
    height: 38px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.guia-novo-pix-topo strong {
    color: #111;
    font-size: 13px;
    font-weight: 900;
}

.guia-novo-pix-card p {
    font-size: 10px;
    line-height: 1.5;
}


/* MODALIDADES */

.guia-novo-modalidades,
.guia-novo-premios,
.guia-novo-outras {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.guia-novo-modalidade,
.guia-novo-premios > div,
.guia-novo-outras > div {
    min-width: 0;
    padding: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 17px;
    background: #f7f7f7;
}

.guia-novo-modalidade strong,
.guia-novo-premios strong,
.guia-novo-outras strong {
    display: block;
    margin-bottom: 6px;
    color: #111;
    font-size: 11px;
    font-weight: 900;
}

.guia-novo-modalidade span,
.guia-novo-premios span,
.guia-novo-outras span {
    display: block;
    color: #666;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.5;
}


/* COTAÇÕES */

.guia-novo-cotacoes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.guia-novo-cotacao {
    min-height: 65px;
    padding: 11px;
    border: 1px solid #e5e5e5;
    border-left: 5px solid #d7ff3f;
    border-radius: 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f7f7f7;
}

.guia-novo-cotacao span {
    display: block;
    margin-bottom: 5px;
    color: #777;
    font-size: 9px;
    font-weight: 800;
}

.guia-novo-cotacao strong {
    display: block;
    color: #111;
    font-size: 12px;
    font-weight: 900;
}


/* RODAPÉ */

.guia-novo-rodape {
    width: 100%;
    min-height: 75px;
    margin-top: 14px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 21px;
    display: flex;
    align-items: center;
    gap: 11px;
    background: rgba(255, 255, 255, .05);
}

.guia-novo-rodape-icone {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7ff3f;
    color: #111;
}

.guia-novo-rodape strong {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.guia-novo-rodape span {
    display: block;
    margin-top: 4px;
    color: #999;
    font-size: 10px;
    font-weight: 700;
}