@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap");

:root {
    --idioma-bg: #111216;
    --idioma-panel: #171821;
    --idioma-panel-2: #1b1d28;
    --idioma-line: #282a36;
    --idioma-red: #e0002b;
    --idioma-red-2: #f01b43;
    --idioma-text: #ffffff;
    --idioma-muted: #a4a7b1;
    --idioma-yellow: #ffe600;
}

/* Last mobile profile button state cleanup. */
@media (max-width: 576px) {
    html body .navbar-logged .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle {
        border-color: #252b36 !important;
        background: #161922 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle:hover,
    html body .navbar-logged .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle:focus,
    html body .navbar-logged .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle:active,
    html body .navbar-logged .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle:focus-visible,
    html body .navbar-logged .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle:not(:disabled):not(.disabled):active,
    html body .navbar-logged .navbar-buttons-balance-wrapper .dropdown.show .btn.btn-secondary.dropdown-toggle {
        border-color: rgba(255, 255, 255, .9) !important;
        background: #4b5563 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle:focus:not(:focus-visible) {
        border-color: #252b36 !important;
        background: #161922 !important;
    }
}

/* Last mobile QR code fit override. */
@media (max-width: 576px) {
    html body #qrCodeModal.show {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body #qrCodeModal .modal-dialog {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    html body #qrCodeModal .modal-content,
    html body #qrCodeModal .window-register,
    html body #qrCodeModal .align-center-windows,
    html body #qrCodeModal .card.windows {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    html body #qrCodeModal .modal-content,
    html body #qrCodeModal .card.windows {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
    }

    html body #qrCodeModal .card.windows {
        padding: 0 14px 28px !important;
    }

    html body #qrCodeModal .card.windows > div:first-child {
        width: calc(100% + 28px) !important;
        margin-left: -14px !important;
        margin-right: -14px !important;
        border-radius: 0 !important;
        padding: 28px 22px 26px !important;
    }

    html body #qrCodeModal [style*="padding: 32px 24px"] {
        padding: 22px 0 28px !important;
    }

    html body #qrCodeModal #modalValor {
        font-size: clamp(34px, 10vw, 46px) !important;
        line-height: 1 !important;
        white-space: normal !important;
    }

    html body #qrCodeModal [style*="background: linear-gradient(135deg, #f8fafc"] {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 18px auto 22px !important;
        padding: 16px !important;
        border-radius: 22px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body #qrCodeModal [style*="width: 200px; height: 200px"] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: min(72vw, 250px) !important;
        height: min(72vw, 250px) !important;
        max-width: 100% !important;
        max-height: none !important;
        margin: 0 auto 14px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body #qrCodeModal img#qrcode {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    html body #qrCodeModal #qrLoading {
        width: 100% !important;
        height: 100% !important;
    }

    html body #qrCodeModal #qrCodeTexto {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        text-align: left !important;
    }

    html body #qrCodeModal button[onclick*="copyTextToClipboard"] {
        width: 100% !important;
        min-height: 56px !important;
        border-radius: 16px !important;
    }

    html body #qrCodeModal button[aria-label="Close"] {
        top: 14px !important;
        right: 14px !important;
        z-index: 80 !important;
    }
}

/* Final mobile account button visibility. */
@media (max-width: 576px) {
    html body .navbar-logged .navbar-buttons-balance-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        max-width: calc(100vw - 96px) !important;
        overflow: visible !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper > .btn-small.btn-color-1 {
        flex: 0 0 86px !important;
        width: 86px !important;
        min-width: 86px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .balance-info {
        flex: 0 1 auto !important;
        min-width: 100px !important;
        width: auto !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 8px !important;
        gap: 5px !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .balance-info h4 {
        font-size: 13px !important;
        line-height: 1 !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .idioma-balance-refresh {
        width: 22px !important;
        min-width: 22px !important;
        height: 22px !important;
        min-height: 22px !important;
        font-size: 12px !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper > .dropdown {
        display: flex !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border-radius: 12px !important;
        border: 1px solid #343a46 !important;
        background: #465263 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .eng-letter-name,
    html body .navbar-logged .navbar-buttons-balance-wrapper .eng-letter-name.no-mobile,
    html body .navbar-logged .navbar-buttons-balance-wrapper .letter-name {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .eng-letter-name,
    html body .navbar-logged .navbar-buttons-balance-wrapper .eng-letter-name.no-mobile {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        margin: 0 !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .letter-name {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        border-radius: 50% !important;
        background: #37b51f !important;
        box-shadow: 0 0 0 3px rgba(55, 181, 31, .2) !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .letter-name i {
        display: inline-block !important;
        color: #fff !important;
        font-size: 15px !important;
        line-height: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle::after {
        display: inline-block !important;
        margin-left: 1px !important;
        color: #fff !important;
        border-top-color: #fff !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Last mobile success modal width override. */
@media (max-width: 576px) {
    html body #successModal.show {
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        padding: 6px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body #successModal .modal-dialog {
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        min-width: calc(100vw - 12px) !important;
        height: calc(100dvh - 12px) !important;
        max-height: calc(100dvh - 12px) !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: stretch !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html body #successModal .modal-content,
    html body #successModal .window-register,
    html body #successModal .align-center-windows,
    html body #successModal .card.windows {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    html body #successModal .modal-content,
    html body #successModal .card.windows {
        border-radius: 18px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body #successModal .card.windows > div:first-child {
        width: 100% !important;
        padding: 34px 18px 28px !important;
        box-sizing: border-box !important;
    }

    html body #successModal .card.windows > div[style*="padding: 48px 32px 32px"] {
        width: 100% !important;
        padding: 24px 18px 28px !important;
        box-sizing: border-box !important;
    }

    html body #successModal .card.windows > div[style*="padding: 48px 32px 32px"] > div {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    html body #successModal [style*="display: grid; grid-template-columns: 1fr 1fr 1fr"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    html body #successModal [style*="display: grid; grid-template-columns: 1fr 1fr"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

/* Last mobile withdrawal fee modal width override. */
@media (max-width: 576px) {
    html body #qrCodeTaxModal.show {
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        padding: 6px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body #qrCodeTaxModal .modal-dialog {
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        min-width: calc(100vw - 12px) !important;
        height: calc(100dvh - 12px) !important;
        max-height: calc(100dvh - 12px) !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: stretch !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html body #qrCodeTaxModal .modal-content,
    html body #qrCodeTaxModal .window-register,
    html body #qrCodeTaxModal .align-center-windows,
    html body #qrCodeTaxModal .card.windows {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    html body #qrCodeTaxModal .modal-content,
    html body #qrCodeTaxModal .card.windows {
        border-radius: 18px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body #qrCodeTaxModal .card.windows > div:first-child {
        width: 100% !important;
        padding: 34px 18px 28px !important;
        box-sizing: border-box !important;
    }

    html body #qrCodeTaxModal .card.windows > div[style*="padding: 32px 24px"] {
        width: 100% !important;
        padding: 24px 18px 28px !important;
        box-sizing: border-box !important;
    }

    html body #qrCodeTaxModal .card.windows > div[style*="padding: 32px 24px"] > div {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    html body #qrCodeTaxModal div:has(> #modalValorSaque),
    html body #qrCodeTaxModal div:has(> #modalTaxaSaqueValor),
    html body #qrCodeTaxModal div:has(> #modalTotalTaxaSaque) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 12px !important;
        text-align: left !important;
    }

    html body #qrCodeTaxModal #modalValorSaque,
    html body #qrCodeTaxModal #modalTaxaSaqueValor,
    html body #qrCodeTaxModal #modalTotalTaxaSaque {
        white-space: nowrap !important;
        text-align: right !important;
    }

    html body #qrCodeTaxModal div:has(> #modalTotalTaxaSaque) {
        border-radius: 12px !important;
        padding: 12px 14px !important;
    }
}

/* Last mobile withdrawal success modal width override. */
@media (max-width: 576px) {
    html body #successModalTax.show {
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        padding: 6px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body #successModalTax .modal-dialog {
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        min-width: calc(100vw - 12px) !important;
        height: calc(100dvh - 12px) !important;
        max-height: calc(100dvh - 12px) !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: stretch !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html body #successModalTax .modal-content,
    html body #successModalTax .window-register,
    html body #successModalTax .align-center-windows,
    html body #successModalTax .card.windows {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    html body #successModalTax .modal-content,
    html body #successModalTax .card.windows {
        border-radius: 18px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body #successModalTax .card.windows > div:first-child {
        width: 100% !important;
        padding: 34px 18px 28px !important;
        box-sizing: border-box !important;
    }

    html body #successModalTax .card.windows > div[style*="padding: 48px 32px 32px"] {
        width: 100% !important;
        padding: 24px 18px 28px !important;
        box-sizing: border-box !important;
    }

    html body #successModalTax .card.windows > div[style*="padding: 48px 32px 32px"] > div {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    html body #successModalTax [style*="Solicitação Recebida"],
    html body #successModalTax [style*="font-size: 18px; font-weight: 600"] {
        max-width: none !important;
    }

    html body #successModalTax [style*="display: grid; grid-template-columns: 1fr 1fr"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    html body #successModalTax [style*="display: grid; grid-template-columns: 1fr 1fr"] a,
    html body #successModalTax [style*="display: grid; grid-template-columns: 1fr 1fr"] button {
        width: 100% !important;
        min-height: 56px !important;
    }
}

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
    background: var(--idioma-bg) !important;
    color: var(--idioma-text);
    font-family: Inter, Arial, sans-serif !important;
}

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

.page-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
}

.content-navbar {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    background: #171820 !important;
    border-bottom: 1px solid #2a2c36;
    min-height: 68px;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 220 !important;
}

.navbar_wrapper {
    display: flex;
    align-items: center;
    gap: 28px;
    min-height: 68px;
    padding: 0 30px;
}

.idioma-top-tabs {
    display: flex;
    align-items: center;
    gap: 14px;
    align-self: stretch;
    min-width: 230px;
}

.idioma-top-tab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none !important;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .75);
    transition: color .16s ease;
}

.idioma-top-tab i {
    color: #d9dce4;
    font-size: 15px;
    transition: color .16s ease;
}

.idioma-top-tab:hover {
    color: #fff !important;
    background: transparent !important;
}

.idioma-top-tab:hover i {
    color: var(--idioma-red-2);
}

.idioma-top-tab.active::after {
    display: none;
}

.idioma-top-tab.active i {
    color: #fff;
}

.navbar-left {
    margin-right: auto;
}

.navbar-left .w-dyn-item {
    display: flex;
    align-items: center;
    gap: 22px;
}

.idioma-sidebar-toggle {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: color .16s ease, transform .16s ease;
}

.idioma-sidebar-toggle:hover {
    color: var(--idioma-red-2);
}

.idioma-sidebar-toggle:active {
    transform: scale(.96);
}

.navbar_brand {
    display: flex;
    align-items: center;
    min-width: 150px;
    min-height: 46px;
}

.navbar_brand .brand_type-wrapper {
    display: flex !important;
    align-items: center;
    width: 170px !important;
    min-width: 170px !important;
    height: 46px !important;
    overflow: visible !important;
}

.ico-brand-type.header {
    display: block !important;
    width: auto !important;
    max-width: 170px !important;
    height: 46px !important;
    max-height: 46px !important;
    object-fit: contain;
    opacity: 1 !important;
    visibility: visible !important;
}

.idioma-wordmark {
    display: none !important;
}

.navbar-buttons-login-wrapper {
    gap: 10px;
}

.navbar-logged,
.navbar-buttons-balance-wrapper,
.navbar-buttons-balance-wrapper .dropdown {
    position: relative;
    overflow: visible !important;
    z-index: 230;
}

.navbar-buttons-balance-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.idioma-balance-refresh {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #d9dde7;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.idioma-balance-refresh.is-spinning i {
    animation: idioma-spin .65s linear;
}

@keyframes idioma-spin {
    to {
        transform: rotate(360deg);
    }
}

.navbar-buttons-balance-wrapper .dropdown-menu {
    position: fixed !important;
    right: 106px !important;
    left: auto !important;
    top: 66px !important;
    transform: none !important;
    width: 320px;
    min-width: 320px;
    padding: 8px;
    border: 1px solid #30333f;
    border-radius: 10px;
    background: #171820 !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .55);
    z-index: 9999 !important;
}

.navbar-buttons-balance-wrapper .dropdown-menu.show {
    display: block !important;
}

