```css
/* ===================================================== */
/* HEADER.CSS */
/* PASSO ÚNICO */
/* ===================================================== */

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

.header{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    z-index:9999;
}

/* ===================================================== */
/* NAVBAR */
/* ===================================================== */

.navbar{

    width:100%;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:14px 50px;

    border-radius:0px;

    background:rgba(255,255,255,.94);

    backdrop-filter:blur(18px);

    box-shadow:
    0 12px 50px rgba(10,20,60,.08);
}

/* ===================================================== */
/* LOGO */
/* ===================================================== */

.logo{

    display:flex;

    align-items:center;

    flex-shrink:0;
}

.logo img{

    height:72px;

    width:auto;

    object-fit:contain;

    display:block;
}

/* ===================================================== */
/* LOGO TEXT */
/* ===================================================== */



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

.nav-links{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:52px;

    flex:1;

    margin-left:40px;
}

.nav-links a{

    position:relative;

    color:#0f172a;

    font-size:17px;

    font-weight:700;

    transition:.3s;
}

.nav-links a:hover{

    color:var(--primary);
}

/* ===================================================== */
/* ACTIVE */
/* ===================================================== */

.nav-links a.active{

    color:var(--primary);
}

.nav-links a.active::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-12px;

    width:100%;
    height:3px;

    border-radius:999px;

    background:
    linear-gradient(
        90deg,
        var(--green),
        var(--primary)
    );
}

/* ===================================================== */
/* ACTIONS */
/* ===================================================== */

.nav-actions{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    flex-shrink:0;

    margin-right:40px;
}

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

.btn-login{

    height:58px;

    min-width:120px;

    padding:0 32px;

    border-radius:18px;

    border:1px solid #dce4f2;

    background:#fff;

    color:#111827;

    font-size:16px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    line-height:1;

    transition:.3s;
}

.btn-login:hover{

    transform:translateY(-2px);

    border-color:#bfd0f2;
}

/* ===================================================== */
/* CTA */
/* ===================================================== */

.nav-actions .btn-primary{

    height:58px;

    min-width:230px;

    padding:0 40px;

    display:flex;

    align-items:center;

    justify-content:center;

    line-height:1;
}
.nav-actions a{

    box-sizing:border-box;
}

/* ===================================================== */
/* RESPONSIVO */
/* ===================================================== */

@media(max-width:1100px){

    .navbar{

        flex-wrap:wrap;

        justify-content:center;
    }

    .nav-links{

        width:100%;

        order:3;

        justify-content:center;

        margin-left:0;
    }

}

@media(max-width:768px){

    .header{

        top:14px;

        width:calc(100% - 20px);
    }

    .navbar{

        padding:20px;
    }

    .logo img{

        height:58px;
    }

    .logo-text{

        display:none;
    }

    .nav-links{

        gap:22px;

        flex-wrap:wrap;
    }

    .nav-links a{

        font-size:15px;
    }

    .nav-actions{

        width:100%;

        flex-direction:column;
    }

    .btn-login,
    .nav-actions .btn-primary{

        width:100%;
    }

}
```