body {
    background: url('../img/inicio/background.jpg') no-repeat center center fixed;
    background-size: auto 100vh; /* Ajusta el alto al 100% de la ventana, ancho automático */
}

.unlocked-logo {
    max-width: 70vw;
}

.mensaje {
    max-width: 80vw;
}

.personajes {
    max-width: 90vw;
}

.boton {
    max-width: 50vw;
}

/* Estilos para pantallas grandes */
@media (min-width: 768px) {
    body {
        background-size: cover;
    }
    .logo {
        max-width: 6vw;
        position: absolute;
        left: 100px;
        top: 20px;
        margin: 0;
    }
    .unlocked-logo, .mensaje, .personajes, .boton {
        max-width: 30vw;
    }
}