.ft-entrar {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    /* fundo completo com degradê escuro */
    background:
        linear-gradient(to bottom, transparent 50%, #0B1220 100%),
        url('../images/fundo-estrada.jpg') center/cover no-repeat;
    background-color: #0B1220;
    background-blend-mode: overlay;
}

/* Tela de entrada ocupa a tela toda, com a estrada de fundo de ponta a ponta */
body.ft-tela-entrar .ft-conteudo {
    max-width: none;
    padding: 0;
    margin: 0;
}
body.ft-tela-entrar .ft-entrar {
    width: 100%;
    max-width: none;
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    border-radius: 0;
    box-sizing: border-box;
}

/* Cabeçalho transparente sobre a estrada, sem faixa sólida no topo */
body.ft-tela-entrar .ft-topo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 2;
}

/* Fundo em camada fixa que cobre a tela inteira, também no iPhone (a barra do Safari muda a altura) */
body.ft-tela-entrar .ft-entrar {
    position: relative;
    z-index: 0;
    background: none;
}
body.ft-tela-entrar .ft-entrar::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(to bottom, rgba(11, 18, 32, 0) 50%, #0B1220 100%),
        url('../images/fundo-estrada.jpg') center 70%/cover no-repeat;
}