/* Correções responsivas isoladas do cabeçalho. Desktop permanece inalterado. */
@media (max-width: 767px) {
    html,
    body,
    #viperpro {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    .elemento-adicional {
        display: flex !important;
        flex-wrap: nowrap !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        gap: 8px !important;
        padding: 4px 8px !important;
        overflow: hidden !important;
    }

    .elemento-adicional h1 {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        line-height: 18px !important;
    }

    .elemento-adicional button,
    .elemento-adicional .top-apk-download {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        font-size: 11px !important;
        line-height: 16px !important;
        padding: 2px 10px !important;
    }

    .navbar {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
    }

    .navbar .nav-menu {
        width: 100% !important;
        min-width: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .navbar .nav-menu > .flex,
    .navbar .nav-menu > .flex > div {
        min-width: 0 !important;
    }
}

@media (max-width: 430px) {
    .navbar {
        height: 56px !important;
        min-height: 56px !important;
        overflow: visible !important;
    }

    .navbar .nav-menu {
        height: 56px !important;
        padding: 0 6px !important;
    }

    .navbar .nav-menu > .flex {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4px !important;
        width: 100% !important;
        height: 56px !important;
        overflow: visible !important;
    }

    .navbar .nav-menu > .flex > div:first-child {
        display: flex !important;
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: 164px !important;
        min-width: 0 !important;
        height: 56px !important;
        padding: 0 !important;
        gap: 4px !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    .navbar .nav-menu > .flex > div:last-child {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        margin-left: auto !important;
        height: 56px !important;
        padding: 0 !important;
        align-items: center !important;
    }

    .navbar .navtop-menu-toggle {
        display: inline-grid !important;
        place-items: center !important;
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 40px !important;
        margin: 0 2px 0 0 !important;
        padding: 0 !important;
        align-self: center !important;
        line-height: 1 !important;
    }

    .navbar .navtop-menu-toggle i {
        margin: 0 !important;
        line-height: 1 !important;
    }

    .navbar .navtop-logo-link {
        display: flex !important;
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: 124px !important;
        min-width: 0 !important;
        height: 40px !important;
        margin: 0 !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    .navbar .navtop-logo,
    .navbar .navtop-logo--mobile,
    .navbar a[href="/"] img {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 124px !important;
        height: 36px !important;
        margin: 0 !important;
        object-fit: contain !important;
    }

    .navbar .nav-menu > .flex > div:last-child > .flex.items-center,
    .navbar .nav-menu > .flex > div:last-child .flex.items-center.ml-4 {
        min-width: 0 !important;
        margin-left: 0 !important;
        gap: 2px !important;
        align-items: center !important;
    }

    .navbar .ui-button-depositorapido2 {
        flex: 0 0 68px !important;
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding-inline: 4px !important;
        font-size: 12px !important;
        line-height: 34px !important;
    }

    .navbar .botam {
        flex: 0 0 80px !important;
        width: 80px !important;
        max-width: 80px !important;
        height: 34px !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        contain: inline-size !important;
    }

    .navbar .botam > .flex,
    .navbar .botam .pr-12,
    .navbar #select-currancy {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .navbar .botam .pr-12 {
        left: 0 !important;
        padding-right: 0 !important;
        height: 34px !important;
    }

    .navbar #select-currancy .w-max,
    .navbar #select-currancy > button {
        display: none !important;
    }

    .navbar #select-currancy .ml-2\.5,
    .navbar #select-currancy strong {
        margin-left: 2px !important;
        font-size: 11px !important;
        max-width: 76px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .navbar [data-dropdown-toggle="dropdown-profile"] {
        display: flex !important;
        flex: 0 0 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        margin-right: 0 !important;
        overflow: hidden !important;
        align-items: center !important;
        justify-content: center !important;
        transform: none !important;
    }

    #dropdown-profile {
        position: fixed !important;
        top: 86px !important;
        right: 8px !important;
        bottom: auto !important;
        left: auto !important;
        width: min(300px, calc(100vw - 16px)) !important;
        max-width: calc(100vw - 16px) !important;
        max-height: calc(100dvh - 102px) !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        transform: none !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch;
    }

    .navbar [data-dropdown-toggle="dropdown-profile"] > div {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
    }

    .navbar [data-dropdown-toggle="dropdown-profile"] img {
        width: 30px !important;
        height: 30px !important;
        object-fit: cover !important;
    }
}

@media (max-width: 374px) {
    .navbar .nav-menu > .flex > div:first-child {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: 156px !important;
    }

    .navbar .navtop-logo-link,
    .navbar .navtop-logo,
    .navbar .navtop-logo--mobile,
    .navbar a[href="/"] img {
        width: 100% !important;
        max-width: 116px !important;
    }

    .navbar .ui-button-depositorapido2 {
        flex-basis: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        font-size: 11px !important;
    }

    .navbar .botam {
        flex-basis: 76px !important;
        width: 76px !important;
        max-width: 76px !important;
    }
}