.navbar-buttons-balance-wrapper .drop-list-menu {
    position: static !important;
    display: block !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.navbar-buttons-balance-wrapper .eng-info-account,
.navbar-buttons-balance-wrapper .link-drop {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 42px;
    padding: 9px 10px !important;
    border-radius: 8px;
    color: #fff !important;
    text-decoration: none !important;
}

.navbar-buttons-balance-wrapper .eng-info-account {
    margin-bottom: 4px;
    background: #1f222c;
}

.navbar-buttons-balance-wrapper .link-drop:hover,
.navbar-buttons-balance-wrapper .eng-info-account:hover {
    background: #242733 !important;
}

.navbar-buttons-balance-wrapper .link-drop.color-1 {
    color: var(--idioma-red-2) !important;
}

.navbar-buttons-balance-wrapper .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 58px;
    border: 1px solid #252733 !important;
    border-radius: 10px !important;
    background: #0f1015 !important;
    box-shadow: none !important;
}

.navbar-buttons-balance-wrapper .dropdown-toggle:hover,
.navbar-buttons-balance-wrapper .dropdown.show .dropdown-toggle,
.navbar-buttons-balance-wrapper .btn-secondary.dropdown-toggle:hover,
.navbar-buttons-balance-wrapper .btn-secondary.dropdown-toggle:focus,
.navbar-buttons-balance-wrapper .btn-secondary.dropdown-toggle:active,
.navbar-buttons-balance-wrapper .btn-secondary.dropdown-toggle:not(:disabled):not(.disabled):active {
    border-color: #4b5563 !important;
    background: #4b5563 !important;
    box-shadow: none !important;
}

.btn-small,
.btn-small.w-button {
    border-radius: 999px !important;
    border: 1px solid var(--idioma-red) !important;
    background: transparent !important;
    color: var(--idioma-red-2) !important;
    font-weight: 900 !important;
    padding: 10px 18px !important;
}

.btn-color-1,
.btn-color-1.w-button {
    background: var(--idioma-red-2) !important;
    color: #fff !important;
}

#enviaSaqueTaxa {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(34, 197, 94, 0.3) !important;
}

#enviaSaqueTaxa:hover,
#enviaSaqueTaxa:focus,
#enviaSaqueTaxa:active {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.4) !important;
}

#enviarBotao,
#modalDeposito #enviarBotao,
#modalDeposito button[type="submit"] {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(34, 197, 94, .3) !important;
}

#enviarBotao:hover,
#enviarBotao:focus,
#enviarBotao:active,
#modalDeposito #enviarBotao:hover,
#modalDeposito #enviarBotao:focus,
#modalDeposito #enviarBotao:active {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, .4) !important;
}

#modalDeposito button[aria-label="Close"]::before,
#modalSaque button[aria-label="Close"]::before,
#qrCodeModal button[aria-label="Close"]::before,
#qrCodeTaxModal button[aria-label="Close"]::before,
#successModal button[aria-label="Close"]::before,
#successModalTax button[aria-label="Close"]::before {
    content: "x";
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
}

#qrCodeTaxModal button[aria-label="Close"],
#successModalTax button[aria-label="Close"] {
    z-index: 50 !important;
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 12px !important;
    background: rgba(17, 18, 24, .42) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    color: #fff !important;
    opacity: 1 !important;
}

.idioma-withdraw-submit,
.idioma-withdraw-submit.w-inline-block {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(34, 197, 94, 0.3) !important;
}

.idioma-withdraw-submit:hover,
.idioma-withdraw-submit:focus,
.idioma-withdraw-submit:active {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.4) !important;
}

#successModalTax .modal-dialog {
    max-width: 420px !important;
    margin: 10px auto !important;
}

#successModalTax .modal-content {
    max-height: calc(100vh - 20px) !important;
    overflow-y: auto !important;
}

#successModalTax .card.windows > div:first-child {
    padding: 28px 20px 22px !important;
}

#successModalTax .card.windows > div[style*="padding: 48px 32px 32px"] {
    padding: 28px 28px 22px !important;
}

#successModalTax .card.windows > div[style*="padding: 48px 32px 32px"] > div {
    margin-bottom: 18px !important;
}

.idioma-home .alert-success,
.main-content .alert-success {
    color: var(--idioma-red-2) !important;
    background-color: #141313 !important;
    border-color: var(--idioma-red-2) !important;
}

.affiliate-page {
    height: auto !important;
    min-height: calc(100vh - 68px) !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding-bottom: 110px !important;
}

.affiliate-page .container-medium {
    max-height: none !important;
    overflow: visible !important;
}

.affiliate-page .main-title,
.affiliate-page h2[style*="background"] {
    background: linear-gradient(135deg, #ff1748 0%, #b40023 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.affiliate-page .main-title::after,
.affiliate-page .step-number,
.affiliate-page .modern-btn,
.affiliate-page .copy-btn {
    background: linear-gradient(135deg, #ff1748 0%, #b40023 100%) !important;
    box-shadow: 0 8px 22px rgba(240, 27, 67, .32) !important;
}

.affiliate-page .stat-value,
.affiliate-page .balance-amount,
.affiliate-page .highlight,
.affiliate-page [style*="color: #38ef7d"],
.affiliate-page [style*="color: #10b981"] {
    color: #ff1748 !important;
}

.affiliate-page .glass-card,
.affiliate-page .stat-card,
.affiliate-page .step-card {
    border-color: rgba(240, 27, 67, .24) !important;
}

.affiliate-page .glass-card:hover,
.affiliate-page .stat-card:hover,
.affiliate-page .step-card:hover {
    border-color: rgba(240, 27, 67, .5) !important;
    box-shadow: 0 16px 40px rgba(240, 27, 67, .14) !important;
}

.affiliate-page .balance-card,
.affiliate-page .gradient-green,
.affiliate-page [style*="background: linear-gradient(135deg, #38ef7d"],
.affiliate-page [style*="background: linear-gradient(135deg, #11998e"],
.affiliate-page [style*="background: linear-gradient(135deg, #667eea"],
.affiliate-page [style*="background: linear-gradient(135deg, #764ba2"],
.affiliate-page [style*="background: linear-gradient(145deg, rgba(56"],
.affiliate-page [style*="background: rgba(56"],
.affiliate-page [style*="rgba(56,239,125"],
.affiliate-page [style*="rgba(56, 239, 125"] {
    background: linear-gradient(145deg, rgba(240, 27, 67, .16), rgba(180, 0, 35, .08)) !important;
    border-color: rgba(240, 27, 67, .36) !important;
}

.affiliate-page [style*="background: linear-gradient(135deg, #38ef7d"],
.affiliate-page [style*="background: linear-gradient(135deg, #11998e"],
.affiliate-page [style*="background: linear-gradient(135deg, #667eea"],
.affiliate-page [style*="background: linear-gradient(135deg, #764ba2"] {
    background: linear-gradient(135deg, #ff1748 0%, #b40023 100%) !important;
}

.affiliate-page .modern-input-group:focus-within {
    border-color: #ff1748 !important;
    box-shadow: 0 0 20px rgba(240, 27, 67, .22) !important;
}

.affiliate-page .pulse-green {
    animation-name: pulseRedGlow !important;
}

@keyframes pulseRedGlow {
    0%,
    100% {
        box-shadow: 0 0 20px rgba(240, 27, 67, .24);
    }

    50% {
        box-shadow: 0 0 32px rgba(240, 27, 67, .48);
    }
}

.P2PzG {
    right: 0 !important;
    top: -14px !important;
}

.main-wrapper {
    width: 100%;
    max-width: 100%;
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr);
    align-items: start;
    overflow-x: hidden !important;
    background: var(--idioma-bg) !important;
    padding-top: 82px !important;
    margin-top: -28px !important;
}

.left-side-bar {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 260px !important;
    height: calc(100vh - 68px) !important;
    max-height: calc(100vh - 68px) !important;
    min-height: 0;
    position: fixed !important;
    left: 0 !important;
    top: 68px !important;
    overflow: hidden !important;
    background: #171820 !important;
    border-right: 1px solid #292b35;
    margin-top: 0 !important;
    z-index: 40;
    transition: transform .22s ease;
}

.left-side-bar_page-padding {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    display: block !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    background: #171820 !important;
    background-image: none !important;
}

.left-side-bar > .left-side-bar_page-padding .left-side-bar_navigation-wrapper,
.left-side-bar > .left-side-bar_page-padding .eng-copyright-menu {
    display: none !important;
}

.left-side_sticky-wrapper {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    display: block !important;
    position: static !important;
    top: auto !important;
    overflow: hidden !important;
}

.idioma-sidebar-shell {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 30px 10px 22px;
    scrollbar-color: #c7c7c9 #242631;
    scrollbar-width: thin;
}

.idioma-sidebar-shell::-webkit-scrollbar {
    width: 9px;
}

.idioma-sidebar-shell::-webkit-scrollbar-track {
    background: #242631;
}

.idioma-sidebar-shell::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #c7c7c9;
    border: 2px solid #242631;
}

.idioma-side-title {
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .3px;
    margin: 0 0 18px;
    text-transform: uppercase;
}

.idioma-side-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 22px;
    border-bottom: 1px solid #30323a;
}

.idioma-side-link {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 40px;
    padding: 0 6px;
    border-radius: 5px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none !important;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .65);
}

.idioma-side-link i {
    width: 22px;
    color: #9da0a8;
    font-size: 17px;
    text-align: center;
    transition: color .16s ease;
}

.idioma-side-link:hover {
    background: transparent !important;
    color: #fff !important;
}

.idioma-side-link:hover i {
    color: var(--idioma-red-2) !important;
}

.idioma-side-actions {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 22px;
}

.idioma-side-nationality {
    margin-top: 10px;
    padding-top: 14px;
    border-top: 1px solid #30323a;
}

.idioma-side-nationality .idioma-side-link {
    width: 100%;
}

.idioma-nationality-flag {
    display: inline-grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: #202330;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .12);
}

.idioma-nationality-flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-content {
    grid-column: 2;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden !important;
    background: var(--idioma-bg) !important;
    padding-top: 10px !important;
}

body.idioma-sidebar-collapsed .main-wrapper {
    grid-template-columns: 0 minmax(0, 1fr) !important;
}

body.idioma-sidebar-collapsed .left-side-bar {
    transform: translateX(-100%);
    pointer-events: none;
}

body.idioma-sidebar-collapsed .main-content {
    grid-column: 1 / -1;
}

body.idioma-sidebar-collapsed .idioma-sidebar-toggle {
    color: var(--idioma-red-2);
}

.idioma-container {
    width: 100%;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 24px 48px !important;
    overflow: visible;
}

.idioma-bonus-alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 16px;
    padding: 14px 16px;
    border: 1px solid rgba(240, 27, 67, .55);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(240, 27, 67, .18), rgba(25, 27, 35, .95));
    color: #fff;
}

.idioma-bonus-alert strong,
.idioma-bonus-alert span {
    display: block;
}

.idioma-bonus-alert strong {
    font-size: 14px;
    line-height: 1.35;
}

.idioma-bonus-alert span {
    margin-top: 4px;
    color: var(--idioma-yellow);
    font-size: 13px;
    font-weight: 800;
}

.idioma-bonus-alert button {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    background: var(--idioma-red-2);
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}

.idioma-hero {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: 370px !important;
    max-height: 370px;
    overflow: visible;
    border-radius: 8px;
    background: radial-gradient(circle at 78% 35%, rgba(224, 0, 43, .95), rgba(224, 0, 43, .35) 30%, transparent 52%), linear-gradient(90deg, #09090c 0%, #111116 45%, #e0002b 46%, #e0002b 100%);
    background-position: center;
    background-size: cover;
    margin: 0 !important;
}

.idioma-hero.has-image {
    min-height: 0;
    background: #08090d;
}

.idioma-hero-track {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    overflow: hidden;
    transition: transform .42s ease;
    will-change: transform;
}

.idioma-hero-slide {
    flex: 0 0 100%;
    min-width: 100%;
    border-radius: inherit;
}

.idioma-hero-link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    border-radius: inherit;
}

.idioma-hero-img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 1;
    min-height: 330px;
    max-height: 370px;
    border-radius: inherit;
    object-fit: cover;
    object-position: center;
}

.idioma-fallback-content {
    display: none !important;
}

.idioma-hero:not(.has-image)::after {
    content: "WESLEY\A ALEMAO";
    white-space: pre;
    position: absolute;
    top: 42px;
    right: 50px;
    color: #fff;
    font-size: 56px;
    font-weight: 900;
    line-height: .92;
    text-align: right;
    text-shadow: 9px 9px 0 #0b0b0d;
    opacity: .95;
}

.idioma-hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 42px;
    min-height: 370px !important;
    max-height: 370px;
    max-width: 100%;
    padding: 34px 56px;
}

