.hero {

    width: 100%;

    height: 654px;



    background-image: url("../img/backgroundsessao2.png");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-position: center top; /* 👈 MOSTRA A PARTE DE CIMA */

    display: flex;

    justify-content: center;

    align-items: center;



    position: relative;

    margin-top: -500px; /* puxa o hero pra cima, sob o menu */

}

.logo {

    width: 620px;        /* LOGO MAIOR (ajuste se quiser 450px, 500px) */

    max-width: 90%;



    display: block;

    margin: 0 auto;



    position: relative;

    top: 250px;          /* aproxima do menu (ajuste fino aqui) */

}