html {
    scroll-behavior: smooth;
}

body {
    background-color: #fdf8f1;
    transition: background-color 0.6s ease;
}

/* Centralizado no meio da viewport */
#logo-hero {
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1030;
    /* acima do conteúdo */
    transition: top .6s cubic-bezier(.4, 0, .2, 1),
        transform .6s cubic-bezier(.4, 0, .2, 1),
        padding .6s cubic-bezier(.4, 0, .2, 1),
        background-color .6s cubic-bezier(.4, 0, .2, 1);
    pointer-events: auto;
}

/* Estado no topo (header “dockado”) */
#logo-hero.dock-top {
    top: 0;
    transform: translateY(0);
    padding: .5rem 0;
    background: #fdf8f1;
    /* opcional: fundo translúcido */
    backdrop-filter: blur(6px);
}

/* Ajuste visual do link (opcional) */
#logo-hero .header-white {
    text-decoration: none;
}

@media (max-width: 768px) {
    #logo-hero {
        top: 40%;
        /* antes era 50% */
        transform: translateY(-40%);
    }

    #logo-hero.dock-top {
        top: 0;
        transform: translateY(-13%);
        padding: .5rem 0;
        background: #fdf8f1;
        /* opcional: fundo translúcido */
        backdrop-filter: blur(6px);
    }

}