.idioma-age {
    display: grid;
    place-items: center;
    width: 62px;
    height: 78px;
    border-radius: 8px;
    background: #111;
    color: #fff;
    font-size: 26px;
    font-weight: 900;
}

.idioma-kicker,
.idioma-hero-name {
    margin: 0;
    color: #fff;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.idioma-hero h1 {
    margin: 0;
    color: #fff;
    font-size: 86px;
    font-weight: 900;
    line-height: .9;
    text-transform: uppercase;
}

.idioma-hero h1 span {
    color: var(--idioma-red);
}

.idioma-hero-cta {
    display: inline-flex;
    margin-top: 24px;
    padding: 14px 28px;
    border-radius: 999px;
    background: var(--idioma-red-2);
    color: #fff !important;
    font-size: 20px;
    font-weight: 900;
    text-decoration: none !important;
    text-transform: uppercase;
}

.idioma-hero-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: rgba(17, 18, 22, .78);
    color: #fff;
    transform: translateY(-50%);
    cursor: pointer;
    transition: background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.idioma-hero-arrow:hover,
.idioma-hero-arrow:focus-visible {
    background: var(--idioma-red-2);
    color: #fff;
    box-shadow: 0 12px 30px rgba(240, 27, 67, .35);
    outline: 0;
}

.idioma-hero-arrow:active {
    background: var(--idioma-red);
    transform: translateY(-50%) scale(.94);
}

.idioma-prev {
    left: -58px;
}

.idioma-next {
    right: -58px;
}

.idioma-winners {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 24px 0 32px;
    max-width: 100%;
    overflow: hidden;
}

.idioma-winners-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 130px;
    color: #fff;
    font-weight: 900;
    line-height: 1.05;
    text-align: center;
}

.idioma-winners-title img {
    width: 56px;
}

.idioma-winner-strip {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    scrollbar-width: none;
}

.idioma-winner-strip::-webkit-scrollbar {
    display: none;
}

.idioma-winner-track {
    display: flex;
    align-items: center;
    gap: 12px;
    width: max-content;
    min-width: max-content;
    animation: idiomaWinnersSlide 22s linear infinite;
    will-change: transform;
}

.idioma-winner-strip:hover .idioma-winner-track {
    animation-play-state: paused;
}

@keyframes idiomaWinnersSlide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 6px));
    }
}

.idioma-winner-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 180px;
    flex: 0 0 auto;
    padding: 8px;
    border-radius: 8px;
    background: linear-gradient(90deg, #191b23, rgba(25, 27, 35, .35));
}

.idioma-winner-card img {
    width: 56px;
    height: 56px;
    border-radius: 6px;
    object-fit: cover;
}

.idioma-winner-card strong,
.idioma-winner-card span,
.idioma-winner-card b {
    display: block;
}

.idioma-winner-card strong {
    color: #fff;
    font-size: 13px;
}

.idioma-winner-card span {
    color: var(--idioma-muted);
    font-size: 12px;
}

.idioma-winner-card b {
    color: var(--idioma-yellow);
    font-size: 13px;
}

.idioma-search {
    display: block;
    width: min(100%, 980px);
    max-width: 100%;
    position: relative;
    margin: 0 auto 42px;
}

.idioma-search > i {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 2;
    color: #8d919c;
    font-size: 20px;
    transform: translateY(-50%);
}

.idioma-search .input-search {
    width: 100% !important;
    height: 44px;
    border: 1px solid #2b2f3d !important;
    border-radius: 8px !important;
    background: #171821 !important;
    color: #dce1ff;
    font-size: 16px;
    padding-left: 50px !important;
}

.search-results {
    top: 52px;
    border: 1px solid #2b2f3d;
    background: #171821 !important;
}

.idioma-section {
    margin-bottom: 44px;
}

.idioma-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.idioma-section-head h2 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
}

.idioma-section-head a {
    color: #fff;
    font-weight: 800;
}

.idioma-section-arrows {
    display: flex;
    gap: 12px;
}

.idioma-section-arrows button {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #171821;
    color: #fff;
}

.idioma-feature-grid,
.idioma-games-grid {
    display: grid;
    gap: 18px;
    min-width: 0;
    max-width: 100%;
}

.idioma-feature-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.idioma-feature-carousel {
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.idioma-games-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.idioma-feature-card,
.idioma-game-card {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #191b23;
    color: #fff !important;
    text-decoration: none !important;
    min-width: 0;
}

.idioma-feature-card {
    display: block;
    height: 82px;
    min-height: 82px;
    border: 1px solid rgba(240, 27, 67, .5);
}

.idioma-feature-card > span {
    display: none;
}

.idioma-feature-card img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    object-fit: cover;
}

.idioma-feature-card strong,
.idioma-game-card strong {
    display: block;
    font-size: 16px;
    font-weight: 900;
}

.idioma-feature-card small,
.idioma-game-card span {
    color: var(--idioma-muted);
    font-size: 13px;
}

.idioma-game-card {
    padding-bottom: 14px;
}

.idioma-game-card img {
    width: 100%;
    aspect-ratio: 1 / 1.24;
    object-fit: cover;
}

.idioma-game-card strong,
.idioma-game-card span {
    padding: 0 12px;
}

.idioma-game-card strong {
    margin-top: 10px;
}

.footer {
    grid-column: 2;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background: #111216 !important;
    border-top: 1px solid #282a36;
}

.footer .container-medium {
    max-width: 1310px;
    padding-left: 24px;
    padding-right: 24px;
}

.footer_top-wrapper {
    display: grid !important;
    grid-template-columns: 1.1fr .45fr .45fr .45fr !important;
    gap: 52px !important;
    align-items: start;
    padding-top: 46px !important;
    padding-bottom: 38px !important;
}

.top-wrapper_description p,
.eng-copyright-footer .txt-label,
.eng-license .txt-label,
.link-footer {
    color: #7d818b !important;
    font-weight: 700;
}

.footer_links h5,
.footer_links h6 {
    color: #7d818b !important;
    font-size: 18px;
    font-weight: 900;
}

.link-footer {
    display: inline-flex;
    margin-bottom: 9px;
    text-decoration: none !important;
}

.link-footer:hover {
    color: #fff !important;
}

.footer_seals-wrapper {
    opacity: .35;
}

.eng-license {
    background: #1d1f23 !important;
}

.eng-license .container-medium {
    max-width: 1310px;
}

.eng-license .top-wrapper_left-side {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 24px;
    align-items: center;
    width: 100%;
    max-width: none;
    padding: 34px 24px;
}

.eng-license .ico-brand-type-footer {
    max-width: 110px;
}

.modal-backdrop.show {
    opacity: .78 !important;
}

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

.modal-content {
    border: 0 !important;
    border-radius: 18px !important;
    background: transparent !important;
}

.card.windows.welcome,
.card.windows {
    overflow: hidden;
    border: 1px solid #2b2e38 !important;
    border-radius: 18px !important;
    background: #15161d !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .65) !important;
}

.card.windows.welcome {
    min-height: 600px;
}

.align-center-windows {
    min-height: auto !important;
}

.list-img-auth {
    min-height: 600px;
}

.eng-img-welcome {
    width: 310px !important;
    min-height: 600px;
    box-shadow: none !important;
    background-position: center !important;
    background-size: cover !important;
}

.content-card.welcome {
    padding: 34px 34px 30px !important;
    background: #15161d !important;
}

.content-card.welcome::before {
    content: none !important;
    display: none !important;
    margin-bottom: 20px;
    color: #fff;
    font-size: 38px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -2px;
}

.content-card.welcome .logo-window {
    display: block !important;
    width: auto !important;
    max-width: 180px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    margin-bottom: 22px !important;
}

.content-card.welcome h3 {
    margin-top: 0 !important;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
}

.content-card.welcome .gray,
.content-card.welcome .gray-3 {
    color: #9ca0ab !important;
    font-weight: 700;
}

.eng-options-login {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-bottom: 18px;
    border-bottom: 3px solid var(--idioma-red-2);
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

.eng-text-field {
    position: relative;
    margin-bottom: 12px !important;
}

.idioma-register-row {
    display: flex !important;
    gap: 20px;
    align-items: start;
    margin-bottom: 12px;
}

.idioma-register-row .eng-text-field {
    flex: 1 1 0;
    min-width: 0;
    margin-bottom: 0 !important;
}

.idioma-register-row .eng-text-field:last-child .icon-field {
    display: none !important;
}

#cadastroModal .idioma-register-row .input.w-input {
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
}

.input.w-input,
.input {
    min-height: 50px !important;
    border: 1px solid #2c303c !important;
    border-radius: 10px !important;
    background: #1b1d27 !important;
    color: #fff !important;
    font-weight: 700 !important;
}

.input.w-input::placeholder {
    color: #7f8490 !important;
}

.idioma-register-country {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.idioma-register-country option {
    background: #171821;
    color: #fff;
}

.idioma-register-country-picker {
    position: relative;
    width: 100%;
    z-index: 12;
}

.idioma-register-country-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    height: 64px;
    min-height: 64px;
    padding: 9px 14px;
    border: 1px solid #2c303c;
    border-radius: 10px;
    background: #1b1d27;
    color: #fff;
    cursor: pointer;
    text-align: left;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.idioma-register-country-trigger:hover,
.idioma-register-country-picker.is-open .idioma-register-country-trigger {
    border-color: #3a3e4e;
    background: #202330;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .22);
}

.idioma-register-country-current,
.idioma-register-country-option {
    display: flex;
    align-items: center;
    min-width: 0;
}

.idioma-register-country-current {
    gap: 9px;
    flex: 1 1 auto;
    overflow: hidden;
}

.idioma-register-country-current img,
.idioma-register-country-option img {
    width: 30px;
    height: 21px;
    flex: 0 0 auto;
    border-radius: 4px;
    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08);
}

.idioma-register-country-current strong,
.idioma-register-country-current small,
.idioma-register-country-option strong,
.idioma-register-country-option small {
    display: block;
    line-height: 1.1;
}

.idioma-register-country-current strong,
.idioma-register-country-option strong {
    color: #fff;
    font-weight: 900;
}

.idioma-register-country-current strong {
    max-width: 100%;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.05;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.idioma-register-country-option strong {
    font-size: 15px;
}

.idioma-register-country-current small,
.idioma-register-country-option small {
    margin-top: 4px;
    color: #a9adba;
    font-weight: 800;
    text-transform: uppercase;
}

.idioma-register-country-current small {
    font-size: 11px;
}

.idioma-register-country-option small {
    font-size: 12px;
}

.idioma-register-country-chevron {
    flex: 0 0 auto;
    color: #a9adba;
    font-size: 13px;
    transition: transform .16s ease, color .16s ease;
}

.idioma-register-country-picker.is-open .idioma-register-country-chevron {
    color: #fff;
    transform: rotate(180deg);
}

.idioma-register-country-panel {
    position: absolute;
    left: auto;
    right: 0;
    bottom: calc(100% + 8px);
    display: none;
    width: min(330px, calc(100vw - 40px));
    max-height: min(360px, calc(100vh - 180px));
    padding: 12px;
    border: 1px solid #303442;
    border-radius: 12px;
    background: #171821;
    box-shadow: 0 20px 54px rgba(0, 0, 0, .55);
    overflow-y: auto;
    z-index: 9999;
    scrollbar-color: #5b6275 #202330;
    scrollbar-width: thin;
}

.idioma-register-country-picker.is-open .idioma-register-country-panel {
    display: block;
}

.idioma-register-country-panel::-webkit-scrollbar {
    width: 8px;
}

.idioma-register-country-panel::-webkit-scrollbar-track {
    background: #202330;
}

.idioma-register-country-panel::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #5b6275;
}

.idioma-register-country-option {
    gap: 12px;
    width: 100%;
    min-height: 58px;
    padding: 10px 12px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #fff;
    cursor: pointer;
    text-align: left;
    transition: background .16s ease, transform .16s ease;
}

.idioma-register-country-option:hover,
.idioma-register-country-option.is-selected {
    background: #222532;
}

.idioma-register-country-option:active {
    transform: scale(.99);
}

.icon-field,
.icon-password-1,
.icon-password-2 {
    color: #8d929f !important;
}

.eng-close-windows {
    top: 18px !important;
    right: 18px !important;
    border-radius: 50% !important;
    background: #222532 !important;
    color: #fff !important;
}

.eng-redirects-windows a {
    color: #b7bbc7 !important;
    font-weight: 700;
}

.content-card.welcome .btn-small.full {
    min-height: 50px;
    border: 0 !important;
    background: var(--idioma-red-2) !important;
    color: #fff !important;
    font-size: 17px !important;
}

