/* ================= HEADER BASE ================= */

.main-header {
    height: 70px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;

    background: var(--navy-panel);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border-bottom: var(--glass-border);
    border-left: var(--glass-border);
    border-right: var(--glass-border);

    border-radius: 0 0 30px 30px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    overflow: visible;
}

/* ================= GLOW ================= */

.main-header::before {
    content: "";
    position: absolute;
    top: -120%;
    right: -30%;
    width: 120%;
    height: 250%;

    background: radial-gradient(
        circle,
        rgba(var(--gold-rgb), 0.18),
        transparent 60%
    );

    transform: rotate(25deg);
    pointer-events: none;
}

/* ================= LINHA DOURADA ================= */

.main-header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        var(--gold),
        transparent
    );

    opacity: 0.6;
    pointer-events: none;
}

/* ================= HEADER LEFT ================= */

.header-left {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* ================= PAGE TITLE ================= */

.page-title {
    color: var(--text-white);
    font-size: 0.85rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 300;

    border-left: 1px solid rgba(var(--gold-rgb), 0.3);

    padding-left: 20px;
}

/* ================= HEADER RIGHT ================= */

.header-right {
    display: flex;
    align-items: center;
    gap: 25px;
}