/* =====================================================================
   UNITAX CAPITAL — Frosted-glass header (Luminex-style)
   Aplica apenas o efeito de transparência fosca na barra de menu.
   Não toca em mais nada do template Viser_Bank original.
   ===================================================================== */

/* Default state — header floats over the hero with translucent frost */
.navbar {
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.45);
    box-shadow: 0 6px 24px rgba(20, 35, 60, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/* When the page is scrolled, .header gets .fixed-header class.
   Override the template's solid white background — keep the frost. */
.header.fixed-header {
    background-color: transparent !important;
    box-shadow: none !important;
}

.header.fixed-header .navbar {
    background: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(26px) saturate(190%);
    -webkit-backdrop-filter: blur(26px) saturate(190%);
    box-shadow: 0 4px 18px rgba(20, 35, 60, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

/* Mobile (< 991px): the template applies a solid white .header by default.
   Soften it to match the desktop frost. */
@media screen and (max-width: 991px) {
    .header {
        background-color: rgba(255, 255, 255, 0.85) !important;
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        box-shadow: 0 4px 18px rgba(20, 35, 60, 0.08) !important;
    }
    .navbar {
        background: transparent !important;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border: 0;
        box-shadow: none;
    }
}