#cadastroModal .modal-dialog,
#entrarModal .modal-dialog {
    width: min(760px, calc(100vw - 32px)) !important;
    max-width: min(760px, calc(100vw - 32px)) !important;
    margin: 24px auto !important;
}

#cadastroModal .modal-content,
#entrarModal .modal-content {
    max-height: calc(100vh - 48px);
    overflow: visible;
}

#cadastroModal .card.windows.welcome,
#entrarModal .card.windows.welcome {
    display: grid !important;
    grid-template-columns: 360px minmax(0, 1fr);
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
}

#cadastroModal .list-img-auth,
#cadastroModal .item-img-auth,
#entrarModal .list-img-auth,
#entrarModal .item-img-auth {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}

#cadastroModal .eng-img-welcome,
#entrarModal .eng-img-welcome {
    width: 100% !important;
    height: 100% !important;
    min-height: 520px !important;
    border-radius: 0 !important;
    background-position: center !important;
    background-size: cover !important;
}

#cadastroModal .content-card.welcome,
#entrarModal .content-card.welcome {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 30px 30px 26px !important;
}

#cadastroModal .content-card.welcome::before,
#entrarModal .content-card.welcome::before {
    margin-bottom: 14px;
    font-size: 32px;
}

#cadastroModal .content-card.welcome h3,
#entrarModal .content-card.welcome h3 {
    font-size: 22px !important;
}

.idioma-currency-modal .modal-dialog {
    max-width: 244px !important;
    margin: 0 auto !important;
}

.idioma-currency-panel {
    width: 244px !important;
    max-height: 456px;
    overflow: hidden !important;
    border: 1px solid #252936 !important;
    border-radius: 8px !important;
    background: #171a22 !important;
    box-shadow: 0 22px 70px rgba(0, 0, 0, .72) !important;
}

.idioma-currency-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 14px 14px;
    background: #171a22;
}

.idioma-currency-header h2 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
}

.idioma-currency-close {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}

.idioma-currency-list {
    max-height: 382px;
    padding: 8px 10px 12px;
    overflow-y: auto;
    scrollbar-color: #4b4f5d transparent;
    scrollbar-width: thin;
}

.idioma-currency-list::-webkit-scrollbar {
    width: 7px;
}

.idioma-currency-list::-webkit-scrollbar-track {
    background: transparent;
}

.idioma-currency-list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #4b4f5d;
}

.idioma-currency-option {
    display: grid;
    grid-template-columns: 34px 1fr auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 58px;
    padding: 8px 8px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: background .16s ease;
}

.idioma-currency-option:hover,
.idioma-currency-featured {
    background: #20232d;
}

.idioma-currency-flag {
    display: grid;
    place-items: center;
    width: 30px;
    height: 22px;
    overflow: hidden;
    border-radius: 2px;
    background: #252936;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08);
}

.idioma-currency-flag img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idioma-currency-option strong,
.idioma-currency-option small {
    display: block;
}

.idioma-currency-option strong {
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.15;
}

