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

.header{

    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;

    background:rgba(255,255,255,.82);
    backdrop-filter:blur(14px);

    border-bottom:1px solid rgba(0,0,0,.05);

    transition:.35s;

}

.header .container{

    height:88px;

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

}

.logo img{

    height:62px;
    width:auto;

}

/* MENU */

.menu{

    display:flex;
    gap:38px;

}

.menu a{

    color:#333;
    font-weight:500;
    font-size:.95rem;

    transition:.30s;

}

.menu a:hover{

    color:var(--verde);

}

/* BOTÕES */

.acoes{

    display:flex;
    gap:14px;

}

.btn-login{

    padding:12px 24px;

    border-radius:50px;

    border:2px solid var(--verde);

    color:var(--verde);

    font-weight:600;

    transition:.30s;

}

.btn-login:hover{

    background:var(--verde);
    color:#fff;

}

.btn-demo{

    padding:12px 28px;

    border-radius:50px;

    background:linear-gradient(
        135deg,
        var(--laranja),
        var(--dourado)
    );

    color:#fff;

    font-weight:600;

    box-shadow:0 12px 28px rgba(0,0,0,.15);

    transition:.35s;

}

.btn-demo:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 36px rgba(0,0,0,.20);

}

/* MOBILE */

.menu-mobile{

    display:none;

    background:none;
    border:none;

    font-size:30px;

    color:var(--verde);

    cursor:pointer;

}

/* RESPONSIVO */

@media(max-width:1080px){

    .menu{

        display:none;

    }

    .acoes{

        display:none;

    }

    .menu-mobile{

        display:block;

    }

}

@media(max-width:768px){

    .header .container{

        height:76px;

    }

    .logo img{

        height:52px;

    }

}