.idioma-currency-option small {
    margin-top: 3px;
    color: #9ca2b1;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .idioma-top-tabs {
        display: none;
    }

    .main-wrapper {
        width: 100%;
        max-width: 100%;
        display: block !important;
        padding-top: 74px !important;
        margin-top: 0 !important;
    }

    .left-side-bar {
        display: none !important;
    }

    .main-content {
        padding-top: 0 !important;
    }

    .footer {
        width: 100%;
    }

    .footer_top-wrapper {
        grid-template-columns: 1fr 1fr !important;
    }

    .eng-license .top-wrapper_left-side {
        grid-template-columns: 1fr;
    }

    .idioma-container {
        max-width: 100%;
        padding: 10px 14px 96px !important;
        overflow: visible;
    }

    .idioma-hero,
    .idioma-hero-content {
        min-height: 260px !important;
        max-height: 260px !important;
    }

    .idioma-hero {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .idioma-hero-img {
        min-height: 260px;
        max-height: 260px;
        aspect-ratio: 16 / 7;
    }

    .idioma-hero-content {
        padding: 34px 22px;
    }

    .idioma-hero::after {
        display: none;
    }

    .idioma-hero h1 {
        font-size: 64px;
    }

    .idioma-kicker,
    .idioma-hero-name {
        font-size: 24px;
    }

    .idioma-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .idioma-games-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    html,
    body {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        overscroll-behavior-x: none;
    }

    body {
        position: relative;
    }

    body.modal-open {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .page-wrapper,
    .main-wrapper,
    .main-content,
    .home,
    .idioma-home,
    .container-medium,
    .idioma-container,
    .footer,
    .eng-license {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    .content-navbar {
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: 58px;
    }

    .navbar_wrapper {
        width: 100% !important;
        max-width: 100vw !important;
        gap: 10px;
        min-height: 58px;
        padding: 0 12px;
        justify-content: space-between;
    }

    .main-wrapper {
        padding-top: 66px !important;
    }

    .navbar-left {
        margin-right: 0;
        flex: 1 1 auto;
        min-width: 0;
    }

    .navbar-left .w-dyn-item {
        width: 100%;
        gap: 0;
    }

    .navbar-buttons-login-wrapper {
        display: flex !important;
        align-items: center;
        gap: 7px !important;
        flex: 0 0 auto;
        margin-left: auto;
    }

    .btn-small,
    .btn-small.w-button {
        min-height: 38px !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
        line-height: 1 !important;
    }

    .navbar-buttons-login-wrapper .btn-small {
        border-radius: 12px !important;
        white-space: nowrap;
    }

    .navbar-buttons-login-wrapper .btn-small:not(.btn-color-1) {
        border: 1px solid rgba(240, 27, 67, .7) !important;
        background: transparent !important;
        color: #fff !important;
    }

    .navbar-buttons-login-wrapper .P2PzG {
        top: -9px;
        right: 8px;
        height: 18px;
        min-width: 52px;
        font-size: 10px;
    }

    .ico-brand-type.header {
        max-width: 118px !important;
        height: 42px !important;
        max-height: 42px !important;
    }

    .navbar_brand,
    .navbar_brand .brand_type-wrapper {
        min-width: 118px !important;
        width: 118px !important;
        min-height: 42px !important;
        height: 42px !important;
    }

    .idioma-sidebar-toggle {
        display: none !important;
    }

    .idioma-container {
        padding: 8px 10px 112px !important;
    }

    .idioma-bonus-alert {
        display: block;
        padding: 12px;
    }

    .idioma-bonus-alert button {
        width: 100%;
        margin-top: 10px;
    }

    .idioma-hero,
    .idioma-hero-content {
        min-height: 178px !important;
        max-height: 178px !important;
        border-radius: 7px;
    }

    .idioma-hero {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden;
        touch-action: pan-y;
    }

    .idioma-hero-track,
    .idioma-hero-slide,
    .idioma-hero-link,
    .idioma-hero-img,
    .idioma-winners,
    .idioma-winner-strip,
    .idioma-search,
    .idioma-section,
    .idioma-feature-carousel,
    .idioma-games-grid {
        max-width: 100% !important;
    }

    .idioma-hero-img {
        min-height: 178px;
        max-height: 178px;
        aspect-ratio: 16 / 8;
        object-position: center;
    }

    .idioma-hero-content {
        gap: 18px;
        padding: 18px 16px;
    }

    .idioma-hero:not(.has-image) {
        background: radial-gradient(circle at 82% 35%, rgba(224, 0, 43, .95), rgba(224, 0, 43, .35) 28%, transparent 52%), linear-gradient(90deg, #09090c 0%, #111116 62%, #e0002b 63%, #e0002b 100%);
    }

    .idioma-age {
        width: 42px;
        height: 52px;
        font-size: 18px;
    }

    .idioma-hero h1 {
        font-size: 36px;
    }

    .idioma-kicker,
    .idioma-hero-name {
        font-size: 15px;
    }

    .idioma-hero-cta {
        margin-top: 14px;
        font-size: 13px;
        padding: 9px 16px;
    }

    .idioma-hero-arrow {
        display: none !important;
    }

    .idioma-winners {
        gap: 8px;
        margin: 14px 0 20px;
    }

    .idioma-winners-title {
        min-width: 70px;
        gap: 6px;
        font-size: 10px;
    }

    .idioma-winners-title img {
        width: 34px;
    }

    .idioma-winner-track {
        gap: 8px;
        animation-duration: 18s;
    }

    .idioma-winner-card {
        min-width: 152px;
        gap: 8px;
        padding: 6px;
    }

    .idioma-winner-card img {
        width: 46px;
        height: 46px;
    }

    .idioma-winner-card strong,
    .idioma-winner-card b {
        font-size: 11px;
    }

    .idioma-winner-card span {
        font-size: 10px;
    }

    .idioma-search {
        width: 100%;
        margin-bottom: 28px;
    }

    .idioma-search .input-search {
        height: 42px;
        font-size: 14px;
        padding-left: 44px !important;
    }

    .idioma-search > i {
        left: 14px;
        font-size: 18px;
    }

    .idioma-section {
        margin-bottom: 34px;
    }

    .idioma-section-head {
        margin-bottom: 14px;
    }

    .idioma-section-head h2 {
        font-size: 20px;
    }

    .idioma-section-arrows button {
        width: 34px;
        height: 34px;
    }

    .idioma-feature-carousel {
        overflow: hidden;
        border-radius: 8px;
        touch-action: pan-y;
    }

    .idioma-feature-grid {
        display: flex;
        gap: 0;
        transition: transform .42s ease;
        will-change: transform;
    }

    .idioma-feature-card {
        flex: 0 0 100%;
        width: 100%;
        height: 78px;
        min-height: 78px;
    }

    .idioma-games-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .footer_top-wrapper {
        grid-template-columns: 1fr !important;
    }

    .eng-img-welcome {
        display: none !important;
    }

    .idioma-feature-card > span {
        display: none;
    }

    .idioma-feature-card img {
        width: 100%;
        height: 100%;
    }

    .idioma-game-card {
        padding-bottom: 8px;
        border-radius: 7px;
    }

    .idioma-game-card strong {
        margin-top: 7px;
        font-size: 11px;
        line-height: 1.12;
    }

    .idioma-game-card span {
        font-size: 9px;
    }

    .idioma-game-card strong,
    .idioma-game-card span {
        padding: 0 6px;
    }

    .navbar-mobile.custom-navbar {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        z-index: 9998 !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        min-height: 94px !important;
        height: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
        padding: 0 6px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
        border-top: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: translateZ(0);
        backface-visibility: hidden;
        overflow: visible !important;
    }

    .navbar-mobile.custom-navbar::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: calc(66px + env(safe-area-inset-bottom, 0px));
        border-top: 0;
        background: linear-gradient(180deg, #171820 0%, #111216 100%) !important;
        box-shadow: 0 -16px 38px rgba(0, 0, 0, .38);
        z-index: 0;
        pointer-events: none;
    }

    .navbar-mobile.custom-navbar .link-menu-mobile {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        min-width: 0;
        padding: 0 !important;
        color: #fff !important;
        text-decoration: none !important;
        min-height: 88px;
        font-size: 11px !important;
        font-weight: 800 !important;
        position: relative;
        z-index: 1;
        padding-top: 27px !important;
        outline: 0 !important;
        box-shadow: none !important;
        -webkit-tap-highlight-color: transparent !important;
        -webkit-touch-callout: none;
        user-select: none;
    }

    .navbar-mobile.custom-navbar .link-menu-mobile:focus,
    .navbar-mobile.custom-navbar .link-menu-mobile:active,
    .navbar-mobile.custom-navbar .link-menu-mobile:focus-visible,
    .navbar-mobile.custom-navbar .link-menu-mobile.w--current,
    .navbar-mobile.custom-navbar .link-menu-mobile.active {
        outline: 0 !important;
        box-shadow: none !important;
        border-color: transparent !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .navbar-mobile.custom-navbar .link-menu-mobile::-moz-focus-inner {
        border: 0 !important;
    }

    .navbar-mobile.custom-navbar .link-menu-mobile::before,
    .navbar-mobile.custom-navbar .link-menu-mobile::after {
        outline: 0 !important;
        box-shadow: none !important;
    }

    .navbar-mobile.custom-navbar .icon-16 {
        margin-bottom: 0 !important;
        color: var(--idioma-red-2) !important;
        font-size: 18px;
    }

    .navbar-mobile.custom-navbar .white {
        color: #fff !important;
        font-size: 11px;
        line-height: 1;
        white-space: nowrap;
    }

    .navbar-mobile.custom-navbar .idioma-support-nav {
        position: relative;
        transform: translateY(0);
        padding-top: 8px !important;
    }

    .navbar-mobile.custom-navbar .idioma-support-nav .icon-16 {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: var(--idioma-red-2);
        color: #fff !important;
        box-shadow: 0 10px 24px rgba(240, 27, 67, .45);
    }

    .navbar-mobile.custom-navbar .idioma-support-nav .white {
        margin-top: 1px;
        color: #fff !important;
    }

    body.modal-open .navbar-mobile.custom-navbar {
        display: none !important;
    }

    .content-sidebar-mobile,
    .content-sidebar-mobile .left-side_sticky-wrapper {
        max-height: 86vh;
        overflow-y: auto;
        background: #171820 !important;
    }

    #exampleModal {
        width: 100vw !important;
        max-width: 100vw !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }

    #exampleModal .modal-dialog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin: 10px auto !important;
        transform: none !important;
    }

    #exampleModal .modal-content {
        width: 100% !important;
        max-width: 100% !important;
        border: 1px solid #292d39 !important;
        border-radius: 18px !important;
        background: #171820 !important;
        box-shadow: 0 24px 80px rgba(0, 0, 0, .72) !important;
        overflow: hidden !important;
    }

    #exampleModal .content-sidebar-mobile {
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(100vh - 24px) !important;
        overflow: hidden !important;
        background: #171820 !important;
    }

    #exampleModal .content-sidebar-mobile > .left-side-bar_page-padding {
        display: none !important;
    }

    .idioma-mobile-menu-shell {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(100vh - 24px);
        overflow-y: auto;
        overflow-x: hidden;
        padding: 22px 14px 18px;
        background: #171820;
        scrollbar-color: #5b6275 #202330;
        scrollbar-width: thin;
    }

    .idioma-mobile-menu-shell::-webkit-scrollbar {
        width: 7px;
    }

    .idioma-mobile-menu-shell::-webkit-scrollbar-track {
        background: #202330;
    }

    .idioma-mobile-menu-shell::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: #5b6275;
    }

    .idioma-mobile-menu-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 18px;
        padding: 0 2px;
    }

    .idioma-mobile-menu-close {
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border: 0;
        border-radius: 50%;
        background: #222532;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
    }

    .idioma-mobile-auth {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 22px;
    }

    .idioma-mobile-auth .btn-small,
    .idioma-mobile-account .btn-small {
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 0 12px !important;
    }

    .idioma-mobile-account {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 10px;
        margin-bottom: 22px;
        padding: 12px;
        border: 1px solid #292d39;
        border-radius: 10px;
        background: #1b1d27;
    }

    .idioma-mobile-account span {
        color: #9ca2b1;
        font-weight: 800;
    }

    .idioma-mobile-account strong {
        color: #fff;
        font-size: 18px;
        font-weight: 900;
        text-align: right;
    }

    .idioma-mobile-account .btn-small {
        grid-column: 1 / -1;
        width: 100%;
    }

    .idioma-mobile-menu-shell .idioma-side-title {
        margin: 0 0 12px;
        padding-left: 4px;
        font-size: 15px;
    }

    .idioma-mobile-menu-shell .idioma-side-list,
    .idioma-mobile-menu-shell .idioma-side-actions {
        gap: 4px;
        padding-bottom: 18px;
    }

    .idioma-mobile-menu-shell .idioma-side-actions {
        padding-top: 18px;
    }

    .idioma-mobile-menu-shell .idioma-side-nationality {
        margin-top: 14px;
        padding-top: 16px;
        border-top: 1px solid #30323a;
    }

    .idioma-mobile-menu-shell .idioma-side-link {
        min-height: 44px !important;
        padding: 0 8px !important;
        border-radius: 7px;
        font-size: 14px !important;
        background: transparent !important;
    }

    .idioma-mobile-menu-shell .idioma-side-link:hover,
    .idioma-mobile-menu-shell .idioma-side-link:active {
        background: #202330 !important;
    }

    .modal-dialog {
        width: calc(100% - 18px) !important;
        max-width: calc(100% - 18px) !important;
        margin: 9px auto !important;
    }

    .modal-content {
        max-height: calc(100vh - 18px);
        overflow-y: auto;
    }

    .navbar-buttons-balance-wrapper {
        gap: 7px;
        max-width: 100%;
    }

    .navbar-buttons-balance-wrapper > .w-dropdown {
        order: 2;
        flex: 0 0 auto;
    }

    .navbar-buttons-balance-wrapper > .btn-small.btn-color-1 {
        order: 1;
        min-width: 96px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 14px !important;
        border-radius: 999px !important;
        font-size: 13px !important;
    }

    .navbar-buttons-balance-wrapper > .dropdown {
        order: 3;
        flex: 0 0 auto;
    }

    .navbar-buttons-balance-wrapper .dropdown-menu {
        position: fixed !important;
        top: 72px !important;
        right: 8px !important;
        left: auto !important;
        width: min(320px, calc(100vw - 16px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 16px) !important;
        max-height: calc(100dvh - 104px) !important;
        overflow-y: auto !important;
        padding: 8px !important;
        border-radius: 12px !important;
        transform: none !important;
    }

    .navbar-buttons-balance-wrapper .eng-info-account,
    .navbar-buttons-balance-wrapper .link-drop {
        min-height: 42px !important;
        padding: 8px 10px !important;
        gap: 9px !important;
        font-size: 14px !important;
    }

    .navbar-buttons-balance-wrapper .dropdown-toggle {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        border-radius: 12px !important;
        background: #4b5563 !important;
    }

    .balance-info {
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
        min-width: 112px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 11px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: #292b31 !important;
        box-shadow: none !important;
    }

    .balance-info .gray.txt-label {
        display: none !important;
    }

    .balance-info .txt-balance-original,
    .balance-info .flex-horizontal.white {
        display: flex !important;
        align-items: center !important;
    }

    .balance-info h4 {
        margin: 0 !important;
        color: #fff !important;
        font-size: 14px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .balance-info h4.green {
        margin-right: 3px !important;
    }

    .idioma-balance-refresh {
        display: flex !important;
        flex: 0 0 20px;
        width: 20px;
        height: 20px;
        font-size: 15px;
    }

    .navbar-buttons-balance-wrapper .eng-letter-name.no-mobile {
        display: flex !important;
    }

    #modalDeposito .modal-dialog,
    #modalSaque .modal-dialog,
    #qrCodeModal .modal-dialog,
    #successModal .modal-dialog,
    #successModalTax .modal-dialog {
        width: calc(100vw - 24px) !important;
        max-width: 420px !important;
        margin: 8px auto !important;
    }

    #modalDeposito .modal-content,
    #modalSaque .modal-content,
    #qrCodeModal .modal-content,
    #successModal .modal-content,
    #successModalTax .modal-content {
        max-height: calc(100dvh - 16px) !important;
        overflow-y: auto !important;
        border-radius: 16px !important;
    }

    #modalDeposito .card.windows,
    #modalSaque .card.windows,
    #qrCodeModal .card.windows,
    #successModal .card.windows,
    #successModalTax .card.windows {
        max-height: calc(100dvh - 16px) !important;
        overflow-y: auto !important;
        border-radius: 16px !important;
    }

    #modalDeposito .card.windows {
        padding: 18px !important;
    }

    #modalSaque .card.windows {
        padding: 18px !important;
    }

    #modalDeposito h2,
    #modalSaque h3 {
        font-size: 21px !important;
        line-height: 1.12 !important;
        margin-bottom: 6px !important;
    }

    #modalDeposito .gray,
    #modalSaque .gray-3 {
        margin-bottom: 16px !important;
        font-size: 13px !important;
    }

    #modalDeposito [style*="margin-bottom: 24px"],
    #modalSaque [style*="margin-bottom: 24px"],
    #modalDeposito [style*="margin-bottom: 32px"],
    #modalSaque [style*="margin-bottom: 32px"] {
        margin-bottom: 14px !important;
    }

    #modalDeposito [style*="padding: 16px 20px"],
    #modalSaque [style*="padding: 16px 20px"] {
        padding: 12px 14px !important;
    }

    #modalDeposito .eng-grid-form {
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }

    #modalDeposito .value-btn {
        min-height: 48px !important;
        padding: 10px 6px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }

    #modalDeposito .input,
    #modalSaque .input {
        min-height: 46px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        font-size: 15px !important;
    }

    #enviarBotao,
    #enviaSaqueTaxa {
        min-height: 50px !important;
        padding: 13px 18px !important;
        margin-bottom: 8px !important;
        border-radius: 999px !important;
        font-size: 16px !important;
        background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
        box-shadow: 0 6px 20px rgba(34, 197, 94, .28) !important;
    }

    #qrCodeModal [style*="padding: 32px 24px 24px"],
    #successModal [style*="padding: 40px 24px 32px"],
    #successModalTax [style*="padding: 40px 24px 32px"] {
        padding: 24px 18px 20px !important;
    }

    #qrCodeModal [style*="padding: 32px 24px"],
    #successModal [style*="padding: 48px 32px 32px"],
    #successModalTax [style*="padding: 48px 32px 32px"] {
        padding: 22px 18px !important;
    }

    #qrCodeModal [style*="width: 200px; height: 200px"] {
        width: 178px !important;
        height: 178px !important;
    }

    #qrCodeModal #modalValor {
        font-size: 30px !important;
        line-height: 1 !important;
    }

    #successModal [style*="font-size: 24px; font-weight: 800"],
    #successModalTax [style*="font-size: 24px; font-weight: 800"] {
        font-size: 22px !important;
        line-height: 1.05 !important;
    }

    #successModal [style*="grid-template-columns: 1fr 1fr 1fr"] {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    #successModalTax [style*="display: grid; grid-template-columns: 1fr 1fr"],
    #successModal [style*="display: grid; grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    #successModal [style*="display: grid; grid-template-columns: 1fr 1fr"] button {
        min-height: 56px !important;
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 12px 10px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        text-align: center !important;
    }

    #successModalTax [style*="background: linear-gradient(135deg, #374151"],
    #successModal [style*="background: linear-gradient(135deg, #374151"] {
        padding: 16px !important;
        margin-bottom: 18px !important;
    }

    body.modal-open .navbar-mobile.custom-navbar,
    body:has(.modal.show) .navbar-mobile.custom-navbar {
        display: none !important;
    }

    #modalDeposito #enviarBotao {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 58px !important;
        margin-top: 12px !important;
        margin-bottom: 16px !important;
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        text-align: center !important;
    }

    #qrCodeModal .modal-dialog,
    #successModalTax .modal-dialog {
        width: calc(100vw - 8px) !important;
        max-width: none !important;
        margin: 4px auto !important;
    }

    #qrCodeModal .modal-content,
    #successModalTax .modal-content {
        width: 100% !important;
        border-radius: 18px !important;
    }

    #qrCodeModal .card.windows,
    #successModalTax .card.windows {
        width: 100% !important;
        max-width: none !important;
    }

    #qrCodeModal [style*="padding: 32px 24px 24px"] {
        padding: 22px 18px 18px !important;
    }

    #qrCodeModal [style*="padding: 32px 24px"] {
        padding: 20px 18px 22px !important;
    }

    #qrCodeModal [style*="width: 200px; height: 200px"] {
        width: 210px !important;
        height: 210px !important;
    }

    #qrCodeModal [style*="background: linear-gradient(135deg, #f8fafc"] {
        width: 100% !important;
        max-width: calc(100vw - 50px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 20px !important;
    }

    #qrCodeModal #qrCodeTexto {
        height: 52px !important;
        min-height: 52px !important;
        text-align: left !important;
        letter-spacing: .5px !important;
    }

    #qrCodeModal button[onclick*="copyTextToClipboard"] {
        min-height: 54px !important;
        border-radius: 14px !important;
        font-size: 16px !important;
        font-weight: 900 !important;
    }

    #pixPaymentTimer {
        font-size: 32px !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
    }

    #pixPaymentTimerBar {
        min-height: 7px !important;
    }

    #successModalTax [style*="padding: 40px 24px 32px"] {
        padding: 28px 18px 22px !important;
    }

    #successModalTax [style*="padding: 48px 32px 32px"] {
        padding: 24px 18px 26px !important;
    }

    #successModalTax [style*="Solicitação Recebida"],
    #successModalTax [style*="font-size: 18px; font-weight: 600"] {
        font-size: 19px !important;
        line-height: 1.08 !important;
    }

    #successModalTax [style*="display: grid; grid-template-columns: 1fr 1fr"] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        align-items: stretch !important;
        gap: 10px !important;
        margin-bottom: 0 !important;
    }

    #successModalTax [style*="display: grid; grid-template-columns: 1fr 1fr"] a,
    #successModalTax [style*="display: grid; grid-template-columns: 1fr 1fr"] button {
        min-height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 12px 14px !important;
        line-height: 1 !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        text-align: center !important;
    }

    html body #modalDeposito .modal-dialog {
        width: calc(100vw - 16px) !important;
        max-width: 540px !important;
        margin: 6px auto !important;
    }

    html body #successModalTax .modal-dialog {
        width: calc(100vw - 8px) !important;
        max-width: none !important;
        margin: 4px auto !important;
    }

    html body #qrCodeModal .modal-dialog {
        width: calc(100vw - 8px) !important;
        max-width: none !important;
        margin: 4px auto !important;
    }

    html body #successModal .modal-dialog {
        width: calc(100vw - 8px) !important;
        max-width: none !important;
        margin: 4px auto !important;
    }

    html body #modalDeposito .modal-content,
    html body #qrCodeModal .modal-content,
    html body #successModal .modal-content,
    html body #successModalTax .modal-content {
        max-height: calc(100dvh - 12px) !important;
        overflow-y: auto !important;
    }

    html body #qrCodeModal .modal-content,
    html body #qrCodeModal .window-register,
    html body #qrCodeModal .align-center-windows,
    html body #qrCodeModal .card.windows {
        width: 100% !important;
        max-width: none !important;
    }

    html body #successModal .modal-content,
    html body #successModal .window-register,
    html body #successModal .align-center-windows,
    html body #successModal .card.windows {
        width: 100% !important;
        max-width: none !important;
    }

    html body #successModalTax [style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    html body #successModalTax [style*="grid-template-columns: 1fr 1fr"] a,
    html body #successModalTax [style*="grid-template-columns: 1fr 1fr"] button {
        min-height: 58px !important;
        height: 58px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 12px 10px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        text-align: center !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }

    html body #successModalTax .modal-content,
    html body #successModalTax .window-register,
    html body #successModalTax .align-center-windows,
    html body #successModalTax .card.windows {
        width: 100% !important;
        max-width: none !important;
    }

    html body #successModalTax [style*="processing-glow"] {
        min-width: 150px !important;
        height: 44px !important;
        padding: 0 22px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: nowrap !important;
        line-height: 1 !important;
        font-size: 14px !important;
        letter-spacing: .8px !important;
    }

    #successModalTax [style*="background: linear-gradient(135deg, rgba(245, 158, 11"] {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #successModalTax [style*="background: linear-gradient(135deg, #374151"] {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    html body #qrCodeTaxModal .modal-dialog {
        width: calc(100vw - 8px) !important;
        max-width: none !important;
        margin: 4px auto !important;
    }

    html body #qrCodeTaxModal .modal-content {
        width: 100% !important;
        max-height: calc(100dvh - 12px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        border-radius: 18px !important;
    }

    html body #qrCodeTaxModal .window-register,
    html body #qrCodeTaxModal .align-center-windows,
    html body #qrCodeTaxModal .card.windows {
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #qrCodeTaxModal [style*="padding: 32px 24px 24px"] {
        padding: 18px 16px 16px !important;
    }

    #qrCodeTaxModal [style*="width: 64px; height: 64px"] {
        width: 48px !important;
        height: 48px !important;
        margin-bottom: 10px !important;
    }

    #qrCodeTaxModal [style*="font-size: 22px; font-weight: 700"] {
        font-size: 20px !important;
        line-height: 1.05 !important;
    }

    #qrCodeTaxModal [style*="padding: 32px 24px"] {
        padding: 14px 14px 18px !important;
    }

    #qrCodeTaxModal [style*="rgba(245, 158, 11, 0.15)"] {
        padding: 14px !important;
        margin-bottom: 14px !important;
        border-radius: 14px !important;
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #qrCodeTaxModal [style*="rgba(245, 158, 11, 0.15)"] > div {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        text-align: center !important;
    }

    #qrCodeTaxModal [style*="rgba(245, 158, 11, 0.15)"] > div > div:last-child {
        width: 100% !important;
    }

    #qrCodeTaxModal [style*="Parabéns pelo seu saque"],
    #qrCodeTaxModal [style*="font-size: 16px; font-weight: 700"] {
        font-size: 15px !important;
        line-height: 1.08 !important;
        margin-bottom: 6px !important;
        text-align: center !important;
    }

    #qrCodeTaxModal [style*="De acordo com as regulamentações"],
    #qrCodeTaxModal [style*="font-size: 14px; line-height: 1.5"] {
        font-size: 13px !important;
        line-height: 1.35 !important;
        margin-bottom: 8px !important;
        text-align: center !important;
    }

    #qrCodeTaxModal [style*="background: rgba(239, 68, 68, 0.1)"] {
        padding: 9px !important;
        margin-top: 8px !important;
        max-width: 300px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    #qrCodeTaxModal [style*="background: rgba(239, 68, 68, 0.1)"] div {
        justify-content: center !important;
        text-align: center !important;
    }

    #qrCodeTaxModal [style*="border-radius: 16px; padding: 24px; margin-bottom: 24px"] {
        padding: 14px !important;
        margin-bottom: 14px !important;
        text-align: center !important;
    }

    #qrCodeTaxModal [style*="padding: 12px 0"] {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    #qrCodeTaxModal div:has(> #modalValorSaque),
    #qrCodeTaxModal div:has(> #modalTaxaSaqueValor),
    #qrCodeTaxModal div:has(> #modalTotalTaxaSaque) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 12px !important;
        text-align: left !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #qrCodeTaxModal div:has(> #modalTotalTaxaSaque) {
        padding: 12px 14px !important;
        border-radius: 12px !important;
    }

    #qrCodeTaxModal #modalValorSaque,
    #qrCodeTaxModal #modalTaxaSaqueValor,
    #qrCodeTaxModal #modalTotalTaxaSaque {
        text-align: right !important;
        white-space: nowrap !important;
        line-height: 1 !important;
    }

    #qrCodeTaxModal #modalTotalTaxaSaque {
        font-size: 26px !important;
    }

    #qrCodeTaxModal #modalTaxaSaqueLabel {
        line-height: 1.1 !important;
    }

    #qrCodeTaxModal [style*="background: linear-gradient(135deg, #f8fafc"] {
        width: 100% !important;
        max-width: calc(100vw - 50px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 16px !important;
        margin-bottom: 14px !important;
    }

    #qrCodeTaxModal [style*="width: 200px; height: 200px"] {
        width: 190px !important;
        height: 190px !important;
    }

    #qrCodeTaxModal #qrCodeTaxTexto {
        height: 50px !important;
        min-height: 50px !important;
        font-size: 13px !important;
        text-align: left !important;
        letter-spacing: .4px !important;
    }

    #qrCodeTaxModal button[onclick*="qrCodeTaxTexto"] {
        min-height: 52px !important;
        border-radius: 14px !important;
        margin-bottom: 14px !important;
        font-size: 15px !important;
        font-weight: 900 !important;
    }

    #cadastroModal .modal-dialog,
    #entrarModal .modal-dialog {
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        margin: 6px auto !important;
    }

    #cadastroModal .card.windows.welcome,
    #entrarModal .card.windows.welcome {
        display: block !important;
    }

    #cadastroModal .list-img-auth,
    #entrarModal .list-img-auth {
        display: none !important;
    }

    #cadastroModal .content-card.welcome,
    #entrarModal .content-card.welcome {
        max-height: calc(100dvh - 18px);
        overflow-y: auto !important;
        padding: 18px 14px 20px !important;
        scrollbar-width: thin;
    }

    #cadastroModal .content-card.welcome .logo-window,
    #entrarModal .content-card.welcome .logo-window {
        max-width: 94px !important;
        max-height: 34px !important;
        margin-bottom: 12px !important;
    }

    #cadastroModal .content-card.welcome h3,
    #entrarModal .content-card.welcome h3 {
        font-size: 22px !important;
        line-height: 1.08 !important;
        margin-bottom: 8px !important;
    }

    #cadastroModal .content-card.welcome .gray,
    #entrarModal .content-card.welcome .gray {
        margin-bottom: 12px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    #cadastroModal .eng-options-login,
    #entrarModal .eng-options-login {
        min-height: 34px !important;
        margin-bottom: 12px !important;
        font-size: 17px !important;
    }

    #cadastroModal .eng-text-field,
    #entrarModal .eng-text-field {
        margin-bottom: 8px !important;
    }

    #cadastroModal .input.w-input,
    #entrarModal .input.w-input,
    #cadastroModal .idioma-register-country-trigger {
        min-height: 46px !important;
        height: 46px !important;
        border-radius: 8px !important;
        font-size: 14px !important;
    }

    #cadastroModal .icon-field,
    #entrarModal .icon-field {
        font-size: 15px !important;
    }

    #cadastroModal .content-card.welcome .btn-small.full,
    #entrarModal .content-card.welcome .btn-small.full {
        min-height: 46px !important;
        margin-top: 10px !important;
        font-size: 16px !important;
    }

    #cadastroModal .eng-close-windows,
    #entrarModal .eng-close-windows {
        top: 10px !important;
        right: 10px !important;
        width: 42px !important;
        height: 42px !important;
    }

    .idioma-register-row {
        display: flex !important;
        flex-direction: column;
        gap: 8px;
    }

    .idioma-register-country-panel {
        left: 0;
        right: 0;
        width: 100%;
    }

    .card.windows.welcome,
    .card.windows {
        border-radius: 14px !important;
    }

    .modal-backdrop.show {
        opacity: .46 !important;
        background: #000 !important;
    }

    body:has(#cadastroModal.show) .modal-backdrop.show,
    body:has(#entrarModal.show) .modal-backdrop.show {
        opacity: .38 !important;
    }

    #cadastroModal,
    #entrarModal {
        background: rgba(0,0,0,.18) !important;
        backdrop-filter: blur(2px) !important;
    }

    #cadastroModal .modal-dialog,
    #entrarModal .modal-dialog {
        width: calc(100vw - 20px) !important;
        max-width: 660px !important;
        margin: 12px auto 18px !important;
    }

    #cadastroModal .modal-content,
    #entrarModal .modal-content,
    #cadastroModal .window-register,
    #entrarModal .window-register,
    #cadastroModal .align-center-windows,
    #entrarModal .align-center-windows,
    #cadastroModal .card.windows.welcome,
    #entrarModal .card.windows.welcome {
        width: 100% !important;
        max-width: none !important;
    }

    #cadastroModal .card.windows.welcome,
    #entrarModal .card.windows.welcome {
        min-height: 0 !important;
        border-radius: 18px !important;
        background: rgba(21, 22, 29, .96) !important;
        box-shadow: 0 18px 58px rgba(0, 0, 0, .55) !important;
    }

    #cadastroModal .content-card.welcome,
    #entrarModal .content-card.welcome {
        width: 100% !important;
        max-height: calc(100dvh - 40px) !important;
        padding: 24px 28px 26px !important;
        overflow-y: auto !important;
        background: transparent !important;
    }

    #cadastroModal .content-card.welcome h3,
    #entrarModal .content-card.welcome h3 {
        font-size: 26px !important;
        line-height: 1.08 !important;
        margin-bottom: 10px !important;
    }

    #cadastroModal .content-card.welcome .gray,
    #entrarModal .content-card.welcome .gray {
        font-size: 15px !important;
        line-height: 1.28 !important;
        margin-bottom: 18px !important;
    }

    #cadastroModal .eng-options-login,
    #entrarModal .eng-options-login {
        width: 100% !important;
        min-height: 40px !important;
        margin-bottom: 18px !important;
        border-bottom-width: 4px !important;
        text-align: center !important;
    }

    #cadastroModal .eng-text-field,
    #entrarModal .eng-text-field {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    #cadastroModal .input.w-input,
    #entrarModal .input.w-input,
    #cadastroModal .idioma-register-country-trigger {
        width: 100% !important;
        min-height: 58px !important;
        height: 58px !important;
        border-radius: 12px !important;
        font-size: 16px !important;
    }

    #cadastroModal .icon-field,
    #entrarModal .icon-field {
        left: 16px !important;
        width: 34px !important;
        font-size: 17px !important;
    }

    #cadastroModal .input.w-input,
    #entrarModal .input.w-input {
        padding-left: 58px !important;
    }

    #cadastroModal .idioma-register-country-trigger {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    #cadastroModal .content-card.welcome .btn-small.full,
    #entrarModal .content-card.welcome .btn-small.full {
        width: 100% !important;
        min-height: 58px !important;
        margin-top: 14px !important;
        border-radius: 999px !important;
        font-size: 18px !important;
    }

    #cadastroModal .small-text,
    #entrarModal .small-text {
        max-width: 100% !important;
        padding: 0 4px !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
        text-align: center !important;
    }

    #cadastroModal .eng-close-windows,
    #entrarModal .eng-close-windows {
        top: 18px !important;
        right: 18px !important;
        width: 46px !important;
        height: 46px !important;
        border-radius: 50% !important;
        background: #252b38 !important;
        z-index: 20 !important;
    }
}

@media (max-width: 576px) {
    body:has(#cadastroModal.show) .modal-backdrop.show,
    body:has(#entrarModal.show) .modal-backdrop.show {
        opacity: .26 !important;
        background: #000 !important;
    }

    #cadastroModal.show,
    #entrarModal.show {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px !important;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    #cadastroModal .modal-dialog,
    #entrarModal .modal-dialog {
        width: min(96vw, 680px) !important;
        max-width: min(96vw, 680px) !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    #cadastroModal .modal-content,
    #entrarModal .modal-content {
        display: flex !important;
        justify-content: center !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #cadastroModal .window-register,
    #entrarModal .window-register,
    #cadastroModal .align-center-windows,
    #entrarModal .align-center-windows {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        background: transparent !important;
    }

    #cadastroModal .card.windows.welcome,
    #entrarModal .card.windows.welcome {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        border-radius: 18px !important;
        background: #15161d !important;
        box-shadow: 0 18px 54px rgba(0,0,0,.48) !important;
    }

    #cadastroModal .content-card.welcome,
    #entrarModal .content-card.welcome {
        max-height: calc(100dvh - 44px) !important;
        padding: 24px 24px 26px !important;
        box-sizing: border-box !important;
    }

    #cadastroModal form,
    #entrarModal form,
    #cadastroModal .form,
    #entrarModal .form,
    #cadastroModal .eng-text-field,
    #entrarModal .eng-text-field,
    #cadastroModal .idioma-register-row,
    #entrarModal .idioma-register-row {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #cadastroModal .idioma-register-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    #cadastroModal .idioma-register-row .eng-text-field {
        width: 100% !important;
        flex: none !important;
        margin-bottom: 0 !important;
    }

    #cadastroModal .input.w-input,
    #entrarModal .input.w-input,
    #cadastroModal .idioma-register-country-trigger,
    #cadastroModal .content-card.welcome .btn-small.full,
    #entrarModal .content-card.welcome .btn-small.full {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 58px !important;
        height: 58px !important;
        box-sizing: border-box !important;
    }

    #cadastroModal .idioma-register-country-picker {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 576px) {
    #cadastroModal.show,
    #entrarModal.show {
        align-items: center !important;
        padding: 8px 4px !important;
    }

    html body #cadastroModal .modal-dialog,
    html body #entrarModal .modal-dialog {
        width: calc(100vw - 10px) !important;
        max-width: calc(100vw - 10px) !important;
        min-width: 0 !important;
        margin: 0 auto !important;
    }

    html body #cadastroModal .modal-content,
    html body #entrarModal .modal-content,
    html body #cadastroModal .window-register,
    html body #entrarModal .window-login,
    html body #cadastroModal .align-center-windows,
    html body #entrarModal .align-center-windows,
    html body #cadastroModal .card.windows.welcome,
    html body #entrarModal .card.windows.welcome {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html body #cadastroModal .card.windows.welcome,
    html body #entrarModal .card.windows.welcome {
        display: block !important;
        padding: 0 !important;
    }

    html body #cadastroModal .content-card.welcome,
    html body #entrarModal .content-card.welcome {
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100dvh - 26px) !important;
        padding: 18px 18px 20px !important;
        box-sizing: border-box !important;
        overflow-y: auto !important;
    }

    html body #cadastroModal .content-card.welcome h3,
    html body #entrarModal .content-card.welcome h3 {
        font-size: 28px !important;
        line-height: 1.02 !important;
        margin-bottom: 8px !important;
        max-width: calc(100% - 34px) !important;
    }

    html body #cadastroModal .content-card.welcome .gray,
    html body #entrarModal .content-card.welcome .gray {
        font-size: 15px !important;
        line-height: 1.18 !important;
        margin-bottom: 12px !important;
    }

    html body #cadastroModal .eng-options-login,
    html body #entrarModal .eng-options-login {
        min-height: 36px !important;
        margin-bottom: 12px !important;
        font-size: 18px !important;
    }

    html body #cadastroModal .eng-text-field,
    html body #entrarModal .eng-text-field {
        margin-bottom: 8px !important;
    }

    html body #cadastroModal .input.w-input,
    html body #entrarModal .input.w-input,
    html body #cadastroModal .idioma-register-country-trigger {
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        font-size: 15px !important;
        border-radius: 12px !important;
    }

    html body #cadastroModal .content-card.welcome .btn-small.full,
    html body #entrarModal .content-card.welcome .btn-small.full {
        width: 100% !important;
        height: 56px !important;
        min-height: 56px !important;
        margin-top: 10px !important;
        font-size: 18px !important;
        border-radius: 999px !important;
    }

    html body #cadastroModal .small-text,
    html body #entrarModal .small-text {
        font-size: 12px !important;
        line-height: 1.22 !important;
    }

    html body #cadastroModal .eng-close-windows,
    html body #entrarModal .eng-close-windows {
        top: 18px !important;
        right: 14px !important;
        width: 44px !important;
        height: 44px !important;
    }
}

.idioma-age-modal {
    z-index: 99999 !important;
}

.idioma-age-modal.show {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
}

.idioma-age-modal .modal-dialog {
    width: min(92vw, 560px) !important;
    max-width: min(92vw, 560px) !important;
    margin: 0 auto !important;
}

.idioma-age-modal .modal-content {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.idioma-age-card {
    position: relative;
    width: 100%;
    min-height: 320px;
    overflow: hidden;
    border: 1px solid #303440;
    border-radius: 14px;
    background: #15161d;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .65);
}

.idioma-age-close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 3;
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: #252b38;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
}

.idioma-age-logo-wrap {
    display: flex;
    min-height: 96px;
    align-items: center;
    justify-content: center;
    padding: 22px 74px 18px;
    background: #20232d;
}

.idioma-age-logo {
    max-width: 170px;
    max-height: 56px;
    object-fit: contain;
}

.idioma-age-body {
    display: flex;
    min-height: 224px;
    flex-direction: column;
    justify-content: center;
    padding: 40px 44px;
    text-align: center;
}

.idioma-age-body h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.18;
}

.idioma-age-body p {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0 0 28px;
    color: #b8bcc7;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.idioma-age-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.idioma-age-btn {
    display: inline-flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 10px;
    font-size: 19px;
    font-weight: 900;
    cursor: pointer;
}

.idioma-age-btn-no {
    border: 1px solid #737987;
    background: transparent;
    color: #fff;
}

.idioma-age-btn-yes {
    border: 1px solid var(--idioma-red);
    background: var(--idioma-red);
    color: #fff;
}

.idade-modal-denied .idioma-age-body h3 {
    margin-bottom: 18px;
}

.idade-modal-denied .idioma-age-body p {
    min-height: 86px;
    margin-bottom: 0;
    font-size: 18px;
    color: #fff;
}

body:has(#idadeModal.show) .modal-backdrop.show {
    opacity: .72 !important;
}

@media (max-width: 576px) {
    .idioma-age-modal.show {
        padding: 14px !important;
    }

    .idioma-age-modal .modal-dialog {
        width: min(92vw, 560px) !important;
        max-width: min(92vw, 560px) !important;
    }

    .idioma-age-card {
        min-height: 320px;
        border-radius: 12px;
    }

    .idioma-age-logo-wrap {
        min-height: 84px;
        padding: 18px 66px 14px;
    }

    .idioma-age-logo {
        max-width: 142px;
        max-height: 46px;
    }

    .idioma-age-body {
        min-height: 236px;
        padding: 34px 28px 32px;
    }

    .idioma-age-body h3 {
        font-size: 26px;
    }

    .idioma-age-actions {
        gap: 14px;
    }

    .idioma-age-btn {
        min-height: 54px;
        font-size: 18px;
    }
}

/* Final sizing locks for the desktop reference layout. */
@media (min-width: 992px) {
    html,
    body,
    .page-wrapper,
    .main-wrapper {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .main-wrapper {
        grid-template-columns: 260px minmax(0, 1fr) !important;
    }

    .left-side-bar {
        width: 260px !important;
        max-width: 260px !important;
        height: calc(100vh - 68px) !important;
        max-height: calc(100vh - 68px) !important;
        position: fixed !important;
        left: 0 !important;
        top: 68px !important;
        overflow: hidden !important;
        margin-top: 0 !important;
        z-index: 40 !important;
    }

    .left-side-bar_page-padding {
        display: block !important;
        height: 100% !important;
        min-height: 0 !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

    .left-side_sticky-wrapper {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        display: block !important;
        position: static !important;
        top: auto !important;
        overflow: hidden !important;
    }

    .idioma-sidebar-shell {
        height: 100% !important;
        max-height: 100% !important;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        padding: 30px 10px 22px !important;
    }

    .idioma-side-link {
        min-height: 40px !important;
        font-size: 15px !important;
        gap: 12px !important;
    }

    .idioma-side-link i {
        font-size: 17px !important;
    }

    .idioma-container {
        max-width: 1120px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-top: 0 !important;
    }
}

/* Mobile full-screen modal layout: auth, deposit, withdraw and fee flows. */
@media (max-width: 576px) {
    body.modal-open {
        overflow: hidden !important;
        padding-right: 0 !important;
    }

    #cadastroModal.show,
    #entrarModal.show,
    #modalDeposito.show,
    #modalSaque.show,
    #qrCodeModal.show,
    #qrCodeTaxModal.show,
    #successModal.show,
    #successModalTax.show {
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        padding: max(6px, env(safe-area-inset-top, 0px)) 6px max(6px, env(safe-area-inset-bottom, 0px)) !important;
        overflow: hidden !important;
        background: rgba(0, 0, 0, 0.54) !important;
        backdrop-filter: blur(4px) !important;
        box-sizing: border-box !important;
    }

    #cadastroModal .modal-dialog,
    #entrarModal .modal-dialog,
    #modalDeposito .modal-dialog,
    #modalSaque .modal-dialog,
    #qrCodeModal .modal-dialog,
    #qrCodeTaxModal .modal-dialog,
    #successModal .modal-dialog,
    #successModalTax .modal-dialog {
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        height: calc(100dvh - 12px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
        max-height: calc(100dvh - 12px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: stretch !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    #cadastroModal .modal-content,
    #entrarModal .modal-content,
    #modalDeposito .modal-content,
    #modalSaque .modal-content,
    #qrCodeModal .modal-content,
    #qrCodeTaxModal .modal-content,
    #successModal .modal-content,
    #successModalTax .modal-content {
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        background: #15161d !important;
        box-sizing: border-box !important;
    }

    #cadastroModal .window-register,
    #cadastroModal .align-center-windows,
    #cadastroModal .card.windows.welcome,
    #entrarModal .window-login,
    #entrarModal .align-center-windows,
    #entrarModal .card.windows.welcome,
    #modalDeposito .window-register,
    #modalDeposito .align-center-windows,
    #modalDeposito .card.windows,
    #modalSaque .window-register,
    #modalSaque .align-center-windows,
    #modalSaque .card.windows,
    #qrCodeModal .window-register,
    #qrCodeModal .align-center-windows,
    #qrCodeModal .card.windows,
    #qrCodeTaxModal .window-register,
    #qrCodeTaxModal .align-center-windows,
    #qrCodeTaxModal .card.windows,
    #successModal .window-register,
    #successModal .align-center-windows,
    #successModal .card.windows,
    #successModalTax .window-register,
    #successModalTax .align-center-windows,
    #successModalTax .card.windows {
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        border-radius: 18px !important;
        box-sizing: border-box !important;
    }

    #cadastroModal .card.windows.welcome,
    #entrarModal .card.windows.welcome,
    #modalDeposito .card.windows,
    #modalSaque .card.windows,
    #qrCodeModal .card.windows,
    #qrCodeTaxModal .card.windows,
    #successModal .card.windows,
    #successModalTax .card.windows {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
    }

    #cadastroModal .list-img-auth,
    #entrarModal .list-img-auth {
        display: none !important;
    }

    #cadastroModal .content-card.welcome,
    #entrarModal .content-card.welcome {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 100% !important;
        padding: 22px 18px 20px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    #cadastroModal .content-card.welcome h3,
    #entrarModal .content-card.welcome h3 {
        font-size: clamp(30px, 8vw, 40px) !important;
        line-height: 1.05 !important;
        margin: 24px 0 10px !important;
        letter-spacing: 0 !important;
    }

    #cadastroModal .content-card.welcome p,
    #entrarModal .content-card.welcome p {
        font-size: clamp(15px, 4.2vw, 18px) !important;
        line-height: 1.25 !important;
        margin-bottom: 18px !important;
    }

    #cadastroModal .content-card.welcome h4,
    #entrarModal .content-card.welcome h4 {
        font-size: 24px !important;
        line-height: 1.1 !important;
        margin: 12px 0 14px !important;
        text-align: center !important;
    }

    #cadastroModal .form-cadastrar,
    #entrarModal .form-cadastrar {
        width: 100% !important;
        max-width: none !important;
        gap: 10px !important;
    }

    #cadastroModal .eng-text-field,
    #entrarModal .eng-text-field,
    #cadastroModal .idioma-register-country-picker {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    #cadastroModal .input.w-input,
    #entrarModal .input.w-input,
    #cadastroModal .idioma-register-country-trigger {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 58px !important;
        height: 58px !important;
        padding: 0 18px !important;
        border-radius: 13px !important;
        box-sizing: border-box !important;
    }

    #cadastroModal .idioma-register-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }

    #cadastroModal .cadastro-button,
    #entrarModal .cadastro-button,
    #modalDeposito #enviarBotao,
    #modalSaque #sacarBotao,
    #qrCodeModal .btn-success,
    #qrCodeTaxModal .btn-success,
    #successModal .btn-success,
    #successModalTax .btn-success {
        width: 100% !important;
        min-height: 58px !important;
        border-radius: 999px !important;
        font-size: 20px !important;
        line-height: 1.1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #modalDeposito .card.windows,
    #modalSaque .card.windows,
    #qrCodeModal .card.windows,
    #qrCodeTaxModal .card.windows,
    #successModal .card.windows,
    #successModalTax .card.windows {
        padding: 18px !important;
    }

    #modalDeposito .card.windows > div:first-child,
    #modalSaque .card.windows > div:first-child,
    #qrCodeModal .card.windows > div:first-child,
    #qrCodeTaxModal .card.windows > div:first-child,
    #successModal .card.windows > div:first-child,
    #successModalTax .card.windows > div:first-child {
        margin-top: 0 !important;
    }

    #modalDeposito .form-control,
    #modalSaque .form-control,
    #qrCodeModal .form-control,
    #qrCodeTaxModal .form-control {
        min-height: 56px !important;
        font-size: 18px !important;
        border-radius: 13px !important;
    }

    #modalDeposito .eng-grid-form {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #modalDeposito .eng-grid-form .btn,
    #modalDeposito .quick-value-btn {
        min-height: 54px !important;
        padding: 10px 6px !important;
        font-size: 18px !important;
        border-radius: 13px !important;
    }

    #qrCodeModal img,
    #qrCodeTaxModal img {
        width: min(70vw, 260px) !important;
        height: auto !important;
        max-height: 260px !important;
        object-fit: contain !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #qrCodeModal .qr-box,
    #qrCodeTaxModal .qr-box {
        width: 100% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #successModal .modal-content,
    #successModalTax .modal-content {
        background: #15161d !important;
    }

    #successModal .card.windows,
    #successModalTax .card.windows {
        text-align: center !important;
    }

    #successModal .card.windows .d-flex,
    #successModalTax .card.windows .d-flex {
        gap: 10px !important;
    }

    #successModal .btn,
    #successModalTax .btn {
        min-height: 54px !important;
        border-radius: 13px !important;
        font-size: 16px !important;
    }

    #cadastroModal .eng-close-windows,
    #entrarModal .eng-close-windows,
    #modalDeposito button[aria-label="Close"],
    #modalSaque button[aria-label="Close"],
    #qrCodeModal button[aria-label="Close"],
    #qrCodeTaxModal button[aria-label="Close"],
    #successModal button[aria-label="Close"],
    #successModalTax button[aria-label="Close"] {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        border-radius: 50% !important;
        z-index: 80 !important;
    }
}

@media (max-width: 380px) {
    #cadastroModal .content-card.welcome,
    #entrarModal .content-card.welcome,
    #modalDeposito .card.windows,
    #modalSaque .card.windows,
    #qrCodeModal .card.windows,
    #qrCodeTaxModal .card.windows,
    #successModal .card.windows,
    #successModalTax .card.windows {
        padding: 16px 14px !important;
    }

    #cadastroModal .input.w-input,
    #entrarModal .input.w-input,
    #cadastroModal .idioma-register-country-trigger,
    #modalDeposito .form-control,
    #modalSaque .form-control {
        min-height: 52px !important;
        height: 52px !important;
    }
}

/* Mobile balance pill polish. */
@media (max-width: 576px) {
    .navbar-buttons-balance-wrapper .balance-info {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-width: 128px !important;
        width: auto !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 12px !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, #30323a 0%, #24262d 100%) !important;
        border: 1px solid rgba(255, 255, 255, 0.05) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 18px rgba(0, 0, 0, 0.18) !important;
        white-space: nowrap !important;
    }

    .navbar-buttons-balance-wrapper .balance-info .gray.txt-label {
        display: none !important;
    }

    .navbar-buttons-balance-wrapper .balance-info .txt-balance-original {
        order: 2 !important;
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
    }

    .navbar-buttons-balance-wrapper .balance-info .flex-horizontal.white {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        width: auto !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    .navbar-buttons-balance-wrapper .balance-info h4 {
        margin: 0 !important;
        color: #ffffff !important;
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    .navbar-buttons-balance-wrapper .balance-info h4.green {
        margin-right: 0 !important;
    }

    .navbar-buttons-balance-wrapper .idioma-balance-refresh {
        order: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 28px !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        border-radius: 50% !important;
        color: #ffffff !important;
        background: rgba(255, 255, 255, 0.08) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        font-size: 14px !important;
        line-height: 1 !important;
        margin: 0 !important;
    }

    .navbar-buttons-balance-wrapper .idioma-balance-refresh:active {
        background: #ff1748 !important;
        transform: scale(0.96) !important;
    }
}

/* Mobile topbar compact balance and aligned profile button. */
@media (max-width: 576px) {
    .navbar-buttons-balance-wrapper {
        gap: 6px !important;
    }

    .navbar-buttons-balance-wrapper > .btn-small.btn-color-1 {
        min-width: 92px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 13px !important;
        font-size: 13px !important;
    }

    .navbar-buttons-balance-wrapper .balance-info {
        min-width: 112px !important;
        height: 40px !important;
        min-height: 40px !important;
        gap: 6px !important;
        padding: 0 10px !important;
    }

    .navbar-buttons-balance-wrapper .balance-info h4 {
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .navbar-buttons-balance-wrapper .idioma-balance-refresh {
        flex-basis: 24px !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 12px !important;
    }

    .navbar-buttons-balance-wrapper > .dropdown {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        width: 48px !important;
        min-width: 48px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 5px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        background: #4b5563 !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    }

    .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle::after {
        position: static !important;
        margin: 0 !important;
        transform: none !important;
        color: #ffffff !important;
        border-top-color: #ffffff !important;
        flex: 0 0 auto !important;
    }

    .navbar-buttons-balance-wrapper .eng-letter-name.no-mobile {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: transparent !important;
    }

    .navbar-buttons-balance-wrapper .letter-name {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background: #37b51f !important;
        box-shadow: 0 0 0 3px rgba(55, 181, 31, 0.18) !important;
    }
}

/* Final mobile auth modal width and field alignment. */
@media (max-width: 576px) {
    html body #cadastroModal.show,
    html body #entrarModal.show {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: rgba(0, 0, 0, .64) !important;
        backdrop-filter: none !important;
    }

    html body #cadastroModal .modal-dialog,
    html body #entrarModal .modal-dialog {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    html body #cadastroModal .modal-content,
    html body #entrarModal .modal-content,
    html body #cadastroModal .window-register,
    html body #entrarModal .window-login,
    html body #cadastroModal .align-center-windows,
    html body #entrarModal .align-center-windows,
    html body #cadastroModal .card.windows.welcome,
    html body #entrarModal .card.windows.welcome {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        display: block !important;
        background: #15161d !important;
        border: 0 !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    html body #cadastroModal .card.windows.welcome,
    html body #entrarModal .card.windows.welcome {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body #cadastroModal .content-card.welcome,
    html body #entrarModal .content-card.welcome {
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        min-height: 100% !important;
        padding: 26px 16px 30px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        background: #15161d !important;
    }

    html body #cadastroModal .form,
    html body #entrarModal .form,
    html body #cadastroModal .w-form,
    html body #entrarModal .w-form,
    html body #cadastroModal .form-cadastrar,
    html body #entrarModal .form-cadastrar,
    html body #cadastroModal form,
    html body #entrarModal form,
    html body #cadastroModal .eng-text-field,
    html body #entrarModal .eng-text-field,
    html body #cadastroModal .idioma-register-country-picker {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html body #cadastroModal .eng-options-login,
    html body #entrarModal .eng-options-login {
        width: 100% !important;
        max-width: 100% !important;
    }

    html body #cadastroModal .eng-text-field,
    html body #entrarModal .eng-text-field {
        position: relative !important;
        margin-bottom: 11px !important;
        display: block !important;
    }

    html body #cadastroModal .eng-text-field[style*="display:none"],
    html body #cadastroModal .eng-text-field[style*="display: none"],
    html body #entrarModal .eng-text-field[style*="display:none"],
    html body #entrarModal .eng-text-field[style*="display: none"] {
        display: none !important;
    }

    html body #cadastroModal .icon-field,
    html body #entrarModal .icon-field {
        position: absolute !important;
        left: 20px !important;
        top: 50% !important;
        width: 24px !important;
        height: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: translateY(-50%) !important;
        font-size: 17px !important;
        line-height: 1 !important;
        pointer-events: none !important;
        z-index: 3 !important;
    }

    html body #cadastroModal .input.w-input,
    html body #entrarModal .input.w-input {
        width: 100% !important;
        max-width: none !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 48px 0 62px !important;
        text-align: left !important;
        font-size: 17px !important;
        box-sizing: border-box !important;
    }

    html body #cadastroModal .input.w-input::placeholder,
    html body #entrarModal .input.w-input::placeholder {
        text-align: left !important;
    }

    html body #cadastroModal .idioma-register-country-trigger {
        width: 100% !important;
        max-width: none !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    html body #cadastroModal .icon-password-1,
    html body #entrarModal .icon-password-1,
    html body #cadastroModal .icon-password-2,
    html body #entrarModal .icon-password-2 {
        position: absolute !important;
        right: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 4 !important;
    }

    html body #cadastroModal .btn-small.full,
    html body #entrarModal .btn-small.full {
        width: 100% !important;
        max-width: none !important;
        height: 58px !important;
        min-height: 58px !important;
        box-sizing: border-box !important;
    }
}

/* Last mobile account button override. */
@media (max-width: 576px) {
    html body .navbar-logged .navbar-buttons-balance-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        max-width: calc(100vw - 96px) !important;
        overflow: visible !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper > .btn-small.btn-color-1 {
        flex: 0 0 86px !important;
        width: 86px !important;
        min-width: 86px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .balance-info {
        flex: 0 1 auto !important;
        min-width: 100px !important;
        width: auto !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 8px !important;
        gap: 5px !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .balance-info h4 {
        font-size: 13px !important;
        line-height: 1 !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .idioma-balance-refresh {
        width: 22px !important;
        min-width: 22px !important;
        height: 22px !important;
        min-height: 22px !important;
        font-size: 12px !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper > .dropdown {
        display: flex !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border-radius: 12px !important;
        border: 1px solid #343a46 !important;
        background: #465263 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .eng-letter-name,
    html body .navbar-logged .navbar-buttons-balance-wrapper .eng-letter-name.no-mobile,
    html body .navbar-logged .navbar-buttons-balance-wrapper .letter-name {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .eng-letter-name,
    html body .navbar-logged .navbar-buttons-balance-wrapper .eng-letter-name.no-mobile {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        margin: 0 !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .letter-name {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        border-radius: 50% !important;
        background: #37b51f !important;
        box-shadow: 0 0 0 3px rgba(55, 181, 31, .2) !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .letter-name i {
        display: inline-block !important;
        color: #fff !important;
        font-size: 15px !important;
        line-height: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body .navbar-logged .navbar-buttons-balance-wrapper .btn.btn-secondary.dropdown-toggle::after {
        display: inline-block !important;
        margin-left: 1px !important;
        color: #fff !important;
        border-top-color: #fff !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}